@fluid-app/fluid-cli-widget 0.1.2 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-app/fluid-cli-widget",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Fluid CLI plugin for standalone widget package workflows",
   "files": [
     "dist",
@@ -23,14 +23,16 @@
     "commander": "^12.0.0",
     "ora": "^8.0.0",
     "prompts": "^2.4.2",
-    "@fluid-app/fluid-cli-portal": "0.1.30",
+    "@fluid-app/fluid-cli-portal": "0.1.32",
     "@fluid-app/fluid-cli": "0.1.11"
   },
   "devDependencies": {
     "@types/node": "^24",
     "@types/prompts": "^2.4.9",
+    "@vitejs/plugin-react": "^4.3.0",
     "tsdown": "^0.21.0",
     "typescript": "^5",
+    "vite": "^6.4.1",
     "vitest": "^4.0.18",
     "@fluid-app/typescript-config": "0.0.0"
   },

package/templates/default/package.json.template

@@ -32,6 +32,7 @@
     "typescript": "^5.6.0",
     "vite": "^6.4.1",
     "@fluid-app/fluid-cli-widget": "{{widgetCliVersion}}",
+    "@types/node": "^24.0.0",
     "@types/react": "^19.2.13",
     "@types/react-dom": "^19.2.3"
   },

package/templates/default/vite.config.ts

@@ -1,9 +1,19 @@
 import { defineConfig } from "vite";
 import type { Plugin, ViteDevServer } from "vite";
 import react from "@vitejs/plugin-react";
+import type { IncomingMessage, ServerResponse } from "node:http";
 
 export default defineConfig({
   plugins: [react(), fluidWidgetDevRoutes()],
+  resolve: {
+    conditions: ["fluid-widget-authoring"],
+  },
+  ssr: {
+    noExternal: ["@fluid-app/portal-sdk"],
+    resolve: {
+      conditions: ["fluid-widget-authoring"],
+    },
+  },
 });
 
 function fluidWidgetDevRoutes(): Plugin {
@@ -11,49 +21,53 @@ function fluidWidgetDevRoutes(): Plugin {
     name: "fluid-widget-dev-routes",
     apply: "serve",
     configureServer(server: ViteDevServer) {
-      server.middlewares.use(
-        async (req: DevRequest, res: DevResponse, next: () => void) => {
-          const pathname = (req.url ?? "").split("?")[0] ?? "";
-
-          if (
-            pathname === "/builder-preview" ||
-            pathname === "/builder-preview/"
-          ) {
-            await sendTransformedHtml(
-              server,
-              res,
-              "/builder-preview",
-              getBuilderPreviewHtml(),
-            );
-            return;
-          }
-
-          if (pathname === "/__preview__" || pathname === "/__preview__/") {
-            await sendTransformedHtml(
-              server,
-              res,
-              "/__preview__",
-              getPreviewHtml(),
-            );
-            return;
-          }
-
-          if (
-            pathname === "/__runtime-entry__" ||
-            pathname === "/__runtime-entry__/"
-          ) {
-            sendJavaScript(req, res, 'void import("/src/index.ts");\n');
-            return;
-          }
-
-          if (pathname === "/__manifests__" || pathname === "/__manifests__/") {
-            await sendManifests(server, req, res);
-            return;
-          }
-
-          next();
-        },
-      );
+      const devRoutesHandler = async (
+        req: DevRequest,
+        res: DevResponse,
+        next: (err?: unknown) => void,
+      ): Promise<void> => {
+        const pathname = (req.url ?? "").split("?")[0] ?? "";
+
+        if (
+          pathname === "/builder-preview" ||
+          pathname === "/builder-preview/"
+        ) {
+          await sendTransformedHtml(
+            server,
+            res,
+            "/builder-preview",
+            getBuilderPreviewHtml(),
+          );
+          return;
+        }
+
+        if (pathname === "/__preview__" || pathname === "/__preview__/") {
+          await sendTransformedHtml(
+            server,
+            res,
+            "/__preview__",
+            getPreviewHtml(),
+          );
+          return;
+        }
+
+        if (
+          pathname === "/__runtime-entry__" ||
+          pathname === "/__runtime-entry__/"
+        ) {
+          sendJavaScript(req, res, 'void import("/src/index.ts");\n');
+          return;
+        }
+
+        if (pathname === "/__manifests__" || pathname === "/__manifests__/") {
+          await sendManifests(server, req, res);
+          return;
+        }
+
+        next();
+      };
+
+      server.middlewares.use(devRoutesHandler);
     },
   };
 }
@@ -164,16 +178,8 @@ function getPreviewHtml(): string {
 </html>`;
 }
 
-interface DevRequest {
-  readonly method?: string;
-  readonly url?: string;
-}
-
-interface DevResponse {
-  statusCode: number;
-  setHeader(name: string, value: string): void;
-  end(body?: string): void;
-}
+type DevRequest = IncomingMessage;
+type DevResponse = ServerResponse;
 
 interface SourceWidgetPackage {
   readonly packageId: string;