Update demos to use latest Vite and the @stylex stylesheet; rule

apps/qwik-demo/package.json

@@ -24,12 +24,12 @@
     "test": "tsx --test test/*.test.ts"
   },
   "devDependencies": {
-    "@builder.io/qwik": "^1.3.1",
-    "@builder.io/qwik-city": "^1.3.1",
+    "@builder.io/qwik": "^1.5.1",
+    "@builder.io/qwik-city": "^1.5.1",
     "@types/node": "^20.10.3",
     "typescript": "^5.3.2",
     "undici": "^5.26.0",
-    "vite": "^5.0.6",
+    "vite": "^5.2.7",
     "vite-tsconfig-paths": "^4.2.1"
   },
   "dependencies": {

apps/react-strict-dom-demo/package.json

@@ -23,7 +23,7 @@
     "@vitejs/plugin-react": "^4.2.0",
     "tsx": "^4.6.2",
     "typescript": "^5.2.2",
-    "vite": "^4.5.1",
+    "vite": "^5.2.7",
     "vite-plugin-stylex": "workspace:*"
   }
 }

apps/react-strict-dom-demo/src/index.css

@@ -0,0 +1 @@
+@stylex stylesheet;

apps/react-strict-dom-demo/src/main.tsx

@@ -1,6 +1,7 @@
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";
+import "./index.css";
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <React.StrictMode>

apps/remix-css-url-demo/package.json

@@ -29,7 +29,7 @@
     "eslint": "^8.38.0",
     "tsx": "^4.6.2",
     "typescript": "^5.1.6",
-    "vite": "^5.1.6",
+    "vite": "^5.2.7",
     "vite-plugin-stylex": "workspace:*",
     "vite-tsconfig-paths": "^4.3.2"
   },

apps/storybook-demo/package.json

@@ -18,21 +18,21 @@
   },
   "devDependencies": {
     "@internal/test-utils": "workspace:*",
-    "@storybook/addon-essentials": "^7.6.4",
-    "@storybook/addon-interactions": "^7.6.4",
-    "@storybook/addon-links": "^7.6.4",
-    "@storybook/addon-onboarding": "^1.0.10",
-    "@storybook/blocks": "^7.6.4",
-    "@storybook/react": "^7.6.4",
-    "@storybook/react-vite": "^7.6.4",
-    "@storybook/test": "^7.6.4",
+    "@storybook/addon-essentials": "^8.0.5",
+    "@storybook/addon-interactions": "^8.0.5",
+    "@storybook/addon-links": "^8.0.5",
+    "@storybook/addon-onboarding": "^8.0.5",
+    "@storybook/blocks": "^8.0.5",
+    "@storybook/react": "^8.0.5",
+    "@storybook/react-vite": "^8.0.5",
+    "@storybook/test": "^8.0.5",
     "@types/react": "^18.2.37",
     "@types/react-dom": "^18.2.15",
     "@vitejs/plugin-react": "^4.2.0",
     "storybook": "^7.6.4",
     "tsx": "^4.6.2",
     "typescript": "^5.2.2",
-    "vite": "^4.5.1",
+    "vite": "^5.2.7",
     "vite-plugin-stylex": "workspace:*"
   }
 }

apps/sveltekit-demo/package.json

@@ -12,13 +12,14 @@
     "prepare": "svelte-kit sync"
   },
   "devDependencies": {
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/kit": "^1.27.4",
+    "@sveltejs/adapter-auto": "^3.2.0",
+    "@sveltejs/kit": "^2.5.5",
+    "@sveltejs/vite-plugin-svelte": "^3.0.2",
     "svelte": "^4.2.7",
     "svelte-check": "^3.6.0",
     "tslib": "^2.4.1",
     "typescript": "^5.0.0",
-    "vite": "^4.4.2"
+    "vite": "^5.2.7"
   },
   "type": "module",
   "dependencies": {

apps/sveltekit-demo/svelte.config.js

@@ -1,18 +1,18 @@
-import adapter from '@sveltejs/adapter-auto';
-import { vitePreprocess } from '@sveltejs/kit/vite';
+import adapter from "@sveltejs/adapter-auto";
+import { vitePreprocess } from "@sveltejs/vite-plugin-svelte";
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
-	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
-	// for more information about preprocessors
-	preprocess: vitePreprocess(),
+  // Consult https://kit.svelte.dev/docs/integrations#preprocessors
+  // for more information about preprocessors
+  preprocess: vitePreprocess(),
 
-	kit: {
-		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
-		// If your environment is not supported or you settled on a specific environment, switch out the adapter.
-		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
-		adapter: adapter()
-	}
+  kit: {
+    // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
+    // If your environment is not supported or you settled on a specific environment, switch out the adapter.
+    // See https://kit.svelte.dev/docs/adapters for more information about adapters.
+    adapter: adapter(),
+  },
 };
 
 export default config;

apps/vue-demo/package.json

@@ -19,7 +19,7 @@
   "devDependencies": {
     "@vitejs/plugin-vue": "^4.5.2",
     "typescript": "^5.2.2",
-    "vite": "^5.0.8",
+    "vite": "^5.2.7",
     "vue-tsc": "^1.8.25"
   }
 }

apps/vue-demo/src/index.css

@@ -0,0 +1 @@
+@stylex stylesheet;

apps/vue-demo/src/main.ts

@@ -1,4 +1,5 @@
 import { createApp } from "vue";
 import App from "./App.vue";
+import "./index.css";
 
 createApp(App).mount("#app");