@fluid-app/portal-sdk 0.1.60 → 0.1.62

package/dist/{MySiteScreen-BgyCPMby.mjs → MySiteScreen-Dbvaw1nu.mjs}

@@ -32,7 +32,6 @@ import "./TableWidget-CK5jQxjz.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-ho9fGQ3V.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
-import "./AppNavigationContext-DJeNcP4Y.mjs";
 import "./sortable.esm-DreCqRxJ.mjs";
 import { n as mySiteScreenPropertySchema, t as MySiteScreen } from "./MySiteScreen-Ddxdk1Pe.mjs";
 export { MySiteScreen, mySiteScreenPropertySchema };

package/dist/{OrdersScreen-BB7vBz1g.mjs → OrdersScreen-QFndb0Oi.mjs}

@@ -32,7 +32,6 @@ import "./TableWidget-CK5jQxjz.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-ho9fGQ3V.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
-import "./AppNavigationContext-DJeNcP4Y.mjs";
 import "./order-detail-DkMYJvzl.mjs";
 import { n as ordersScreenPropertySchema, t as OrdersScreen } from "./OrdersScreen-CwTIkQNI.mjs";
 export { OrdersScreen, ordersScreenPropertySchema };

package/dist/{ProductsScreen-BDCW_OdU.mjs → ProductsScreen-HaYLhqt1.mjs}

@@ -32,7 +32,6 @@ import "./TableWidget-CK5jQxjz.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-ho9fGQ3V.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
-import "./AppNavigationContext-DJeNcP4Y.mjs";
 import "./dist-CMGXkSgZ.mjs";
 import "./es-CrIkZTQ3.mjs";
 import "./dist-Cl4FsM3V.mjs";

package/dist/{ShareablesScreen-BuR6Mei7.mjs → ShareablesScreen-xqMDNJ6m.mjs}

@@ -32,7 +32,6 @@ import "./TableWidget-CK5jQxjz.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-ho9fGQ3V.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
-import "./AppNavigationContext-DJeNcP4Y.mjs";
 import "./dist-CMGXkSgZ.mjs";
 import "./es-CrIkZTQ3.mjs";
 import "./dist-Cl4FsM3V.mjs";

package/dist/{ShopScreen-B3I6PRkp.mjs → ShopScreen-D2cMeKSk.mjs}

@@ -32,6 +32,5 @@ import "./TableWidget-CK5jQxjz.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-ho9fGQ3V.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
-import "./AppNavigationContext-DJeNcP4Y.mjs";
 import { n as shopScreenPropertySchema, t as ShopScreen } from "./ShopScreen-Dc3lQLGI.mjs";
 export { ShopScreen, shopScreenPropertySchema };

package/dist/{SubscriptionsScreen-V3mnPdFM.mjs → SubscriptionsScreen-DxVV0sZx.mjs}

@@ -32,7 +32,6 @@ import "./TableWidget-CK5jQxjz.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-ho9fGQ3V.mjs";
 import "./ScreenHeaderContext-CrdfLGKk.mjs";
-import "./AppNavigationContext-DJeNcP4Y.mjs";
 import "./order-detail-DkMYJvzl.mjs";
 import { n as subscriptionsScreenPropertySchema, t as SubscriptionsScreen } from "./SubscriptionsScreen-749p5heX.mjs";
 import "./src-BakNjVTk.mjs";

package/dist/index.mjs

