setup npm-previews of all packages (#9118)

* add workflow

* fix pkg jsons

* workflow name

* add changeset

* fix

* add changeset

* fix build command

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

.changeset/soft-breads-say.md

@@ -0,0 +1,66 @@
+---
+"@gradio/accordion": patch
+"@gradio/annotatedimage": patch
+"@gradio/atoms": patch
+"@gradio/audio": patch
+"@gradio/box": patch
+"@gradio/build": patch
+"@gradio/button": patch
+"@gradio/chatbot": patch
+"@gradio/checkbox": patch
+"@gradio/checkboxgroup": patch
+"@gradio/client": patch
+"@gradio/code": patch
+"@gradio/colorpicker": patch
+"@gradio/column": patch
+"@gradio/core": patch
+"@gradio/dataframe": patch
+"@gradio/dataset": patch
+"@gradio/datetime": patch
+"@gradio/downloadbutton": patch
+"@gradio/dropdown": patch
+"@gradio/fallback": patch
+"@gradio/file": patch
+"@gradio/fileexplorer": patch
+"@gradio/form": patch
+"@gradio/gallery": patch
+"@gradio/group": patch
+"@gradio/highlightedtext": patch
+"@gradio/html": patch
+"@gradio/icons": patch
+"@gradio/image": patch
+"@gradio/imageeditor": patch
+"@gradio/json": patch
+"@gradio/label": patch
+"@gradio/markdown": patch
+"@gradio/model3d": patch
+"@gradio/multimodaltextbox": patch
+"@gradio/nativeplot": patch
+"@gradio/number": patch
+"@gradio/paramviewer": patch
+"@gradio/plot": patch
+"@gradio/radio": patch
+"@gradio/row": patch
+"@gradio/simpledropdown": patch
+"@gradio/simpleimage": patch
+"@gradio/simpletextbox": patch
+"@gradio/slider": patch
+"@gradio/spa": patch
+"@gradio/state": patch
+"@gradio/statustracker": patch
+"@gradio/tabitem": patch
+"@gradio/tabs": patch
+"@gradio/textbox": patch
+"@gradio/theme": patch
+"@gradio/timer": patch
+"@gradio/tooltip": patch
+"@gradio/upload": patch
+"@gradio/uploadbutton": patch
+"@gradio/utils": patch
+"@gradio/video": patch
+"@gradio/wasm": patch
+"gradio": patch
+"gradio_test": patch
+---
+
+feat:setup npm-previews of all packages

.github/workflows/npm-previews.yml

@@ -0,0 +1,54 @@
+name: "npm"
+
+on:
+  pull_request:
+
+env:
+  CI: true
+  PLAYWRIGHT_SKIP_BROWSER_DOWNLOAD: "1"
+  NODE_OPTIONS: "--max-old-space-size=4096"
+
+concurrency:
+  group: "${{ github.event.pull_request.number }}-${{ github.ref_name }}-${{ github.workflow }}"
+  cancel-in-progress: true
+
+permissions: {}
+
+jobs:
+  changes:
+    permissions:
+      contents: read
+      pull-requests: read
+    name: "changes"
+    runs-on: ubuntu-latest
+    outputs:
+      should_run: ${{ steps.changes.outputs.should_run }}
+      sha: ${{ steps.changes.outputs.sha }}
+      pr_number: ${{ steps.changes.outputs.pr_number }}
+      source_branch: ${{ steps.changes.outputs.source_branch }}
+      source_repo: ${{ steps.changes.outputs.source_repo }}
+    steps:
+      - uses: actions/checkout@v4
+      - uses: "gradio-app/gradio/.github/actions/changes@main"
+        id: changes
+        with:
+          filter: "js"
+          token: ${{ secrets.GITHUB_TOKEN }}
+  preview:
+    permissions:
+      contents: read
+    name: npm-previews
+    runs-on: ubuntu-22.04
+    needs: changes
+    if: needs.changes.outputs.should_run == 'true'
+    steps:
+      - uses: actions/checkout@v4
+      - name: install dependencies
+        uses: "gradio-app/gradio/.github/actions/install-frontend-deps@main"
+        with:
+          always_install_pnpm: true
+          skip_build: true
+      - name: build client
+        run: pnpm --filter @gradio/client --filter @gradio/wasm --filter @gradio/preview build
+      - name: publish npm previews
+        run: pnpx pkg-pr-new publish './js/*' './client/js' --comment=off

client/js/package.json

@@ -39,5 +39,10 @@
 	"engines": {
 		"node": ">=18.0.0"
 	},
-	"main_changeset": true
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "client/js"
+	}
 }

