@superblocksteam/vite-plugin-file-sync 2.0.115-next.0 → 2.0.115-next.2

package/dist/migration-templates/app-fullstack/client/index.css

@@ -0,0 +1,131 @@
+@import "tailwindcss";
+@import "tw-animate-css";
+/* Note: to optimize performance and build times, never remove this */
+@source not "./apis/*/**";
+@source not "superblocks.d.ts";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  html,
+  body,
+  #root {
+    @apply h-full;
+  }
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/dist/migration-templates/app-fullstack/client/lib/executeApi.ts

@@ -0,0 +1,9 @@
+import { createTypedExecuteApi } from "@superblocksteam/library";
+
+/**
+ * Typed `executeApi` wrapper backed by the app's API registry.
+ * For calling APIs outside of React components.
+ */
+import type { ApiRegistry } from "../../server/apis/index.js";
+
+export const executeApi = createTypedExecuteApi<ApiRegistry>();

package/dist/migration-templates/app-fullstack/client/lib/utils.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/dist/migration-templates/app-fullstack/client/pages/Page1/index.tsx

@@ -0,0 +1,3 @@
+export default function Page1Component() {
+  return <div className="min-h-svh overflow-auto"></div>;
+}

package/dist/migration-templates/app-fullstack/client/root.tsx

@@ -0,0 +1,17 @@
+import "@superblocksteam/library/index.css";
+import "./index.css";
+import { createRoot, type Root } from "react-dom/client";
+import { RouterProvider } from "react-router";
+
+import { router } from "./router";
+
+const rootEl = document.getElementById("root");
+let root: Root | undefined = undefined;
+
+if (rootEl && !root) {
+  root = createRoot(rootEl);
+}
+
+if (root) {
+  root.render(<RouterProvider router={router} />);
+}

package/dist/migration-templates/app-fullstack/client/router.tsx

@@ -0,0 +1,48 @@
+import { createBrowserRouter } from "react-router";
+
+import { PageNotFound, RouteLoadError } from "@superblocksteam/library";
+
+import RegisteredApp from "./App.js";
+
+export const router = createBrowserRouter([
+  {
+    Component: RegisteredApp,
+    errorElement: <RouteLoadError />,
+    children: [
+      {
+        path: "/",
+        index: true,
+        lazy: () =>
+          import("./pages/Page1/index.js").then((mod) => {
+            const Component = mod.default;
+            return { Component };
+          }),
+      },
+      {
+        path: "*",
+        Component: () => {
+          const currentPath = window.location.pathname;
+          return (
+            <PageNotFound
+              title="Page not found"
+              errorMessage={
+                currentPath === "/" ? (
+                  <span>
+                    The <strong>/</strong> route has been deleted from this
+                    application. Please try another URL or contact your
+                    developer for assistance.
+                  </span>
+                ) : (
+                  "Content not found"
+                )
+              }
+              hideActions={currentPath === "/"}
+              buttonPath={"/"}
+              buttonText={"Return to application"}
+            />
+          );
+        },
+      },
+    ],
+  },
+]);

package/dist/migration-templates/app-fullstack/client/types/node.d.ts

@@ -0,0 +1,9 @@
+// Override @types/node to prevent Node.js globals in client code
+// This prevents accidental usage of Node.js APIs that won't exist in the browser
+
+declare const process: never;
+declare const Buffer: never;
+declare const __dirname: never;
+declare const __filename: never;
+declare const global: never;
+declare const require: never;

package/dist/migration-templates/app-fullstack/components.json

