add size check

Author: abrehamgezahegn

.github/workflows/preview.yml

@@ -40,7 +40,35 @@ jobs:
         run: |
           npm pack
 
-     
+      - name: Check package size and create comment
+        working-directory: ./typescript
+        run: |
+          # Run size-limit to get detailed size analysis
+          SIZE_OUTPUT=$(npm run size 2>&1 || echo "Size check failed")
+          
+          # Get package file info
+          PACKAGE_FILE=$(ls *.tgz | head -1)
+          PACKAGE_SIZE=$(stat -c%s "$PACKAGE_FILE" 2>/dev/null || stat -f%z "$PACKAGE_FILE")
+          PACKAGE_SIZE_KB=$((PACKAGE_SIZE / 1024))
+          
+          # Create comment body
+          cat > /tmp/size_comment.md << EOF
+          ## 📦 Package Size Report
+          
+          **Package:** \`$PACKAGE_FILE\` (${PACKAGE_SIZE_KB} KB compressed)
+          
+          ### Size Limit Analysis:
+          \`\`\`
+          $SIZE_OUTPUT
+          \`\`\`
+          
+          Preview package is ready for testing! 🚀
+          EOF
+          
+          # Post comment to PR
+          gh pr comment --body-file /tmp/size_comment.md
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
       - name: List files in typescript dir
         working-directory: ./typescript

typescript/package-lock.json

@@ -20,7 +20,8 @@
     "check": "tsc --noEmit",
     "lint": "eslint src --ext .ts,.tsx",
     "lint:fix": "eslint src --ext .ts,.tsx --fix",
-    "prepare": "husky"
+    "prepare": "husky",
+    "size": "size-limit"
   },
   "keywords": [
     "json",
@@ -32,6 +33,7 @@
   "license": "MIT",
   "devDependencies": {
     "@eslint/js": "^9.28.0",
+    "@size-limit/preset-small-lib": "^11.2.0",
     "@types/jest": "^29.5.14",
     "@types/node": "^22.15.27",
     "@types/react": "^19.1.5",
@@ -52,17 +54,19 @@
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "json-schema-to-typescript": "^15.0.4",
+    "json5": "^2.2.3",
     "lint-staged": "^15.5.2",
     "prettier": "3.5.3",
+    "puppeteer": "^24.9.0",
+    "size-limit": "^11.2.0",
+    "strip-json-comments": "^5.0.2",
     "ts-jest": "^29.3.4",
     "ts-node": "^10.9.2",
     "tsup": "^8.5.0",
-    "typescript": "^5.8.3",
-    "puppeteer": "^24.9.0",
-    "strip-json-comments": "^5.0.2",
-    "json5": "^2.2.3"
+    "typescript": "^5.8.3"
   },
   "dependencies": {
+    "@types/katex": "^0.16.7",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
     "katex": "^0.16.22",
@@ -96,5 +100,19 @@
     "*.{ts,tsx}": [
       "eslint --fix"
     ]
-  }
+  },
+  "size-limit": [
+    {
+      "path": "dist/index.js",
+      "limit": "20 KB"
+    },
+    {
+      "path": "dist/index.mjs",
+      "limit": "20 KB"
+    },
+    {
+      "path": "dist/index.css",
+      "limit": "20 KB"
+    }
+  ]
 }