client/python/gradio_client/package.json

@@ -3,5 +3,6 @@
 	"version": "1.3.0",
 	"description": "",
 	"python": "true",
-	"main_changeset": true
+	"main_changeset": true,
+	"private": true
 }

js/accordion/package.json

@@ -19,5 +19,10 @@
 	"exports": {
 		".": "./Index.svelte",
 		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/accordion"
 	}
 }

js/annotatedimage/package.json

@@ -22,5 +22,10 @@
 		"@gradio/utils": "workspace:^",
 		"@gradio/client": "workspace:^",
 		"@gradio/wasm": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/annotatedimage"
 	}
 }

js/atoms/package.json

@@ -10,5 +10,10 @@
 		"@gradio/utils": "workspace:^",
 		"@gradio/icons": "workspace:^"
 	},
-	"main_changeset": true
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/atoms"
+	}
 }

js/audio/package.json

@@ -33,5 +33,10 @@
 		"./shared": "./shared/index.ts",
 		"./base": "./static/StaticAudio.svelte",
 		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/audio"
 	}
 }

js/box/package.json

@@ -13,5 +13,10 @@
 	},
 	"dependencies": {
 		"@gradio/atoms": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/box"
 	}
 }

js/build/package.json

@@ -15,5 +15,10 @@
 		"esbuild": "^0.21.0",
 		"svelte-i18n": "^3.6.0"
 	},
-	"main_changeset": true
+	"main_changeset": true,
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/build"
+	}
 }

js/button/package.json

@@ -19,5 +19,10 @@
 	"exports": {
 		".": "./Index.svelte",
 		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/button"
 	}
 }

js/chatbot/package.json

@@ -34,5 +34,10 @@
 	"exports": {
 		".": "./Index.svelte",
 		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/chatbot"
 	}
 }

js/checkbox/package.json

@@ -20,5 +20,10 @@
 	},
 	"devDependencies": {
 		"@gradio/preview": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/checkbox"
 	}
 }

js/checkboxgroup/package.json

@@ -20,5 +20,10 @@
 	},
 	"devDependencies": {
 		"@gradio/preview": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/checkboxgroup"
 	}
 }

js/code/package.json

@@ -43,5 +43,10 @@
 	},
 	"devDependencies": {
 		"@gradio/preview": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/code"
 	}
 }

js/colorpicker/package.json

@@ -20,5 +20,10 @@
 	},
 	"devDependencies": {
 		"@gradio/preview": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/colorpicker"
 	}
 }

js/column/package.json

@@ -16,5 +16,10 @@
 		"@gradio/preview": "workspace:^",
 		"@gradio/statustracker": "workspace:^",
 		"@gradio/utils": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/column"
 	}
 }

js/core/package.json

@@ -74,5 +74,10 @@
 		"./package.json": "./package.json",
 		".": "./index.ts"
 	},
-	"main": "./index.ts"
+	"main": "./index.ts",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/core"
+	}
 }

js/dataframe/package.json

@@ -32,5 +32,10 @@
 	},
 	"devDependencies": {
 		"@gradio/preview": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/dataframe"
 	}
 }

js/dataset/package.json

@@ -20,5 +20,10 @@
 	},
 	"devDependencies": {
 		"@gradio/preview": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/dataset"
 	}
 }

js/datetime/package.json

@@ -21,5 +21,10 @@
 	},
 	"devDependencies": {
 		"@gradio/preview": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/datetime"
 	}
 }

js/downloadbutton/package.json

@@ -19,5 +19,10 @@
 	"exports": {
 		".": "./Index.svelte",
 		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/downloadbutton"
 	}
 }

js/dropdown/package.json

@@ -20,5 +20,10 @@
 	},
 	"devDependencies": {
 		"@gradio/preview": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/dropdown"
 	}
 }

js/fallback/package.json

@@ -20,5 +20,10 @@
 	},
 	"devDependencies": {
 		"@gradio/preview": "workspace:^"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/fallback"
 	}
 }

js/file/package.json

@@ -24,5 +24,10 @@
 		".": "./Index.svelte",
 		"./example": "./Example.svelte",
 		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/file"
 	}
 }

js/fileexplorer/package.json

@@ -25,5 +25,10 @@
 		".": "./Index.svelte",
 		"./example": "./Example.svelte",
 		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/fileexplorer"
 	}
 }

js/form/package.json

@@ -19,5 +19,10 @@
 	"exports": {
 		".": "./Index.svelte",
 		"./package.json": "./package.json"
+	},
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/gradio-app/gradio.git",
+		"directory": "js/form"
 	}
 }