@@ -0,0 +1,21 @@
+{
+  "$schema": "https://ui.shadcn.com/schema.json",
+  "style": "new-york",
+  "rsc": false,
+  "tsx": true,
+  "tailwind": {
+    "config": "",
+    "css": "index.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
+}

package/dist/migration-templates/app-fullstack/eslint.config.js

@@ -0,0 +1,108 @@
+import js from "@eslint/js";
+import react from "eslint-plugin-react";
+import hooks from "eslint-plugin-react-hooks";
+import refresh from "eslint-plugin-react-refresh";
+import { defineConfig } from "eslint/config";
+import globals from "globals";
+import tseslint from "typescript-eslint";
+
+export default defineConfig(
+  {
+    ignores: ["dist/**", "node_modules/**", "*.config.js"],
+  },
+  {
+    languageOptions: {
+      ecmaVersion: "latest",
+      globals: { ...globals.browser },
+      sourceType: "module",
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+        project: "tsconfig.eslint.json",
+        tsconfigRootDir: import.meta.dirname,
+      },
+    },
+    settings: {
+      react: {
+        version: "detect",
+      },
+      componentWrapperFunctions: ["registerComponent"],
+    },
+  },
+  { ignores: ["superblocks.d.ts"] },
+  js.configs.recommended,
+  tseslint.configs.recommended,
+  tseslint.configs.stylistic,
+  react.configs.flat.recommended,
+  react.configs.flat["jsx-runtime"],
+  hooks.configs.flat["recommended-latest"],
+  refresh.configs.vite,
+  // Block Node.js globals in client code (they don't exist in browser)
+  {
+    files: ["client/**/*.ts", "client/**/*.tsx"],
+    rules: {
+      "no-restricted-globals": [
+        "error",
+        {
+          name: "process",
+          message:
+            "process is not available in browser. Use import.meta.env for environment variables.",
+        },
+        {
+          name: "Buffer",
+          message:
+            "Buffer is a Node.js global. Use Uint8Array or similar browser APIs.",
+        },
+        {
+          name: "__dirname",
+          message:
+            "__dirname is not available in browser. Use import.meta.url instead.",
+        },
+        {
+          name: "__filename",
+          message:
+            "__filename is not available in browser. Use import.meta.url instead.",
+        },
+        {
+          name: "global",
+          message: "global is a Node.js global. Use globalThis instead.",
+        },
+        {
+          name: "require",
+          message:
+            "require is not available in browser. Use ES modules (import/export).",
+        },
+      ],
+    },
+  },
+  {
+    // we disable @typescript-eslint/no-explicit-any because we are allowing use of any
+    // for now because many things are not yet typed and we don't want end users
+    // in their IDE to see these errors
+    rules: {
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-unused-vars": [
+        "error",
+        {
+          args: "all",
+          argsIgnorePattern: "^_",
+          caughtErrors: "all",
+          caughtErrorsIgnorePattern: "^_",
+          destructuredArrayIgnorePattern: "^_",
+          varsIgnorePattern: "^_",
+          ignoreRestSiblings: true,
+        },
+      ],
+      "@typescript-eslint/consistent-type-imports": "off",
+      "@typescript-eslint/consistent-type-exports": "off",
+      "@typescript-eslint/no-empty-object-type": "warn",
+      "@typescript-eslint/no-empty-interface": "warn",
+      "react/prop-types": "off",
+      "react-refresh/only-export-components": [
+        "error",
+        { extraHOCs: ["registerComponent"] },
+      ],
+    },
+  },
+);

package/dist/migration-templates/app-fullstack/package.json

@@ -0,0 +1,89 @@
+{
+  "name": "app-fullstack",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "sideEffects": false,
+  "scripts": {
+    "add-component": "tsx add-shadcn-component.ts",
+    "check": "$npm_execpath run typecheck && $npm_execpath run lint",
+    "dev": "vite",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "lint:precommit": "eslint . --fix --max-warnings 0 --no-warn-ignored",
+    "preview": "vite preview",
+    "typecheck": "tsc --build"
+  },
+  "dependencies": {
+    "@radix-ui/react-accordion": "^1.2.12",
+    "@radix-ui/react-aspect-ratio": "^1.1.7",
+    "@radix-ui/react-avatar": "^1.1.10",
+    "@radix-ui/react-checkbox": "^1.3.3",
+    "@radix-ui/react-collapsible": "^1.1.3",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
+    "@radix-ui/react-hover-card": "^1.1.15",
+    "@radix-ui/react-label": "^2.1.7",
+    "@radix-ui/react-navigation-menu": "^1.2.14",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-progress": "^1.1.2",
+    "@radix-ui/react-scroll-area": "^1.2.10",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.3",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-toggle": "^1.1.2",
+    "@radix-ui/react-toggle-group": "^1.1.11",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@radix-ui/react-use-controllable-state": "^1.2.2",
+    "@superblocksteam/library": "workspace:*",
+    "@superblocksteam/sdk-api": "workspace:*",
+    "@tailwindcss/vite": "^4.1.17",
+    "ai": "6.0.97",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "date-fns": "^2.30.0",
+    "embla-carousel-react": "^8.6.0",
+    "lucide-react": "^0.540.0",
+    "react": "18.2.0",
+    "react-day-picker": "^9.9.0",
+    "react-dom": "18.2.0",
+    "react-dropzone": "^14.3.8",
+    "react-router": "^7.9.3",
+    "react-syntax-highlighter": "^16.1.0",
+    "recharts": "3.3.0",
+    "sonner": "^2.0.7",
+    "streamdown": "^2.3.0",
+    "tailwind-merge": "^3.3.1",
+    "use-stick-to-bottom": "^1.1.1"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.2",
+    "@types/node": "^24",
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
+    "@types/react-syntax-highlighter": "^15.5.13",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.0",
+    "globals": "^17.3.0",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.12",
+    "tsx": "^4.0.0",
+    "tw-animate-css": "^1.3.7",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.54.0",
+    "vite": "6.4.1"
+  },
+  "overrides": {
+    "esbuild": "^0.27.0"
+  },
+  "onlyBuiltDependencies": [
+    "@swc/core",
+    "esbuild"
+  ]
+}

