refactor: generalize features fixture (#4820)

We have a fixture which is used for testing generated features.
Historically we use it as vercel template fixture.

Here migrated it to react-router, removed vercel stuff from it and
renamed it to webstudio-features.

Author: TrySound

.github/workflows/fixtures-test.yml

@@ -51,7 +51,7 @@ jobs:
 
         # Testing fixtures for vercel template
       - name: Test cli --help flag
-        working-directory: ./fixtures/webstudio-remix-vercel
+        working-directory: ./fixtures/webstudio-features
         run: pnpm cli --help
 
       - name: Testing cli link command

.github/workflows/main.yml

@@ -135,7 +135,7 @@ jobs:
             const results = [
               await assertSize('./fixtures/ssg/dist/client', 352),
               await assertSize('./fixtures/webstudio-remix-netlify-functions/build/client', 440),
-              await assertSize('./fixtures/webstudio-remix-vercel/build/client', 926),
+              await assertSize('./fixtures/webstudio-features/build/client', 926),
             ]
             for (const result of results) {
               if (result.passed) {

fixtures/webstudio-features/.gitignore

@@ -0,0 +1,6 @@
+.DS_Store
+/node_modules/
+
+# React Router
+/.react-router/
+/build/

fixtures/webstudio-remix-vercel/.npmrc renamed to fixtures/webstudio-features/.npmrc

@@ -0,0 +1,3 @@
+force=true
+# to support using NODE_OPTIONS for windows tests
+shell-emulator=true

fixtures/webstudio-features/.template/.npmrc

@@ -0,0 +1,12 @@
+/**
+ * We use mjs extension as constants in this file is shared with the build script
+ * and we use `node --eval` to extract the constants.
+ */
+export const assetBaseUrl = "/assets/";
+
+/**
+ * @type {import("@webstudio-is/image").ImageLoader}
+ */
+export const imageLoader = ({ src }) => {
+  return src;
+};

fixtures/webstudio-features/.template/app/constants.mjs

@@ -0,0 +1,12 @@
+{
+  "dependencies": {
+    "@webstudio-is/image": "workspace:*",
+    "@webstudio-is/react-sdk": "workspace:*",
+    "@webstudio-is/sdk": "workspace:*",
+    "@webstudio-is/sdk-components-animation": "workspace:*",
+    "@webstudio-is/sdk-components-react": "workspace:*",
+    "@webstudio-is/sdk-components-react-radix": "workspace:*",
+    "@webstudio-is/sdk-components-react-router": "workspace:*",
+    "webstudio": "workspace:*"
+  }
+}

fixtures/webstudio-features/.template/package.json

@@ -0,0 +1,5 @@
+{
+  "compilerOptions": {
+    "customConditions": ["webstudio"]
+  }
+}

fixtures/webstudio-features/.template/tsconfig.json

@@ -0,0 +1,9 @@
+import { defineConfig } from "vite";
+// @ts-ignore
+import { reactRouter } from "@react-router/dev/vite";
+// @ts-ignore
+import { dedupeMeta } from "./proxy-emulator/dedupe-meta";
+
+export default defineConfig({
+  plugins: [reactRouter(), dedupeMeta],
+});