@@ -2402,15 +2402,15 @@ function AccountManageLayout({ children }) {
 //#endregion
 //#region src/shell/system-screen-map.ts
 const ProfileScreen$1 = lazy(() => import("./ProfileScreen-DSr0OwIA.mjs").then((m) => ({ default: m.ProfileScreen })));
-const OrdersScreen$1 = lazy(() => import("./OrdersScreen-BB7vBz1g.mjs").then((m) => ({ default: m.OrdersScreen })));
-const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-V3mnPdFM.mjs").then((m) => ({ default: m.SubscriptionsScreen })));
+const OrdersScreen$1 = lazy(() => import("./OrdersScreen-QFndb0Oi.mjs").then((m) => ({ default: m.OrdersScreen })));
+const SubscriptionsScreen$1 = lazy(() => import("./SubscriptionsScreen-DxVV0sZx.mjs").then((m) => ({ default: m.SubscriptionsScreen })));
 const MessagingScreen$1 = lazy(() => import("./MessagingScreen-RhCqymLN.mjs").then((m) => ({ default: m.MessagingScreen })));
 const ContactsScreen$1 = lazy(() => import("./ContactsScreen-C8Bp62F4.mjs").then((m) => ({ default: m.ContactsScreen })));
-const ShopScreen$1 = lazy(() => import("./ShopScreen-B3I6PRkp.mjs").then((m) => ({ default: m.ShopScreen })));
+const ShopScreen$1 = lazy(() => import("./ShopScreen-D2cMeKSk.mjs").then((m) => ({ default: m.ShopScreen })));
 const CustomersScreen$1 = lazy(() => import("./CustomersScreen-D22G27ru.mjs").then((n) => n.n).then((m) => ({ default: m.CustomersScreen })));
-const ProductsScreen$1 = lazy(() => import("./ProductsScreen-BDCW_OdU.mjs").then((m) => ({ default: m.ProductsScreen })));
-const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-BuR6Mei7.mjs").then((m) => ({ default: m.ShareablesScreen })));
-const MySiteScreen$1 = lazy(() => import("./MySiteScreen-BgyCPMby.mjs").then((m) => ({ default: m.MySiteScreen })));
+const ProductsScreen$1 = lazy(() => import("./ProductsScreen-HaYLhqt1.mjs").then((m) => ({ default: m.ProductsScreen })));
+const ShareablesScreen$1 = lazy(() => import("./ShareablesScreen-xqMDNJ6m.mjs").then((m) => ({ default: m.ShareablesScreen })));
+const MySiteScreen$1 = lazy(() => import("./MySiteScreen-Dbvaw1nu.mjs").then((m) => ({ default: m.MySiteScreen })));
 const UpgradeScreen = lazy(() => import("./UpgradeScreen-D7LfdVSJ.mjs").then((n) => n.t).then((m) => ({ default: m.UpgradeScreen })));
 const AppDownloadScreen = lazy(() => import("./AppDownloadScreen-CLWxnFsd.mjs").then((m) => ({ default: m.AppDownloadScreen })));
 const SYSTEM_SLUG_SCREEN_MAP = {
@@ -3815,13 +3815,13 @@ const screenPropertySchemas = {
 	ProfileScreen: () => import("./ProfileScreen-DSr0OwIA.mjs").then((m) => m.profileScreenPropertySchema),
 	MessagingScreen: () => import("./MessagingScreen-RhCqymLN.mjs").then((m) => m.messagingScreenPropertySchema),
 	ContactsScreen: () => import("./ContactsScreen-C8Bp62F4.mjs").then((m) => m.contactsScreenPropertySchema),
-	OrdersScreen: () => import("./OrdersScreen-BB7vBz1g.mjs").then((m) => m.ordersScreenPropertySchema),
-	SubscriptionsScreen: () => import("./SubscriptionsScreen-V3mnPdFM.mjs").then((m) => m.subscriptionsScreenPropertySchema),
+	OrdersScreen: () => import("./OrdersScreen-QFndb0Oi.mjs").then((m) => m.ordersScreenPropertySchema),
+	SubscriptionsScreen: () => import("./SubscriptionsScreen-DxVV0sZx.mjs").then((m) => m.subscriptionsScreenPropertySchema),
 	CustomersScreen: () => import("./CustomersScreen-D22G27ru.mjs").then((n) => n.n).then((m) => m.customersScreenPropertySchema),
-	ProductsScreen: () => import("./ProductsScreen-BDCW_OdU.mjs").then((m) => m.productsScreenPropertySchema),
-	MySiteScreen: () => import("./MySiteScreen-BgyCPMby.mjs").then((m) => m.mySiteScreenPropertySchema),
-	ShareablesScreen: () => import("./ShareablesScreen-BuR6Mei7.mjs").then((m) => m.shareablesScreenPropertySchema),
-	ShopScreen: () => import("./ShopScreen-B3I6PRkp.mjs").then((m) => m.shopScreenPropertySchema),
+	ProductsScreen: () => import("./ProductsScreen-HaYLhqt1.mjs").then((m) => m.productsScreenPropertySchema),
+	MySiteScreen: () => import("./MySiteScreen-Dbvaw1nu.mjs").then((m) => m.mySiteScreenPropertySchema),
+	ShareablesScreen: () => import("./ShareablesScreen-xqMDNJ6m.mjs").then((m) => m.shareablesScreenPropertySchema),
+	ShopScreen: () => import("./ShopScreen-D2cMeKSk.mjs").then((m) => m.shopScreenPropertySchema),
 	UpgradeScreen: () => import("./UpgradeScreen-D7LfdVSJ.mjs").then((n) => n.t).then((m) => m.upgradeScreenPropertySchema),
 	AppDownloadScreen: () => import("./AppDownloadScreen-CLWxnFsd.mjs").then((m) => m.appDownloadScreenPropertySchema)
 };

package/dist/vite/index.cjs

@@ -1,6 +1,94 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../chunk-DAgNkxik.cjs");
-let _fluid_app_portal_core_validation = require("@fluid-app/portal-core/validation");
+//#region src/vite/validate-manifest.ts
+/**
+* Lightweight manifest validation for the SDK vite plugin.
+*
+* Inlined here (rather than imported from @fluid-app/portal-core) because
+* portal-core is private and not published to npm. This avoids a runtime
+* ERR_MODULE_NOT_FOUND for portals installed from npm.
+*/
+const VALID_FIELD_TYPES = [
+	"text",
+	"textarea",
+	"number",
+	"boolean",
+	"select",
+	"color",
+	"range",
+	"dataSource",
+	"resource",
+	"image",
+	"alignment",
+	"slider",
+	"colorPicker",
+	"sectionHeader",
+	"separator",
+	"buttonGroup",
+	"colorSelect",
+	"sectionLayoutSelect",
+	"background",
+	"contentPosition",
+	"textSizeSelect",
+	"cssUnit",
+	"fontPicker",
+	"stringArray",
+	"borderRadius",
+	"screenPicker"
+];
+function validateManifest(input) {
+	const errors = [];
+	const m = input;
+	if (!m || typeof m !== "object") return {
+		success: false,
+		errors: [{
+			path: "",
+			message: "Manifest must be an object"
+		}]
+	};
+	for (const key of [
+		"type",
+		"displayName",
+		"description",
+		"icon",
+		"category"
+	]) if (typeof m[key] !== "string" || m[key].length === 0) errors.push({
+		path: key,
+		message: `${key} is required and must be a non-empty string`
+	});
+	if (typeof m.manifestVersion !== "number" || m.manifestVersion < 1) errors.push({
+		path: "manifestVersion",
+		message: "manifestVersion must be a positive integer"
+	});
+	if (typeof m.component !== "function") errors.push({
+		path: "component",
+		message: "component must be a React component (function)"
+	});
+	const schema = m.propertySchema;
+	if (schema && typeof schema === "object") {
+		if (typeof schema.widgetType !== "string" || !schema.widgetType) errors.push({
+			path: "propertySchema.widgetType",
+			message: "widgetType is required"
+		});
+		if (typeof m.type === "string" && schema.widgetType !== m.type) errors.push({
+			path: "propertySchema.widgetType",
+			message: "manifest.type must match manifest.propertySchema.widgetType"
+		});
+		if (Array.isArray(schema.fields)) for (let i = 0; i < schema.fields.length; i++) {
+			const field = schema.fields[i];
+			if (!field || typeof field.type !== "string") continue;
+			if (!VALID_FIELD_TYPES.includes(field.type)) errors.push({
+				path: `propertySchema.fields.${i}.type`,
+				message: `Invalid field type "${field.type}". Valid types: ${VALID_FIELD_TYPES.join(", ")}`
+			});
+		}
+	}
+	return errors.length === 0 ? { success: true } : {
+		success: false,
+		errors
+	};
+}
+//#endregion
 //#region src/vite/manifest-plugin.ts
 /**
 * Vite plugin that serves widget manifest metadata.
@@ -62,7 +150,7 @@ async function loadManifests(server, logger) {
 	}
 	const manifests = rawWidgets;
 	if (logger) for (const manifest of manifests) {
-		const result = (0, _fluid_app_portal_core_validation.validateManifest)(manifest);
+		const result = validateManifest(manifest);
 		if (!result.success) {
 			const type = manifest.type ?? "unknown";
 			logger.warn(`[fluid] Invalid manifest for "${type}":\n` + result.errors.map((e) => `  - ${e.path}: ${e.message}`).join("\n"));

package/dist/vite/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":[],"sources":["../../src/vite/manifest-plugin.ts","../../src/vite/builder-preview-plugin.ts"],"sourcesContent":["import type { Plugin, ViteDevServer, Logger } from \"vite\";\nimport { validateManifest } from \"@fluid-app/portal-core/validation\";\n\n/**\n * Vite plugin that serves widget manifest metadata.\n *\n * Dev mode: middleware serves /__manifests__ dynamically via ssrLoadModule.\n *   Re-reads portal.config.ts on every request (HMR-aware).\n *\n * Build mode: emits an empty __manifests__.json as a static asset in dist/.\n *   The CLI extraction utility (extract-manifests.ts) handles build-time\n *   extraction via tsx subprocess for `fluid build` and `fluid deploy`.\n *\n * The builder fetches this endpoint/file to discover custom widgets.\n */\nexport function fluidManifestPlugin(): Plugin {\n  return {\n    name: \"fluid-manifest-plugin\",\n\n    configureServer(server) {\n      server.middlewares.use(\"/__manifests__\", async (_req, res) => {\n        try {\n          const serializable = await loadManifests(\n            server,\n            server.config.logger,\n          );\n\n          res.setHeader(\"Content-Type\", \"application/json\");\n          res.setHeader(\"Access-Control-Allow-Origin\", \"*\");\n          res.end(JSON.stringify(serializable));\n        } catch (err) {\n          server.config.logger.error(\n            `[fluid] Failed to load manifests: ${err}`,\n          );\n          res.statusCode = 500;\n          res.end(JSON.stringify({ error: String(err) }));\n        }\n      });\n    },\n\n    generateBundle() {\n      // Build mode: emit placeholder. The CLI extraction utility handles\n      // actual build-time manifest extraction via tsx subprocess.\n      this.warn(\n        \"[fluid] fluidManifestPlugin: emitting empty __manifests__.json. \" +\n          \"Run `fluid build` instead of `vite build` to include widget manifests.\",\n      );\n      this.emitFile({\n        type: \"asset\",\n        fileName: \"__manifests__.json\",\n        source: JSON.stringify([]),\n      });\n    },\n  };\n}\n\n/**\n * Load and serialize manifests from portal.config.ts via Vite's ssrLoadModule.\n * Validates each manifest before stripping the `component` field.\n * Returns an empty array if the config module or export is missing/invalid.\n */\nasync function loadManifests(\n  server: ViteDevServer,\n  logger?: Logger,\n): Promise<unknown[]> {\n  let mod: Record<string, unknown>;\n  try {\n    mod = await server.ssrLoadModule(\"/src/portal.config.ts\");\n  } catch (err) {\n    logger?.warn(\n      `[fluid] Could not load portal.config.ts: ${err instanceof Error ? err.message : err}`,\n    );\n    return [];\n  }\n\n  const rawWidgets = mod.customWidgets;\n  if (!rawWidgets) return [];\n\n  if (!Array.isArray(rawWidgets)) {\n    logger?.warn(\n      `[fluid] customWidgets export is not an array (got ${typeof rawWidgets}). Skipping manifest serving.`,\n    );\n    return [];\n  }\n\n  const manifests = rawWidgets as Record<string, unknown>[];\n\n  // Validate full manifests (with component) before stripping\n  if (logger) {\n    for (const manifest of manifests) {\n      const result = validateManifest(manifest);\n      if (!result.success) {\n        const type = (manifest as { type?: string }).type ?? \"unknown\";\n        logger.warn(\n          `[fluid] Invalid manifest for \"${type}\":\\n` +\n            result.errors.map((e) => `  - ${e.path}: ${e.message}`).join(\"\\n\"),\n        );\n      }\n    }\n  }\n\n  return manifests.map(\n    ({ component: _component, ...rest }: Record<string, unknown>) => rest,\n  );\n}\n","import type { Plugin } from \"vite\";\n\nconst VIRTUAL_ENTRY_ID = \"virtual:builder-preview-entry\";\nconst RESOLVED_VIRTUAL_ID = \"\\0\" + VIRTUAL_ENTRY_ID;\nconst VIRTUAL_MODULE_URL = \"/@id/__x00__virtual:builder-preview-entry\";\n\nconst RAW_HTML = `<!doctype html>\n<html lang=\"en\" data-theme-mode=\"dark\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>Custom Widget Preview</title>\n    <style>\n      body { margin: 0; font-family: system-ui, -apple-system, sans-serif; }\n    </style>\n  </head>\n  <body>\n    <div id=\"builder-preview-root\"></div>\n    <script type=\"module\" src=\"${VIRTUAL_MODULE_URL}\"></script>\n    <script type=\"module\">import \"/src/index.css\";</script>\n  </body>\n</html>`;\n\n/**\n * Vite plugin that serves a standalone widget preview page at /builder-preview.\n *\n * Dev mode only. Renders all customWidgets from portal.config.ts with\n * a live preview and property editor — no auth, no iframe, no fluid-admin needed.\n *\n * Uses a virtual module to bridge the user's portal.config.ts into the preview app.\n */\nexport function fluidBuilderPreviewPlugin(): Plugin {\n  return {\n    name: \"fluid-builder-preview-plugin\",\n    apply: \"serve\",\n\n    resolveId(id) {\n      if (id === VIRTUAL_ENTRY_ID) return RESOLVED_VIRTUAL_ID;\n    },\n\n    load(id) {\n      if (id === RESOLVED_VIRTUAL_ID) {\n        return `\nimport * as portalConfig from \"/src/portal.config.ts\";\nimport { createRoot } from \"react-dom/client\";\nimport { createElement } from \"react\";\nimport { BuilderPreviewApp } from \"@fluid-app/portal-preview\";\n\nconst widgets = portalConfig.customWidgets || [];\nconst root = document.getElementById(\"builder-preview-root\");\nif (root) {\n  createRoot(root).render(\n    createElement(BuilderPreviewApp, { widgets })\n  );\n}\n`;\n      }\n    },\n\n    configureServer(server) {\n      server.middlewares.use(async (req, res, next) => {\n        const pathname = (req.url ?? \"\").split(\"?\")[0];\n        if (pathname !== \"/builder-preview\" && pathname !== \"/builder-preview/\")\n          return next();\n        try {\n          const transformed = await server.transformIndexHtml(\n            \"/builder-preview\",\n            RAW_HTML,\n          );\n          res.setHeader(\"Content-Type\", \"text/html\");\n          res.end(transformed);\n        } catch (e) {\n          server.config.logger.error(\n            `[fluid] Failed to serve builder preview: ${e}`,\n          );\n          res.statusCode = 500;\n          res.end(\"Builder preview failed to load\");\n        }\n      });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,SAAgB,sBAA8B;AAC5C,QAAO;EACL,MAAM;EAEN,gBAAgB,QAAQ;AACtB,UAAO,YAAY,IAAI,kBAAkB,OAAO,MAAM,QAAQ;AAC5D,QAAI;KACF,MAAM,eAAe,MAAM,cACzB,QACA,OAAO,OAAO,OACf;AAED,SAAI,UAAU,gBAAgB,mBAAmB;AACjD,SAAI,UAAU,+BAA+B,IAAI;AACjD,SAAI,IAAI,KAAK,UAAU,aAAa,CAAC;aAC9B,KAAK;AACZ,YAAO,OAAO,OAAO,MACnB,qCAAqC,MACtC;AACD,SAAI,aAAa;AACjB,SAAI,IAAI,KAAK,UAAU,EAAE,OAAO,OAAO,IAAI,EAAE,CAAC,CAAC;;KAEjD;;EAGJ,iBAAiB;AAGf,QAAK,KACH,yIAED;AACD,QAAK,SAAS;IACZ,MAAM;IACN,UAAU;IACV,QAAQ,KAAK,UAAU,EAAE,CAAC;IAC3B,CAAC;;EAEL;;;;;;;AAQH,eAAe,cACb,QACA,QACoB;CACpB,IAAI;AACJ,KAAI;AACF,QAAM,MAAM,OAAO,cAAc,wBAAwB;UAClD,KAAK;AACZ,UAAQ,KACN,4CAA4C,eAAe,QAAQ,IAAI,UAAU,MAClF;AACD,SAAO,EAAE;;CAGX,MAAM,aAAa,IAAI;AACvB,KAAI,CAAC,WAAY,QAAO,EAAE;AAE1B,KAAI,CAAC,MAAM,QAAQ,WAAW,EAAE;AAC9B,UAAQ,KACN,qDAAqD,OAAO,WAAW,+BACxE;AACD,SAAO,EAAE;;CAGX,MAAM,YAAY;AAGlB,KAAI,OACF,MAAK,MAAM,YAAY,WAAW;EAChC,MAAM,UAAA,GAAA,kCAAA,kBAA0B,SAAS;AACzC,MAAI,CAAC,OAAO,SAAS;GACnB,MAAM,OAAQ,SAA+B,QAAQ;AACrD,UAAO,KACL,iCAAiC,KAAK,QACpC,OAAO,OAAO,KAAK,MAAM,OAAO,EAAE,KAAK,IAAI,EAAE,UAAU,CAAC,KAAK,KAAK,CACrE;;;AAKP,QAAO,UAAU,KACd,EAAE,WAAW,YAAY,GAAG,WAAoC,KAClE;;;;ACrGH,MAAM,mBAAmB;AACzB,MAAM,sBAAsB,OAAO;AAGnC,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;AAyBjB,SAAgB,4BAAoC;AAClD,QAAO;EACL,MAAM;EACN,OAAO;EAEP,UAAU,IAAI;AACZ,OAAI,OAAO,iBAAkB,QAAO;;EAGtC,KAAK,IAAI;AACP,OAAI,OAAO,oBACT,QAAO;;;;;;;;;;;;;;;EAiBX,gBAAgB,QAAQ;AACtB,UAAO,YAAY,IAAI,OAAO,KAAK,KAAK,SAAS;IAC/C,MAAM,YAAY,IAAI,OAAO,IAAI,MAAM,IAAI,CAAC;AAC5C,QAAI,aAAa,sBAAsB,aAAa,oBAClD,QAAO,MAAM;AACf,QAAI;KACF,MAAM,cAAc,MAAM,OAAO,mBAC/B,oBACA,SACD;AACD,SAAI,UAAU,gBAAgB,YAAY;AAC1C,SAAI,IAAI,YAAY;aACb,GAAG;AACV,YAAO,OAAO,OAAO,MACnB,4CAA4C,IAC7C;AACD,SAAI,aAAa;AACjB,SAAI,IAAI,iCAAiC;;KAE3C;;EAEL"}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/vite/validate-manifest.ts","../../src/vite/manifest-plugin.ts","../../src/vite/builder-preview-plugin.ts"],"sourcesContent":["/**\n * Lightweight manifest validation for the SDK vite plugin.\n *\n * Inlined here (rather than imported from @fluid-app/portal-core) because\n * portal-core is private and not published to npm. This avoids a runtime\n * ERR_MODULE_NOT_FOUND for portals installed from npm.\n */\n\nconst VALID_FIELD_TYPES = [\n  \"text\",\n  \"textarea\",\n  \"number\",\n  \"boolean\",\n  \"select\",\n  \"color\",\n  \"range\",\n  \"dataSource\",\n  \"resource\",\n  \"image\",\n  \"alignment\",\n  \"slider\",\n  \"colorPicker\",\n  \"sectionHeader\",\n  \"separator\",\n  \"buttonGroup\",\n  \"colorSelect\",\n  \"sectionLayoutSelect\",\n  \"background\",\n  \"contentPosition\",\n  \"textSizeSelect\",\n  \"cssUnit\",\n  \"fontPicker\",\n  \"stringArray\",\n  \"borderRadius\",\n  \"screenPicker\",\n] as const;\n\ninterface ValidationError {\n  path: string;\n  message: string;\n}\n\ntype ValidationResult =\n  | { success: true }\n  | { success: false; errors: ValidationError[] };\n\nexport function validateManifest(input: unknown): ValidationResult {\n  const errors: ValidationError[] = [];\n  const m = input as Record<string, unknown>;\n\n  if (!m || typeof m !== \"object\") {\n    return {\n      success: false,\n      errors: [{ path: \"\", message: \"Manifest must be an object\" }],\n    };\n  }\n\n  // Required string fields\n  for (const key of [\n    \"type\",\n    \"displayName\",\n    \"description\",\n    \"icon\",\n    \"category\",\n  ]) {\n    if (typeof m[key] !== \"string\" || (m[key] as string).length === 0) {\n      errors.push({\n        path: key,\n        message: `${key} is required and must be a non-empty string`,\n      });\n    }\n  }\n\n  if (typeof m.manifestVersion !== \"number\" || m.manifestVersion < 1) {\n    errors.push({\n      path: \"manifestVersion\",\n      message: \"manifestVersion must be a positive integer\",\n    });\n  }\n\n  if (typeof m.component !== \"function\") {\n    errors.push({\n      path: \"component\",\n      message: \"component must be a React component (function)\",\n    });\n  }\n\n  // Property schema validation\n  const schema = m.propertySchema as Record<string, unknown> | undefined;\n  if (schema && typeof schema === \"object\") {\n    if (typeof schema.widgetType !== \"string\" || !schema.widgetType) {\n      errors.push({\n        path: \"propertySchema.widgetType\",\n        message: \"widgetType is required\",\n      });\n    }\n    if (typeof m.type === \"string\" && schema.widgetType !== m.type) {\n      errors.push({\n        path: \"propertySchema.widgetType\",\n        message: \"manifest.type must match manifest.propertySchema.widgetType\",\n      });\n    }\n    if (Array.isArray(schema.fields)) {\n      for (let i = 0; i < schema.fields.length; i++) {\n        const field = schema.fields[i] as Record<string, unknown>;\n        if (!field || typeof field.type !== \"string\") continue;\n        if (\n          !VALID_FIELD_TYPES.includes(\n            field.type as (typeof VALID_FIELD_TYPES)[number],\n          )\n        ) {\n          errors.push({\n            path: `propertySchema.fields.${i}.type`,\n            message: `Invalid field type \"${field.type}\". Valid types: ${VALID_FIELD_TYPES.join(\", \")}`,\n          });\n        }\n      }\n    }\n  }\n\n  return errors.length === 0 ? { success: true } : { success: false, errors };\n}\n","import type { Plugin, ViteDevServer, Logger } from \"vite\";\nimport { validateManifest } from \"./validate-manifest\";\n\n/**\n * Vite plugin that serves widget manifest metadata.\n *\n * Dev mode: middleware serves /__manifests__ dynamically via ssrLoadModule.\n *   Re-reads portal.config.ts on every request (HMR-aware).\n *\n * Build mode: emits an empty __manifests__.json as a static asset in dist/.\n *   The CLI extraction utility (extract-manifests.ts) handles build-time\n *   extraction via tsx subprocess for `fluid build` and `fluid deploy`.\n *\n * The builder fetches this endpoint/file to discover custom widgets.\n */\nexport function fluidManifestPlugin(): Plugin {\n  return {\n    name: \"fluid-manifest-plugin\",\n\n    configureServer(server) {\n      server.middlewares.use(\"/__manifests__\", async (_req, res) => {\n        try {\n          const serializable = await loadManifests(\n            server,\n            server.config.logger,\n          );\n\n          res.setHeader(\"Content-Type\", \"application/json\");\n          res.setHeader(\"Access-Control-Allow-Origin\", \"*\");\n          res.end(JSON.stringify(serializable));\n        } catch (err) {\n          server.config.logger.error(\n            `[fluid] Failed to load manifests: ${err}`,\n          );\n          res.statusCode = 500;\n          res.end(JSON.stringify({ error: String(err) }));\n        }\n      });\n    },\n\n    generateBundle() {\n      // Build mode: emit placeholder. The CLI extraction utility handles\n      // actual build-time manifest extraction via tsx subprocess.\n      this.warn(\n        \"[fluid] fluidManifestPlugin: emitting empty __manifests__.json. \" +\n          \"Run `fluid build` instead of `vite build` to include widget manifests.\",\n      );\n      this.emitFile({\n        type: \"asset\",\n        fileName: \"__manifests__.json\",\n        source: JSON.stringify([]),\n      });\n    },\n  };\n}\n\n/**\n * Load and serialize manifests from portal.config.ts via Vite's ssrLoadModule.\n * Validates each manifest before stripping the `component` field.\n * Returns an empty array if the config module or export is missing/invalid.\n */\nasync function loadManifests(\n  server: ViteDevServer,\n  logger?: Logger,\n): Promise<unknown[]> {\n  let mod: Record<string, unknown>;\n  try {\n    mod = await server.ssrLoadModule(\"/src/portal.config.ts\");\n  } catch (err) {\n    logger?.warn(\n      `[fluid] Could not load portal.config.ts: ${err instanceof Error ? err.message : err}`,\n    );\n    return [];\n  }\n\n  const rawWidgets = mod.customWidgets;\n  if (!rawWidgets) return [];\n\n  if (!Array.isArray(rawWidgets)) {\n    logger?.warn(\n      `[fluid] customWidgets export is not an array (got ${typeof rawWidgets}). Skipping manifest serving.`,\n    );\n    return [];\n  }\n\n  const manifests = rawWidgets as Record<string, unknown>[];\n\n  // Validate full manifests (with component) before stripping\n  if (logger) {\n    for (const manifest of manifests) {\n      const result = validateManifest(manifest);\n      if (!result.success) {\n        const type = (manifest as { type?: string }).type ?? \"unknown\";\n        logger.warn(\n          `[fluid] Invalid manifest for \"${type}\":\\n` +\n            result.errors.map((e) => `  - ${e.path}: ${e.message}`).join(\"\\n\"),\n        );\n      }\n    }\n  }\n\n  return manifests.map(\n    ({ component: _component, ...rest }: Record<string, unknown>) => rest,\n  );\n}\n","import type { Plugin } from \"vite\";\n\nconst VIRTUAL_ENTRY_ID = \"virtual:builder-preview-entry\";\nconst RESOLVED_VIRTUAL_ID = \"\\0\" + VIRTUAL_ENTRY_ID;\nconst VIRTUAL_MODULE_URL = \"/@id/__x00__virtual:builder-preview-entry\";\n\nconst RAW_HTML = `<!doctype html>\n<html lang=\"en\" data-theme-mode=\"dark\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>Custom Widget Preview</title>\n    <style>\n      body { margin: 0; font-family: system-ui, -apple-system, sans-serif; }\n    </style>\n  </head>\n  <body>\n    <div id=\"builder-preview-root\"></div>\n    <script type=\"module\" src=\"${VIRTUAL_MODULE_URL}\"></script>\n    <script type=\"module\">import \"/src/index.css\";</script>\n  </body>\n</html>`;\n\n/**\n * Vite plugin that serves a standalone widget preview page at /builder-preview.\n *\n * Dev mode only. Renders all customWidgets from portal.config.ts with\n * a live preview and property editor — no auth, no iframe, no fluid-admin needed.\n *\n * Uses a virtual module to bridge the user's portal.config.ts into the preview app.\n */\nexport function fluidBuilderPreviewPlugin(): Plugin {\n  return {\n    name: \"fluid-builder-preview-plugin\",\n    apply: \"serve\",\n\n    resolveId(id) {\n      if (id === VIRTUAL_ENTRY_ID) return RESOLVED_VIRTUAL_ID;\n    },\n\n    load(id) {\n      if (id === RESOLVED_VIRTUAL_ID) {\n        return `\nimport * as portalConfig from \"/src/portal.config.ts\";\nimport { createRoot } from \"react-dom/client\";\nimport { createElement } from \"react\";\nimport { BuilderPreviewApp } from \"@fluid-app/portal-preview\";\n\nconst widgets = portalConfig.customWidgets || [];\nconst root = document.getElementById(\"builder-preview-root\");\nif (root) {\n  createRoot(root).render(\n    createElement(BuilderPreviewApp, { widgets })\n  );\n}\n`;\n      }\n    },\n\n    configureServer(server) {\n      server.middlewares.use(async (req, res, next) => {\n        const pathname = (req.url ?? \"\").split(\"?\")[0];\n        if (pathname !== \"/builder-preview\" && pathname !== \"/builder-preview/\")\n          return next();\n        try {\n          const transformed = await server.transformIndexHtml(\n            \"/builder-preview\",\n            RAW_HTML,\n          );\n          res.setHeader(\"Content-Type\", \"text/html\");\n          res.end(transformed);\n        } catch (e) {\n          server.config.logger.error(\n            `[fluid] Failed to serve builder preview: ${e}`,\n          );\n          res.statusCode = 500;\n          res.end(\"Builder preview failed to load\");\n        }\n      });\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/vite/index.mjs

@@ -1,4 +1,92 @@
-import { validateManifest } from "@fluid-app/portal-core/validation";
+//#region src/vite/validate-manifest.ts
+/**
+* Lightweight manifest validation for the SDK vite plugin.
+*
+* Inlined here (rather than imported from @fluid-app/portal-core) because
+* portal-core is private and not published to npm. This avoids a runtime
+* ERR_MODULE_NOT_FOUND for portals installed from npm.
+*/
+const VALID_FIELD_TYPES = [
+	"text",
+	"textarea",
+	"number",
+	"boolean",
+	"select",
+	"color",
+	"range",
+	"dataSource",
+	"resource",
+	"image",
+	"alignment",
+	"slider",
+	"colorPicker",
+	"sectionHeader",
+	"separator",
+	"buttonGroup",
+	"colorSelect",
+	"sectionLayoutSelect",
+	"background",
+	"contentPosition",
+	"textSizeSelect",
+	"cssUnit",
+	"fontPicker",
+	"stringArray",
+	"borderRadius",
+	"screenPicker"
+];
+function validateManifest(input) {
+	const errors = [];
+	const m = input;
+	if (!m || typeof m !== "object") return {
+		success: false,
+		errors: [{
+			path: "",
+			message: "Manifest must be an object"
+		}]
+	};
+	for (const key of [
+		"type",
+		"displayName",
+		"description",
+		"icon",
+		"category"
+	]) if (typeof m[key] !== "string" || m[key].length === 0) errors.push({
+		path: key,
+		message: `${key} is required and must be a non-empty string`
+	});
+	if (typeof m.manifestVersion !== "number" || m.manifestVersion < 1) errors.push({
+		path: "manifestVersion",
+		message: "manifestVersion must be a positive integer"
+	});
+	if (typeof m.component !== "function") errors.push({
+		path: "component",
+		message: "component must be a React component (function)"
+	});
+	const schema = m.propertySchema;
+	if (schema && typeof schema === "object") {
+		if (typeof schema.widgetType !== "string" || !schema.widgetType) errors.push({
+			path: "propertySchema.widgetType",
+			message: "widgetType is required"
+		});
+		if (typeof m.type === "string" && schema.widgetType !== m.type) errors.push({
+			path: "propertySchema.widgetType",
+			message: "manifest.type must match manifest.propertySchema.widgetType"
+		});
+		if (Array.isArray(schema.fields)) for (let i = 0; i < schema.fields.length; i++) {
+			const field = schema.fields[i];
+			if (!field || typeof field.type !== "string") continue;
+			if (!VALID_FIELD_TYPES.includes(field.type)) errors.push({
+				path: `propertySchema.fields.${i}.type`,
+				message: `Invalid field type "${field.type}". Valid types: ${VALID_FIELD_TYPES.join(", ")}`
+			});
+		}
+	}
+	return errors.length === 0 ? { success: true } : {
+		success: false,
+		errors
+	};
+}
+//#endregion
 //#region src/vite/manifest-plugin.ts
 /**
 * Vite plugin that serves widget manifest metadata.

package/dist/vite/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../src/vite/manifest-plugin.ts","../../src/vite/builder-preview-plugin.ts"],"sourcesContent":["import type { Plugin, ViteDevServer, Logger } from \"vite\";\nimport { validateManifest } from \"@fluid-app/portal-core/validation\";\n\n/**\n * Vite plugin that serves widget manifest metadata.\n *\n * Dev mode: middleware serves /__manifests__ dynamically via ssrLoadModule.\n *   Re-reads portal.config.ts on every request (HMR-aware).\n *\n * Build mode: emits an empty __manifests__.json as a static asset in dist/.\n *   The CLI extraction utility (extract-manifests.ts) handles build-time\n *   extraction via tsx subprocess for `fluid build` and `fluid deploy`.\n *\n * The builder fetches this endpoint/file to discover custom widgets.\n */\nexport function fluidManifestPlugin(): Plugin {\n  return {\n    name: \"fluid-manifest-plugin\",\n\n    configureServer(server) {\n      server.middlewares.use(\"/__manifests__\", async (_req, res) => {\n        try {\n          const serializable = await loadManifests(\n            server,\n            server.config.logger,\n          );\n\n          res.setHeader(\"Content-Type\", \"application/json\");\n          res.setHeader(\"Access-Control-Allow-Origin\", \"*\");\n          res.end(JSON.stringify(serializable));\n        } catch (err) {\n          server.config.logger.error(\n            `[fluid] Failed to load manifests: ${err}`,\n          );\n          res.statusCode = 500;\n          res.end(JSON.stringify({ error: String(err) }));\n        }\n      });\n    },\n\n    generateBundle() {\n      // Build mode: emit placeholder. The CLI extraction utility handles\n      // actual build-time manifest extraction via tsx subprocess.\n      this.warn(\n        \"[fluid] fluidManifestPlugin: emitting empty __manifests__.json. \" +\n          \"Run `fluid build` instead of `vite build` to include widget manifests.\",\n      );\n      this.emitFile({\n        type: \"asset\",\n        fileName: \"__manifests__.json\",\n        source: JSON.stringify([]),\n      });\n    },\n  };\n}\n\n/**\n * Load and serialize manifests from portal.config.ts via Vite's ssrLoadModule.\n * Validates each manifest before stripping the `component` field.\n * Returns an empty array if the config module or export is missing/invalid.\n */\nasync function loadManifests(\n  server: ViteDevServer,\n  logger?: Logger,\n): Promise<unknown[]> {\n  let mod: Record<string, unknown>;\n  try {\n    mod = await server.ssrLoadModule(\"/src/portal.config.ts\");\n  } catch (err) {\n    logger?.warn(\n      `[fluid] Could not load portal.config.ts: ${err instanceof Error ? err.message : err}`,\n    );\n    return [];\n  }\n\n  const rawWidgets = mod.customWidgets;\n  if (!rawWidgets) return [];\n\n  if (!Array.isArray(rawWidgets)) {\n    logger?.warn(\n      `[fluid] customWidgets export is not an array (got ${typeof rawWidgets}). Skipping manifest serving.`,\n    );\n    return [];\n  }\n\n  const manifests = rawWidgets as Record<string, unknown>[];\n\n  // Validate full manifests (with component) before stripping\n  if (logger) {\n    for (const manifest of manifests) {\n      const result = validateManifest(manifest);\n      if (!result.success) {\n        const type = (manifest as { type?: string }).type ?? \"unknown\";\n        logger.warn(\n          `[fluid] Invalid manifest for \"${type}\":\\n` +\n            result.errors.map((e) => `  - ${e.path}: ${e.message}`).join(\"\\n\"),\n        );\n      }\n    }\n  }\n\n  return manifests.map(\n    ({ component: _component, ...rest }: Record<string, unknown>) => rest,\n  );\n}\n","import type { Plugin } from \"vite\";\n\nconst VIRTUAL_ENTRY_ID = \"virtual:builder-preview-entry\";\nconst RESOLVED_VIRTUAL_ID = \"\\0\" + VIRTUAL_ENTRY_ID;\nconst VIRTUAL_MODULE_URL = \"/@id/__x00__virtual:builder-preview-entry\";\n\nconst RAW_HTML = `<!doctype html>\n<html lang=\"en\" data-theme-mode=\"dark\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>Custom Widget Preview</title>\n    <style>\n      body { margin: 0; font-family: system-ui, -apple-system, sans-serif; }\n    </style>\n  </head>\n  <body>\n    <div id=\"builder-preview-root\"></div>\n    <script type=\"module\" src=\"${VIRTUAL_MODULE_URL}\"></script>\n    <script type=\"module\">import \"/src/index.css\";</script>\n  </body>\n</html>`;\n\n/**\n * Vite plugin that serves a standalone widget preview page at /builder-preview.\n *\n * Dev mode only. Renders all customWidgets from portal.config.ts with\n * a live preview and property editor — no auth, no iframe, no fluid-admin needed.\n *\n * Uses a virtual module to bridge the user's portal.config.ts into the preview app.\n */\nexport function fluidBuilderPreviewPlugin(): Plugin {\n  return {\n    name: \"fluid-builder-preview-plugin\",\n    apply: \"serve\",\n\n    resolveId(id) {\n      if (id === VIRTUAL_ENTRY_ID) return RESOLVED_VIRTUAL_ID;\n    },\n\n    load(id) {\n      if (id === RESOLVED_VIRTUAL_ID) {\n        return `\nimport * as portalConfig from \"/src/portal.config.ts\";\nimport { createRoot } from \"react-dom/client\";\nimport { createElement } from \"react\";\nimport { BuilderPreviewApp } from \"@fluid-app/portal-preview\";\n\nconst widgets = portalConfig.customWidgets || [];\nconst root = document.getElementById(\"builder-preview-root\");\nif (root) {\n  createRoot(root).render(\n    createElement(BuilderPreviewApp, { widgets })\n  );\n}\n`;\n      }\n    },\n\n    configureServer(server) {\n      server.middlewares.use(async (req, res, next) => {\n        const pathname = (req.url ?? \"\").split(\"?\")[0];\n        if (pathname !== \"/builder-preview\" && pathname !== \"/builder-preview/\")\n          return next();\n        try {\n          const transformed = await server.transformIndexHtml(\n            \"/builder-preview\",\n            RAW_HTML,\n          );\n          res.setHeader(\"Content-Type\", \"text/html\");\n          res.end(transformed);\n        } catch (e) {\n          server.config.logger.error(\n            `[fluid] Failed to serve builder preview: ${e}`,\n          );\n          res.statusCode = 500;\n          res.end(\"Builder preview failed to load\");\n        }\n      });\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;AAeA,SAAgB,sBAA8B;AAC5C,QAAO;EACL,MAAM;EAEN,gBAAgB,QAAQ;AACtB,UAAO,YAAY,IAAI,kBAAkB,OAAO,MAAM,QAAQ;AAC5D,QAAI;KACF,MAAM,eAAe,MAAM,cACzB,QACA,OAAO,OAAO,OACf;AAED,SAAI,UAAU,gBAAgB,mBAAmB;AACjD,SAAI,UAAU,+BAA+B,IAAI;AACjD,SAAI,IAAI,KAAK,UAAU,aAAa,CAAC;aAC9B,KAAK;AACZ,YAAO,OAAO,OAAO,MACnB,qCAAqC,MACtC;AACD,SAAI,aAAa;AACjB,SAAI,IAAI,KAAK,UAAU,EAAE,OAAO,OAAO,IAAI,EAAE,CAAC,CAAC;;KAEjD;;EAGJ,iBAAiB;AAGf,QAAK,KACH,yIAED;AACD,QAAK,SAAS;IACZ,MAAM;IACN,UAAU;IACV,QAAQ,KAAK,UAAU,EAAE,CAAC;IAC3B,CAAC;;EAEL;;;;;;;AAQH,eAAe,cACb,QACA,QACoB;CACpB,IAAI;AACJ,KAAI;AACF,QAAM,MAAM,OAAO,cAAc,wBAAwB;UAClD,KAAK;AACZ,UAAQ,KACN,4CAA4C,eAAe,QAAQ,IAAI,UAAU,MAClF;AACD,SAAO,EAAE;;CAGX,MAAM,aAAa,IAAI;AACvB,KAAI,CAAC,WAAY,QAAO,EAAE;AAE1B,KAAI,CAAC,MAAM,QAAQ,WAAW,EAAE;AAC9B,UAAQ,KACN,qDAAqD,OAAO,WAAW,+BACxE;AACD,SAAO,EAAE;;CAGX,MAAM,YAAY;AAGlB,KAAI,OACF,MAAK,MAAM,YAAY,WAAW;EAChC,MAAM,SAAS,iBAAiB,SAAS;AACzC,MAAI,CAAC,OAAO,SAAS;GACnB,MAAM,OAAQ,SAA+B,QAAQ;AACrD,UAAO,KACL,iCAAiC,KAAK,QACpC,OAAO,OAAO,KAAK,MAAM,OAAO,EAAE,KAAK,IAAI,EAAE,UAAU,CAAC,KAAK,KAAK,CACrE;;;AAKP,QAAO,UAAU,KACd,EAAE,WAAW,YAAY,GAAG,WAAoC,KAClE;;;;ACrGH,MAAM,mBAAmB;AACzB,MAAM,sBAAsB,OAAO;AAGnC,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;AAyBjB,SAAgB,4BAAoC;AAClD,QAAO;EACL,MAAM;EACN,OAAO;EAEP,UAAU,IAAI;AACZ,OAAI,OAAO,iBAAkB,QAAO;;EAGtC,KAAK,IAAI;AACP,OAAI,OAAO,oBACT,QAAO;;;;;;;;;;;;;;;EAiBX,gBAAgB,QAAQ;AACtB,UAAO,YAAY,IAAI,OAAO,KAAK,KAAK,SAAS;IAC/C,MAAM,YAAY,IAAI,OAAO,IAAI,MAAM,IAAI,CAAC;AAC5C,QAAI,aAAa,sBAAsB,aAAa,oBAClD,QAAO,MAAM;AACf,QAAI;KACF,MAAM,cAAc,MAAM,OAAO,mBAC/B,oBACA,SACD;AACD,SAAI,UAAU,gBAAgB,YAAY;AAC1C,SAAI,IAAI,YAAY;aACb,GAAG;AACV,YAAO,OAAO,OAAO,MACnB,4CAA4C,IAC7C;AACD,SAAI,aAAa;AACjB,SAAI,IAAI,iCAAiC;;KAE3C;;EAEL"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../src/vite/validate-manifest.ts","../../src/vite/manifest-plugin.ts","../../src/vite/builder-preview-plugin.ts"],"sourcesContent":["/**\n * Lightweight manifest validation for the SDK vite plugin.\n *\n * Inlined here (rather than imported from @fluid-app/portal-core) because\n * portal-core is private and not published to npm. This avoids a runtime\n * ERR_MODULE_NOT_FOUND for portals installed from npm.\n */\n\nconst VALID_FIELD_TYPES = [\n  \"text\",\n  \"textarea\",\n  \"number\",\n  \"boolean\",\n  \"select\",\n  \"color\",\n  \"range\",\n  \"dataSource\",\n  \"resource\",\n  \"image\",\n  \"alignment\",\n  \"slider\",\n  \"colorPicker\",\n  \"sectionHeader\",\n  \"separator\",\n  \"buttonGroup\",\n  \"colorSelect\",\n  \"sectionLayoutSelect\",\n  \"background\",\n  \"contentPosition\",\n  \"textSizeSelect\",\n  \"cssUnit\",\n  \"fontPicker\",\n  \"stringArray\",\n  \"borderRadius\",\n  \"screenPicker\",\n] as const;\n\ninterface ValidationError {\n  path: string;\n  message: string;\n}\n\ntype ValidationResult =\n  | { success: true }\n  | { success: false; errors: ValidationError[] };\n\nexport function validateManifest(input: unknown): ValidationResult {\n  const errors: ValidationError[] = [];\n  const m = input as Record<string, unknown>;\n\n  if (!m || typeof m !== \"object\") {\n    return {\n      success: false,\n      errors: [{ path: \"\", message: \"Manifest must be an object\" }],\n    };\n  }\n\n  // Required string fields\n  for (const key of [\n    \"type\",\n    \"displayName\",\n    \"description\",\n    \"icon\",\n    \"category\",\n  ]) {\n    if (typeof m[key] !== \"string\" || (m[key] as string).length === 0) {\n      errors.push({\n        path: key,\n        message: `${key} is required and must be a non-empty string`,\n      });\n    }\n  }\n\n  if (typeof m.manifestVersion !== \"number\" || m.manifestVersion < 1) {\n    errors.push({\n      path: \"manifestVersion\",\n      message: \"manifestVersion must be a positive integer\",\n    });\n  }\n\n  if (typeof m.component !== \"function\") {\n    errors.push({\n      path: \"component\",\n      message: \"component must be a React component (function)\",\n    });\n  }\n\n  // Property schema validation\n  const schema = m.propertySchema as Record<string, unknown> | undefined;\n  if (schema && typeof schema === \"object\") {\n    if (typeof schema.widgetType !== \"string\" || !schema.widgetType) {\n      errors.push({\n        path: \"propertySchema.widgetType\",\n        message: \"widgetType is required\",\n      });\n    }\n    if (typeof m.type === \"string\" && schema.widgetType !== m.type) {\n      errors.push({\n        path: \"propertySchema.widgetType\",\n        message: \"manifest.type must match manifest.propertySchema.widgetType\",\n      });\n    }\n    if (Array.isArray(schema.fields)) {\n      for (let i = 0; i < schema.fields.length; i++) {\n        const field = schema.fields[i] as Record<string, unknown>;\n        if (!field || typeof field.type !== \"string\") continue;\n        if (\n          !VALID_FIELD_TYPES.includes(\n            field.type as (typeof VALID_FIELD_TYPES)[number],\n          )\n        ) {\n          errors.push({\n            path: `propertySchema.fields.${i}.type`,\n            message: `Invalid field type \"${field.type}\". Valid types: ${VALID_FIELD_TYPES.join(\", \")}`,\n          });\n        }\n      }\n    }\n  }\n\n  return errors.length === 0 ? { success: true } : { success: false, errors };\n}\n","import type { Plugin, ViteDevServer, Logger } from \"vite\";\nimport { validateManifest } from \"./validate-manifest\";\n\n/**\n * Vite plugin that serves widget manifest metadata.\n *\n * Dev mode: middleware serves /__manifests__ dynamically via ssrLoadModule.\n *   Re-reads portal.config.ts on every request (HMR-aware).\n *\n * Build mode: emits an empty __manifests__.json as a static asset in dist/.\n *   The CLI extraction utility (extract-manifests.ts) handles build-time\n *   extraction via tsx subprocess for `fluid build` and `fluid deploy`.\n *\n * The builder fetches this endpoint/file to discover custom widgets.\n */\nexport function fluidManifestPlugin(): Plugin {\n  return {\n    name: \"fluid-manifest-plugin\",\n\n    configureServer(server) {\n      server.middlewares.use(\"/__manifests__\", async (_req, res) => {\n        try {\n          const serializable = await loadManifests(\n            server,\n            server.config.logger,\n          );\n\n          res.setHeader(\"Content-Type\", \"application/json\");\n          res.setHeader(\"Access-Control-Allow-Origin\", \"*\");\n          res.end(JSON.stringify(serializable));\n        } catch (err) {\n          server.config.logger.error(\n            `[fluid] Failed to load manifests: ${err}`,\n          );\n          res.statusCode = 500;\n          res.end(JSON.stringify({ error: String(err) }));\n        }\n      });\n    },\n\n    generateBundle() {\n      // Build mode: emit placeholder. The CLI extraction utility handles\n      // actual build-time manifest extraction via tsx subprocess.\n      this.warn(\n        \"[fluid] fluidManifestPlugin: emitting empty __manifests__.json. \" +\n          \"Run `fluid build` instead of `vite build` to include widget manifests.\",\n      );\n      this.emitFile({\n        type: \"asset\",\n        fileName: \"__manifests__.json\",\n        source: JSON.stringify([]),\n      });\n    },\n  };\n}\n\n/**\n * Load and serialize manifests from portal.config.ts via Vite's ssrLoadModule.\n * Validates each manifest before stripping the `component` field.\n * Returns an empty array if the config module or export is missing/invalid.\n */\nasync function loadManifests(\n  server: ViteDevServer,\n  logger?: Logger,\n): Promise<unknown[]> {\n  let mod: Record<string, unknown>;\n  try {\n    mod = await server.ssrLoadModule(\"/src/portal.config.ts\");\n  } catch (err) {\n    logger?.warn(\n      `[fluid] Could not load portal.config.ts: ${err instanceof Error ? err.message : err}`,\n    );\n    return [];\n  }\n\n  const rawWidgets = mod.customWidgets;\n  if (!rawWidgets) return [];\n\n  if (!Array.isArray(rawWidgets)) {\n    logger?.warn(\n      `[fluid] customWidgets export is not an array (got ${typeof rawWidgets}). Skipping manifest serving.`,\n    );\n    return [];\n  }\n\n  const manifests = rawWidgets as Record<string, unknown>[];\n\n  // Validate full manifests (with component) before stripping\n  if (logger) {\n    for (const manifest of manifests) {\n      const result = validateManifest(manifest);\n      if (!result.success) {\n        const type = (manifest as { type?: string }).type ?? \"unknown\";\n        logger.warn(\n          `[fluid] Invalid manifest for \"${type}\":\\n` +\n            result.errors.map((e) => `  - ${e.path}: ${e.message}`).join(\"\\n\"),\n        );\n      }\n    }\n  }\n\n  return manifests.map(\n    ({ component: _component, ...rest }: Record<string, unknown>) => rest,\n  );\n}\n","import type { Plugin } from \"vite\";\n\nconst VIRTUAL_ENTRY_ID = \"virtual:builder-preview-entry\";\nconst RESOLVED_VIRTUAL_ID = \"\\0\" + VIRTUAL_ENTRY_ID;\nconst VIRTUAL_MODULE_URL = \"/@id/__x00__virtual:builder-preview-entry\";\n\nconst RAW_HTML = `<!doctype html>\n<html lang=\"en\" data-theme-mode=\"dark\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>Custom Widget Preview</title>\n    <style>\n      body { margin: 0; font-family: system-ui, -apple-system, sans-serif; }\n    </style>\n  </head>\n  <body>\n    <div id=\"builder-preview-root\"></div>\n    <script type=\"module\" src=\"${VIRTUAL_MODULE_URL}\"></script>\n    <script type=\"module\">import \"/src/index.css\";</script>\n  </body>\n</html>`;\n\n/**\n * Vite plugin that serves a standalone widget preview page at /builder-preview.\n *\n * Dev mode only. Renders all customWidgets from portal.config.ts with\n * a live preview and property editor — no auth, no iframe, no fluid-admin needed.\n *\n * Uses a virtual module to bridge the user's portal.config.ts into the preview app.\n */\nexport function fluidBuilderPreviewPlugin(): Plugin {\n  return {\n    name: \"fluid-builder-preview-plugin\",\n    apply: \"serve\",\n\n    resolveId(id) {\n      if (id === VIRTUAL_ENTRY_ID) return RESOLVED_VIRTUAL_ID;\n    },\n\n    load(id) {\n      if (id === RESOLVED_VIRTUAL_ID) {\n        return `\nimport * as portalConfig from \"/src/portal.config.ts\";\nimport { createRoot } from \"react-dom/client\";\nimport { createElement } from \"react\";\nimport { BuilderPreviewApp } from \"@fluid-app/portal-preview\";\n\nconst widgets = portalConfig.customWidgets || [];\nconst root = document.getElementById(\"builder-preview-root\");\nif (root) {\n  createRoot(root).render(\n    createElement(BuilderPreviewApp, { widgets })\n  );\n}\n`;\n      }\n    },\n\n    configureServer(server) {\n      server.middlewares.use(async (req, res, next) => {\n        const pathname = (req.url ?? \"\").split(\"?\")[0];\n        if (pathname !== \"/builder-preview\" && pathname !== \"/builder-preview/\")\n          return next();\n        try {\n          const transformed = await server.transformIndexHtml(\n            \"/builder-preview\",\n            RAW_HTML,\n          );\n          res.setHeader(\"Content-Type\", \"text/html\");\n          res.end(transformed);\n        } catch (e) {\n          server.config.logger.error(\n            `[fluid] Failed to serve builder preview: ${e}`,\n          );\n          res.statusCode = 500;\n          res.end(\"Builder preview failed to load\");\n        }\n      });\n    },\n  };\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluid-app/portal-sdk",
-  "version": "0.1.60",
+  "version": "0.1.62",
   "description": "SDK for building custom Fluid portals",
   "files": [
     "dist",
@@ -9,6 +9,7 @@
   "type": "module",
   "sideEffects": [
     "./styles/globals.css",
+    "./styles/packages.css",
     "./styles/theme.css"
   ],
   "main": "./dist/index.cjs",
@@ -21,6 +22,7 @@
       "types": "./dist/index.d.mts"
     },
     "./globals.css": "./styles/globals.css",
+    "./packages.css": "./styles/packages.css",
     "./theme.css": "./styles/theme.css",
     "./vite": {
       "import": {
@@ -62,44 +64,44 @@
     "tsdown": "^0.21.0",
     "typescript": "^5",
     "zod": "4.3.5",
-    "@fluid-app/company-switcher-core": "0.1.0",
+    "@fluid-app/api-client-core": "0.1.0",
     "@fluid-app/company-switcher-ui": "0.1.0",
     "@fluid-app/contacts-ui": "0.1.0",
+    "@fluid-app/auth": "0.1.0",
     "@fluid-app/file-picker-api-client": "0.1.0",
     "@fluid-app/fluid-pay-api-client": "0.1.0",
-    "@fluid-app/api-client-core": "0.1.0",
-    "@fluid-app/auth": "0.1.0",
-    "@fluid-app/messaging-api-client": "0.1.0",
     "@fluid-app/fluidos-api-client": "0.1.0",
+    "@fluid-app/messaging-api-client": "0.1.0",
     "@fluid-app/messaging-core": "0.1.0",
+    "@fluid-app/messaging-ui": "0.1.0",
     "@fluid-app/mysite-ui": "0.1.0",
+    "@fluid-app/company-switcher-core": "0.1.0",
     "@fluid-app/orders-api-client": "0.1.0",
-    "@fluid-app/messaging-ui": "0.1.0",
     "@fluid-app/orders-core": "0.1.0",
+    "@fluid-app/orders-ui": "0.1.0",
     "@fluid-app/permissions": "0.1.0",
     "@fluid-app/portal-app-download-ui": "0.1.0",
-    "@fluid-app/orders-ui": "0.1.0",
     "@fluid-app/portal-core": "0.1.23",
-    "@fluid-app/portal-pro-upgrade-ui": "0.1.0",
     "@fluid-app/portal-preview": "0.1.0",
+    "@fluid-app/portal-pro-upgrade-ui": "0.1.0",
     "@fluid-app/portal-react": "0.1.0",
-    "@fluid-app/profile-core": "0.1.0",
     "@fluid-app/portal-widgets": "0.1.22",
     "@fluid-app/products-core": "0.1.0",
     "@fluid-app/products-api-client": "0.1.0",
+    "@fluid-app/profile-core": "0.1.0",
     "@fluid-app/profile-ui": "0.1.0",
     "@fluid-app/query-persister": "0.1.0",
-    "@fluid-app/shareables-core": "0.1.0",
     "@fluid-app/shareables-api-client": "0.1.0",
+    "@fluid-app/shareables-core": "0.1.0",
     "@fluid-app/shareables-ui": "0.1.0",
-    "@fluid-app/subscriptions-api-client": "0.1.0",
     "@fluid-app/shop-ui": "0.1.0",
-    "@fluid-app/subscriptions-ui": "0.1.0",
     "@fluid-app/subscriptions-core": "0.1.0",
+    "@fluid-app/subscriptions-ui": "0.1.0",
+    "@fluid-app/subscriptions-api-client": "0.1.0",
     "@fluid-app/typescript-config": "0.0.0",
-    "@fluid-app/user-contacts-api-client": "0.1.0",
-    "@fluid-app/user-notes-api-client": "0.1.0",
     "@fluid-app/ui-primitives": "0.1.13",
+    "@fluid-app/user-notes-api-client": "0.1.0",
+    "@fluid-app/user-contacts-api-client": "0.1.0",
     "@fluid-app/user-tasks-api-client": "0.1.0"
   },
   "peerDependencies": {

package/styles/globals.css

@@ -3,22 +3,13 @@
  *
  * Import this in your app's main CSS file:
  *   @import "@fluid-app/portal-sdk/globals.css";
+ *
+ * For package styles without portal theme tokens (e.g. in fluid-admin):
+ *   @import "@fluid-app/portal-sdk/packages.css";
  */
 
 /* ── Package CSS imports ─────────────────────────────────────────────────── */
-@import "@fluid-app/company-switcher-ui/styles/company-switcher.css";
-@import "@fluid-app/contacts-ui/styles/contacts.css";
-@import "@fluid-app/messaging-ui/styles/messaging.css";
-@import "@fluid-app/orders-ui/styles/orders.css";
-@import "@fluid-app/shop-ui/styles/shop.css";
-@import "@fluid-app/profile-ui/styles/profile.css";
-@import "@fluid-app/shareables-ui/styles/shareables.css";
-@import "@fluid-app/subscriptions-ui/styles/subscriptions.css";
-@import "@fluid-app/mysite-ui/styles/mysite.css";
-@import "@fluid-app/ui-primitives/styles/ui-primitives.css";
-@import "@fluid-app/portal-widgets/globals.css";
-@import "@fluid-app/portal-preview/styles/preview.css";
-@import "@fluid-app/portal-react/globals.css";
+@import "./packages.css";
 
 /* ── Source ──────────────────────────────────────────────────────────────── */
 @source "../src/**/*.{ts,tsx}";

package/styles/packages.css

@@ -0,0 +1,20 @@
+/*
+ * Shared package CSS imports — safe to use in any app.
+ *
+ * Import this when you need the package styles without the portal theme tokens:
+ *   @import "@fluid-app/portal-sdk/packages.css";
+ */
+
+@import "@fluid-app/company-switcher-ui/styles/company-switcher.css";
+@import "@fluid-app/contacts-ui/styles/contacts.css";
+@import "@fluid-app/messaging-ui/styles/messaging.css";
+@import "@fluid-app/orders-ui/styles/orders.css";
+@import "@fluid-app/shop-ui/styles/shop.css";
+@import "@fluid-app/profile-ui/styles/profile.css";
+@import "@fluid-app/shareables-ui/styles/shareables.css";
+@import "@fluid-app/subscriptions-ui/styles/subscriptions.css";
+@import "@fluid-app/mysite-ui/styles/mysite.css";
+@import "@fluid-app/ui-primitives/styles/ui-primitives.css";
+@import "@fluid-app/portal-widgets/globals.css";
+@import "@fluid-app/portal-preview/styles/preview.css";
+@import "@fluid-app/portal-react/globals.css";