package/dist/migration-templates/app-fullstack/server/apis/index.ts

@@ -0,0 +1,22 @@
+/**
+ * API Registry - Central export for all APIs.
+ *
+ * This file is the single source of truth for API definitions.
+ * Add new APIs here to get full TypeScript support in the frontend.
+ *
+ * Usage:
+ * 1. Import your API: `import MyApi from './MyApi/api.js';`
+ * 2. Add it to the apis object below
+ * 3. That's it! Types automatically flow to useApi via client/hooks/useApi.ts
+ *
+ * IMPORTANT: Use .js extension for imports (required for ESM compatibility)
+ */
+
+// Add your API imports here
+
+const apis = {} as const;
+
+export default apis;
+
+/** Type for useApi inference - exported for client type-only imports */
+export type ApiRegistry = typeof apis;

package/dist/migration-templates/app-fullstack/server/index.ts

@@ -0,0 +1,2 @@
+// Server entry point - add your API routes and server logic here
+export {};

package/dist/migration-templates/app-fullstack/tsconfig.client.json

@@ -0,0 +1,27 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules", "dist", "vite.config.ts", "server"],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": false,
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ES2024",
+      "ESNext.Array",
+      "ESNext.Collection",
+      "ESNext.Promise"
+    ],
+    "emitDeclarationOnly": true,
+    "declaration": true,
+    "outDir": "./dist/client",
+    "jsx": "react-jsxdev",
+    "jsxImportSource": "@superblocksteam/library",
+    "paths": {
+      "@/*": ["./client/*"]
+    },
+    "typeRoots": ["./client/types", "./node_modules/@types"]
+  },
+  "references": [{ "path": "./tsconfig.server.json" }]
+}

package/dist/migration-templates/app-fullstack/tsconfig.eslint.json

@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["**/*.ts", "**/*.tsx", "**/*.js", "**/*.jsx"],
+  "exclude": ["node_modules", "dist"],
+  "compilerOptions": {
+    "noEmit": true
+  }
+}

package/dist/migration-templates/app-fullstack/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  // only for top-level vite.config.ts and eslint.config.js
+  "include": ["*.ts"],
+  "exclude": ["vite.config.ts"],
+  "compilerOptions": {
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "moduleResolution": "bundler",
+    "moduleDetection": "force",
+    "target": "ES2024",
+    "module": "ESNext",
+    "strict": true,
+    "noImplicitOverride": true,
+    "allowJs": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true,
+    "verbatimModuleSyntax": true,
+    "resolveJsonModule": true,
+    "noEmit": true
+  },
+  "references": [
+    { "path": "./tsconfig.client.json" },
+    { "path": "./tsconfig.server.json" }
+  ]
+}

package/dist/migration-templates/app-fullstack/tsconfig.server.json

@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["server/**/*"],
+  "compilerOptions": {
+    "composite": true,
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "declaration": true,
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext",
+    "outDir": "./dist/server"
+  }
+}

package/dist/migration-templates/app-fullstack/vite.config.ts

@@ -0,0 +1,17 @@
+import path from "path";
+
+import tailwindcss from "@tailwindcss/vite";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  root: "./client",
+  plugins: [tailwindcss()],
+  esbuild: {
+    jsxImportSource: "@superblocksteam/library",
+  },
+  resolve: {
+    alias: {
+      "@": path.resolve(__dirname, "./client"),
+    },
+  },
+});

package/dist/parsing/imports.d.ts

@@ -6,21 +6,5 @@ export declare const EXTERNAL_LIBRARY_OPTIONS: {
     library: string;
     imports: Set<string>;
 }[];
-export declare const REQUIRED_IMPORTS_BY_PROPERTY_TYPE: Record<string, Array<Import>>;
-export declare const EXPRESSION_IMPORTS_BY_IDENTIFIER: {
-    Theme: {
-        importName: string;
-        importPath: string;
-    };
-    Dim: {
-        importName: string;
-        importPath: string;
-    };
-    Global: {
-        importName: string;
-        importPath: string;
-    };
-};
-export declare function getRequiredImportsForProperty(property: unknown): Import[];
 export declare function getImports(code: string): string[];
 //# sourceMappingURL=imports.d.ts.map

package/dist/parsing/imports.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"imports.d.ts","sourceRoot":"","sources":["../../src/parsing/imports.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,MAAM,GAAG;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;GAmBpC,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CACpD,MAAM,EACN,KAAK,CAAC,MAAM,CAAC,CA0Bd,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;CAa5C,CAAC;AAMF,wBAAgB,6BAA6B,CAAC,QAAQ,EAAE,OAAO,YAkC9D;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,YAiBtC"}
+{"version":3,"file":"imports.d.ts","sourceRoot":"","sources":["../../src/parsing/imports.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,MAAM,GAAG;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;GAmBpC,CAAC;AAEF,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,YAiBtC"}