Initial SSR refactor (gradio-app#9102)

* changes

* asd

* fix tests

* fix lint

* fix ts

* fix ts

* cleanup

* cleanup

* fix

* Apply suggestions from code review

Co-authored-by: Yuichiro Tachibana (Tsuchiya) <t.yic.yt@gmail.com>

* fix

* add changeset

* fix gitignore

* fix changeset

* fix lockfile

* format

* fix

* add changeset

* githunore

* kit bopilerplate

* add changeset

* fix website

* add changeset

---------

Co-authored-by: Yuichiro Tachibana (Tsuchiya) <t.yic.yt@gmail.com>
Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>

Author: 3 people

.changeset/wise-buttons-act.md

@@ -0,0 +1,19 @@
+---
+"@gradio/audio": patch
+"@gradio/build": patch
+"@gradio/button": patch
+"@gradio/chatbot": patch
+"@gradio/core": patch
+"@gradio/dataframe": patch
+"@gradio/lite": patch
+"@gradio/plot": patch
+"@gradio/spa": patch
+"@gradio/storybook": patch
+"@gradio/video": patch
+"@gradio/wasm": patch
+"app": patch
+"gradio": patch
+"website": patch
+---
+
+feat:Initial SSR refactor

.config/.prettierignore

@@ -18,7 +18,7 @@
 **/.mypy_cache/**
 !test-strategy.md
 **/js/_space-test/**
-../js/app/src/lite/theme.css
+../js/lite/src/theme.css
 ../js/storybook/theme.css
 **/gradio_cached_examples/**
 **/storybook-static/**  

.config/.prettierrc.json

@@ -3,5 +3,6 @@
 	"singleQuote": false,
 	"trailingComma": "none",
 	"printWidth": 80,
-	"plugins": ["prettier-plugin-svelte"]
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }

.config/eslint.config.js

@@ -70,7 +70,7 @@ export default [
 			"**/*.spec.ts",
 			"**/*.test.ts",
 			"**/*.node-test.ts",
-			"js/app/test/**/*",
+			"js/spa/test/**/*",
 			"**/*vite.config.ts",
 			"**/_website/**/*",
 			"**/_spaces-test/**/*",

.config/playwright-setup.js

@@ -8,7 +8,7 @@ import kl from "kleur";
 
 const __dirname = fileURLToPath(new URL(".", import.meta.url));
 const TEST_APP_PATH = join(__dirname, "./test.py");
-const TEST_FILES_PATH = join(__dirname, "..", "js", "app", "test");
+const TEST_FILES_PATH = join(__dirname, "..", "js", "spa", "test");
 const ROOT = join(__dirname, "..");
 
 const test_files = readdirSync(TEST_FILES_PATH)

.config/vitest.config.ts

@@ -1,3 +1,3 @@
-import config from "../js/app/vite.config";
+import config from "../js/spa/vite.config";
 
 export default config;

.github/actions/install-frontend-deps/action.yml

@@ -48,4 +48,4 @@ runs:
       run: |
         . venv/bin/activate
         python -m pip install -U build hatch packaging>=23.2  # packaging>=23.2 is needed to build Lite due to https://github.com/pypa/hatch/issues/1381
-        pnpm --filter @gradio/app build:lite
+        pnpm --filter @gradio/lite build

.github/workflows/test-functional-lite.yml

@@ -53,7 +53,7 @@ jobs:
       - name: Run Lite E2E tests
         run: |
           . venv/bin/activate
-          pnpm --filter @gradio/app test:browser:lite
+          pnpm --filter @gradio/lite test:browser
       - name: Get the performance result
         run: |
           export LITE_APP_LOAD_TIME=$(jq -r '.app_load_time' .lite-perf.json)

.github/workflows/trigger-changeset.yml

@@ -4,6 +4,7 @@ on:
     types: [opened, synchronize, reopened, edited, labeled, unlabeled]
     branches:
       - main
+      - 5.0-dev
   issue_comment:
     types: [edited]
 

.gitignore

@@ -8,12 +8,15 @@ __pycache__/
 *.py[cod]
 *$py.class
 build/
+!js/build/
+!js/build/dist/
 __tmp/*
 *.pyi
 !gradio/stubs/**/*.pyi
 py.typed
 .ipynb_checkpoints/
 .python-version
+=23.2
 
 # JS build
 gradio/templates/*
@@ -38,6 +41,8 @@ coverage.xml
 test.txt
 **/snapshots/**/*.png
 playwright-report/
+.hypothesis
+.lite-perf.json
 
 # Demos
 demo/tmp.zip