@fluid-app/rep-core 0.1.0 → 0.1.2

package/dist/chunk-V7D3QUE6.cjs

@@ -0,0 +1,42 @@
+'use strict';
+
+var chunkSJQPHJL4_cjs = require('./chunk-SJQPHJL4.cjs');
+var chunkLVLNO2YQ_cjs = require('./chunk-LVLNO2YQ.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DataSourceRegistryContext = react.createContext(
+  {
+    registry: chunkLVLNO2YQ_cjs.DEFAULT_DATA_SOURCE_REGISTRY
+  }
+);
+function DataSourceRegistryProvider({
+  registry,
+  baseUrl,
+  getApiHeaders,
+  variables,
+  children
+}) {
+  const value = react.useMemo(
+    () => ({
+      registry: registry ?? chunkLVLNO2YQ_cjs.DEFAULT_DATA_SOURCE_REGISTRY,
+      baseUrl,
+      getApiHeaders,
+      variables
+    }),
+    [registry, baseUrl, getApiHeaders, variables]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(DataSourceRegistryContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(chunkSJQPHJL4_cjs.DataSourceProvider, { baseUrl, getApiHeaders, children }) });
+}
+function useDataSourceRegistry() {
+  return react.useContext(DataSourceRegistryContext).registry;
+}
+function useDataSourceRegistryConfig() {
+  return react.useContext(DataSourceRegistryContext);
+}
+
+exports.DataSourceRegistryProvider = DataSourceRegistryProvider;
+exports.useDataSourceRegistry = useDataSourceRegistry;
+exports.useDataSourceRegistryConfig = useDataSourceRegistryConfig;
+//# sourceMappingURL=chunk-V7D3QUE6.cjs.map
+//# sourceMappingURL=chunk-V7D3QUE6.cjs.map

package/dist/chunk-V7D3QUE6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-sources/registry-context.tsx"],"names":["createContext","DEFAULT_DATA_SOURCE_REGISTRY","useMemo","jsx","DataSourceProvider","useContext"],"mappings":";;;;;;;AAcA,IAAM,yBAAA,GAA4BA,mBAAA;AAAA,EAChC;AAAA,IACE,QAAA,EAAUC;AAAA;AAEd,CAAA;AAqBO,SAAS,0BAAA,CAA2B;AAAA,EACzC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,KAAA,GAAQC,aAAA;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,QAAA,IAAYD,8CAAA;AAAA,MACtB,OAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,OAAA,EAAS,aAAA,EAAe,SAAS;AAAA,GAC9C;AAEA,EAAA,uBACEE,cAAA,CAAC,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,KAAA,EAClC,yCAACC,oCAAA,EAAA,EAAmB,OAAA,EAAkB,aAAA,EACnC,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAKO,SAAS,qBAAA,GAA4C;AAC1D,EAAA,OAAOC,gBAAA,CAAW,yBAAyB,CAAA,CAAE,QAAA;AAC/C;AAKO,SAAS,2BAAA,GAA8D;AAC5E,EAAA,OAAOA,iBAAW,yBAAyB,CAAA;AAC7C","file":"chunk-V7D3QUE6.cjs","sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from \"react\";\nimport type { DataSourceRegistry } from \"./types\";\nimport { DEFAULT_DATA_SOURCE_REGISTRY } from \"./registry\";\nimport { DataSourceProvider } from \"./context\";\n\ninterface DataSourceRegistryContextValue {\n  registry: DataSourceRegistry;\n  baseUrl?: string | undefined;\n  /** Get API headers function */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n}\n\nconst DataSourceRegistryContext = createContext<DataSourceRegistryContextValue>(\n  {\n    registry: DEFAULT_DATA_SOURCE_REGISTRY,\n  },\n);\n\nexport interface DataSourceRegistryProviderProps {\n  registry?: DataSourceRegistry | undefined;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n  /**\n   * Get API headers function\n   */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n  children: ReactNode;\n}\n\n/**\n * Provides data source registry and configuration to all descendants.\n * If no registry is provided, uses the default.\n * Also provides the shared DataSourceProvider from rep-core so that\n * rep-widgets hooks can access baseUrl and getApiHeaders.\n */\nexport function DataSourceRegistryProvider({\n  registry,\n  baseUrl,\n  getApiHeaders,\n  variables,\n  children,\n}: DataSourceRegistryProviderProps) {\n  const value = useMemo(\n    () => ({\n      registry: registry ?? DEFAULT_DATA_SOURCE_REGISTRY,\n      baseUrl,\n      getApiHeaders,\n      variables,\n    }),\n    [registry, baseUrl, getApiHeaders, variables],\n  );\n\n  return (\n    <DataSourceRegistryContext.Provider value={value}>\n      <DataSourceProvider baseUrl={baseUrl} getApiHeaders={getApiHeaders}>\n        {children}\n      </DataSourceProvider>\n    </DataSourceRegistryContext.Provider>\n  );\n}\n\n/**\n * Hook to access the data source registry.\n */\nexport function useDataSourceRegistry(): DataSourceRegistry {\n  return useContext(DataSourceRegistryContext).registry;\n}\n\n/**\n * Hook to access the full data source registry context (registry + config).\n */\nexport function useDataSourceRegistryConfig(): DataSourceRegistryContextValue {\n  return useContext(DataSourceRegistryContext);\n}\n"]}

package/dist/chunk-VRF7QEID.js

@@ -0,0 +1,67 @@
+// src/data-sources/fetchers/api.ts
+function getByPath(obj, path) {
+  return path.split(".").reduce((current, key) => {
+    if (current && typeof current === "object" && key in current) {
+      return current[key];
+    }
+    return void 0;
+  }, obj);
+}
+function interpolateVariables(endpoint, variables) {
+  if (!variables) return endpoint;
+  const resolved = endpoint.replace(
+    /\{(\w+)\}/g,
+    (match, key) => variables[key] ?? match
+  );
+  const unresolved = resolved.match(/\{(\w+)\}/g);
+  if (unresolved) {
+    console.warn(
+      `[DataSource] Unresolved variable placeholders in endpoint: ${unresolved.join(", ")}. Endpoint: "${endpoint}". Available variables: ${Object.keys(variables).join(", ") || "(none)"}`
+    );
+  }
+  return resolved;
+}
+function resolveEndpointUrl(endpoint, baseUrl, variables) {
+  const resolved = interpolateVariables(endpoint, variables);
+  if (resolved.startsWith("http://") || resolved.startsWith("https://")) {
+    return resolved;
+  }
+  if (baseUrl) {
+    const base = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+    const path = resolved.startsWith("/") ? resolved : `/${resolved}`;
+    return `${base}${path}`;
+  }
+  return resolved;
+}
+async function apiFetcher(source, context) {
+  const { endpoint, method = "GET", headers = {}, body } = source;
+  const mergedVariables = { ...context.variables, ...source.variables };
+  const url = resolveEndpointUrl(endpoint, context.baseUrl, mergedVariables);
+  const fetchOptions = {
+    method,
+    headers: {
+      "content-type": "application/json",
+      ...context.getApiHeaders?.(),
+      ...headers
+    },
+    signal: context.signal
+  };
+  if (body && (method === "POST" || method === "PUT")) {
+    fetchOptions.body = JSON.stringify(body);
+  }
+  const response = await fetch(url, fetchOptions);
+  if (!response.ok) {
+    throw new Error(
+      `API request failed: ${response.status} ${response.statusText}`
+    );
+  }
+  const data = await response.json();
+  if (source.resultPath) {
+    return getByPath(data, source.resultPath);
+  }
+  return data;
+}
+
+export { apiFetcher };
+//# sourceMappingURL=chunk-VRF7QEID.js.map
+//# sourceMappingURL=chunk-VRF7QEID.js.map

package/dist/chunk-VRF7QEID.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-sources/fetchers/api.ts"],"names":[],"mappings":"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","file":"chunk-VRF7QEID.js","sourcesContent":["import type { ApiDataSource, DataSourceContext } from \"../types\";\n\n/**\n * Extracts a value from an object using dot notation path\n * e.g., getByPath({ data: { items: [1,2,3] } }, 'data.items') => [1,2,3]\n */\nfunction getByPath(obj: unknown, path: string): unknown {\n  return path.split(\".\").reduce((current, key) => {\n    if (current && typeof current === \"object\" && key in current) {\n      return (current as Record<string, unknown>)[key];\n    }\n    return undefined;\n  }, obj);\n}\n\n/**\n * Replaces {variable} placeholders in an endpoint path with values from the\n * variables map. E.g., \"/reps/{rep_id}/most_shared\" with { rep_id: \"42\" }\n * becomes \"/reps/42/most_shared\".\n */\nfunction interpolateVariables(\n  endpoint: string,\n  variables?: Record<string, string>,\n): string {\n  if (!variables) return endpoint;\n  const resolved = endpoint.replace(\n    /\\{(\\w+)\\}/g,\n    (match, key: string) => variables[key] ?? match,\n  );\n  const unresolved = resolved.match(/\\{(\\w+)\\}/g);\n  if (unresolved) {\n    console.warn(\n      `[DataSource] Unresolved variable placeholders in endpoint: ${unresolved.join(\", \")}. ` +\n        `Endpoint: \"${endpoint}\". Available variables: ${Object.keys(variables).join(\", \") || \"(none)\"}`,\n    );\n  }\n  return resolved;\n}\n\n/**\n * Resolves the full URL for an endpoint.\n * - Substitutes {variable} placeholders from context variables\n * - Absolute URLs (starting with http:// or https://) are used as-is\n * - Relative paths are prefixed with the context's baseUrl\n */\nfunction resolveEndpointUrl(\n  endpoint: string,\n  baseUrl?: string,\n  variables?: Record<string, string>,\n): string {\n  const resolved = interpolateVariables(endpoint, variables);\n\n  // If endpoint is already absolute, use it directly\n  if (resolved.startsWith(\"http://\") || resolved.startsWith(\"https://\")) {\n    return resolved;\n  }\n\n  // If we have a baseUrl, prepend it to the relative endpoint\n  if (baseUrl) {\n    // Ensure proper joining (no double slashes)\n    const base = baseUrl.endsWith(\"/\") ? baseUrl.slice(0, -1) : baseUrl;\n    const path = resolved.startsWith(\"/\") ? resolved : `/${resolved}`;\n    return `${base}${path}`;\n  }\n\n  // No baseUrl provided, return endpoint as-is (will likely fail for relative paths)\n  return resolved;\n}\n\n/**\n * Default API fetcher implementation\n */\nexport async function apiFetcher(\n  source: ApiDataSource,\n  context: DataSourceContext,\n): Promise<unknown> {\n  const { endpoint, method = \"GET\", headers = {}, body } = source;\n\n  // Merge context variables with per-source variables (source overrides context)\n  const mergedVariables = { ...context.variables, ...source.variables };\n\n  // Resolve the full URL, substituting variables and using baseUrl for relative endpoints\n  const url = resolveEndpointUrl(endpoint, context.baseUrl, mergedVariables);\n\n  const fetchOptions: RequestInit = {\n    method,\n    headers: {\n      \"content-type\": \"application/json\",\n      ...context.getApiHeaders?.(),\n      ...headers,\n    },\n    signal: context.signal,\n  };\n\n  if (body && (method === \"POST\" || method === \"PUT\")) {\n    fetchOptions.body = JSON.stringify(body);\n  }\n\n  const response = await fetch(url, fetchOptions);\n\n  if (!response.ok) {\n    throw new Error(\n      `API request failed: ${response.status} ${response.statusText}`,\n    );\n  }\n\n  const data = await response.json();\n\n  // Extract data at resultPath if specified\n  if (source.resultPath) {\n    return getByPath(data, source.resultPath);\n  }\n\n  return data;\n}\n"]}

package/dist/chunk-WASVMCZB.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/data-sources/ErrorState.tsx
+function ErrorState() {
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-[120px] flex-col items-center justify-center p-6 text-center", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "Something Went Wrong" }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Please contact a company admin for help" })
+  ] });
+}
+
+export { ErrorState };
+//# sourceMappingURL=chunk-WASVMCZB.js.map
+//# sourceMappingURL=chunk-WASVMCZB.js.map

package/dist/chunk-WASVMCZB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-sources/ErrorState.tsx"],"names":[],"mappings":";;;AAAO,SAAS,UAAA,GAAa;AAC3B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yEAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,uBAAA,EAAwB,QAAA,EAAA,sBAAA,EAAoB,CAAA;AAAA,oBACzD,GAAA,CAAC,GAAA,EAAA,EAAE,SAAA,EAAU,+BAAA,EAAgC,QAAA,EAAA,yCAAA,EAE7C;AAAA,GAAA,EACF,CAAA;AAEJ","file":"chunk-WASVMCZB.js","sourcesContent":["export function ErrorState() {\n  return (\n    <div className=\"flex min-h-[120px] flex-col items-center justify-center p-6 text-center\">\n      <p className=\"text-lg font-semibold\">Something Went Wrong</p>\n      <p className=\"text-sm text-muted-foreground\">\n        Please contact a company admin for help\n      </p>\n    </div>\n  );\n}\n"]}

package/dist/chunk-WYOHFNNW.js

@@ -0,0 +1,117 @@
+// src/data-sources/fetchers/custom.ts
+var SHAREABLE_ENDPOINTS = {
+  Medium: (id) => `/company/media/${id}`,
+  Page: (id) => `/company/pages/${id}`,
+  Library: (id) => `/company/libraries/${id}`,
+  Product: (id) => `/company/v1/products/${id}`,
+  EnrollmentPack: (id) => `/enrollment_packs/${id}`
+};
+function extractResourceData(json, shareableType) {
+  const resource = json.resource;
+  if (resource) {
+    const typeKey = shareableType.toLowerCase().replace("pack", "_pack");
+    if (resource[typeKey]) {
+      return resource[typeKey];
+    }
+    if (resource.product) return resource.product;
+    if (resource.enrollment_pack)
+      return resource.enrollment_pack;
+  }
+  const directKey = shareableType.toLowerCase().replace("pack", "_pack");
+  if (json[directKey]) {
+    return json[directKey];
+  }
+  if (json.data) return json.data;
+  if (json.medium) return json.medium;
+  if (json.page) return json.page;
+  if (json.library) return json.library;
+  if (json.product) return json.product;
+  if (json.enrollment_pack)
+    return json.enrollment_pack;
+  return json;
+}
+async function fetchSingleItem(item, signal, baseUrl = "", getApiHeaders) {
+  const getEndpoint = SHAREABLE_ENDPOINTS[item.shareableType];
+  if (!getEndpoint) {
+    return {
+      item,
+      data: null,
+      error: new Error(`Unknown shareable type: ${item.shareableType}`)
+    };
+  }
+  const endpoint = `${baseUrl}${getEndpoint(item.id)}`;
+  try {
+    const response = await fetch(endpoint, {
+      method: "GET",
+      headers: {
+        ...getApiHeaders?.(),
+        "Content-Type": "application/json"
+      },
+      signal
+    });
+    if (!response.ok) {
+      return {
+        item,
+        data: null,
+        error: new Error(
+          `Failed to fetch ${item.shareableType} with ID ${item.id}: ${response.status}`
+        )
+      };
+    }
+    const json = await response.json();
+    const resourceData = extractResourceData(json, item.shareableType);
+    if (resourceData && typeof resourceData === "object") {
+      resourceData.shareable_type = item.shareableType;
+    }
+    return { item, data: resourceData };
+  } catch (error) {
+    return {
+      item,
+      data: null,
+      error: error instanceof Error ? error : new Error(
+        `Unknown error fetching ${item.shareableType} ${item.id}`
+      )
+    };
+  }
+}
+async function customFetcher(source, context) {
+  const { selectedItems } = source;
+  if (!selectedItems || selectedItems.length === 0) {
+    return [];
+  }
+  const results = await Promise.all(
+    selectedItems.map(
+      (item) => fetchSingleItem(
+        item,
+        context.signal,
+        context.baseUrl,
+        context.getApiHeaders
+      )
+    )
+  );
+  const successfulData = [];
+  const errors = [];
+  for (const result of results) {
+    if (result.error) {
+      console.warn(
+        `[CustomFetcher] Failed to fetch ${result.item.shareableType} #${result.item.id}:`,
+        result.error.message
+      );
+      errors.push(result.error);
+      continue;
+    }
+    if (result.data) {
+      successfulData.push(result.data);
+    }
+  }
+  if (successfulData.length === 0 && errors.length > 0) {
+    throw new Error(
+      `Failed to fetch all ${errors.length} item(s): ${errors[0]?.message || "Unknown error"}`
+    );
+  }
+  return successfulData;
+}
+
+export { customFetcher };
+//# sourceMappingURL=chunk-WYOHFNNW.js.map
+//# sourceMappingURL=chunk-WYOHFNNW.js.map

package/dist/chunk-WYOHFNNW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-sources/fetchers/custom.ts"],"names":[],"mappings":"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","file":"chunk-WYOHFNNW.js","sourcesContent":["import type {\n  CustomDataSource,\n  DataSourceContext,\n  SelectedItem,\n  ShareableType,\n} from \"../types\";\n\n/**\n * Individual resource endpoints for each shareable type.\n * These fetch single items by ID from the company API.\n */\nconst SHAREABLE_ENDPOINTS: Record<\n  ShareableType,\n  (id: string | number) => string\n> = {\n  Medium: (id) => `/company/media/${id}`,\n  Page: (id) => `/company/pages/${id}`,\n  Library: (id) => `/company/libraries/${id}`,\n  Product: (id) => `/company/v1/products/${id}`,\n  EnrollmentPack: (id) => `/enrollment_packs/${id}`,\n};\n\n/**\n * Extract the actual resource data from various API response structures.\n * Different endpoints wrap their data differently:\n * - Product: { status, resource: { product: {...} } }\n * - EnrollmentPack: { status, resource: { enrollment_pack: {...} } }\n * - Medium/Page/Library: Direct root or { medium: {...} }\n */\nfunction extractResourceData(\n  json: Record<string, unknown>,\n  shareableType: ShareableType,\n): Record<string, unknown> {\n  // Try nested resource structure first (Product, EnrollmentPack)\n  const resource = json.resource as Record<string, unknown> | undefined;\n  if (resource) {\n    // Check for type-specific key within resource\n    const typeKey = shareableType.toLowerCase().replace(\"pack\", \"_pack\");\n    if (resource[typeKey]) {\n      return resource[typeKey] as Record<string, unknown>;\n    }\n    // Check common keys\n    if (resource.product) return resource.product as Record<string, unknown>;\n    if (resource.enrollment_pack)\n      return resource.enrollment_pack as Record<string, unknown>;\n  }\n\n  // Try direct type key (e.g., { medium: {...} })\n  const directKey = shareableType.toLowerCase().replace(\"pack\", \"_pack\");\n  if (json[directKey]) {\n    return json[directKey] as Record<string, unknown>;\n  }\n\n  // Try common response shapes\n  if (json.data) return json.data as Record<string, unknown>;\n  if (json.medium) return json.medium as Record<string, unknown>;\n  if (json.page) return json.page as Record<string, unknown>;\n  if (json.library) return json.library as Record<string, unknown>;\n  if (json.product) return json.product as Record<string, unknown>;\n  if (json.enrollment_pack)\n    return json.enrollment_pack as Record<string, unknown>;\n\n  // Return as-is if no wrapper found (Library uses direct serialization)\n  return json;\n}\n\n/**\n * Result from fetching a single shareable item\n */\ninterface FetchResult {\n  item: SelectedItem;\n  data: unknown;\n  error?: Error;\n}\n\n/**\n * Fetch a single shareable item by ID from the individual resource endpoint.\n */\nasync function fetchSingleItem(\n  item: SelectedItem,\n  signal: AbortSignal,\n  baseUrl: string = \"\",\n  getApiHeaders?: () => Record<string, string>,\n): Promise<FetchResult> {\n  const getEndpoint = SHAREABLE_ENDPOINTS[item.shareableType];\n  if (!getEndpoint) {\n    return {\n      item,\n      data: null,\n      error: new Error(`Unknown shareable type: ${item.shareableType}`),\n    };\n  }\n\n  const endpoint = `${baseUrl}${getEndpoint(item.id)}`;\n\n  try {\n    const response = await fetch(endpoint, {\n      method: \"GET\",\n      headers: {\n        ...getApiHeaders?.(),\n        \"Content-Type\": \"application/json\",\n      },\n      signal,\n    });\n\n    if (!response.ok) {\n      return {\n        item,\n        data: null,\n        error: new Error(\n          `Failed to fetch ${item.shareableType} with ID ${item.id}: ${response.status}`,\n        ),\n      };\n    }\n\n    const json = await response.json();\n\n    // Extract the actual resource data from the response wrapper\n    const resourceData = extractResourceData(json, item.shareableType);\n\n    // Add shareable_type to the response for transformer compatibility\n    if (resourceData && typeof resourceData === \"object\") {\n      (resourceData as Record<string, unknown>).shareable_type =\n        item.shareableType;\n    }\n\n    return { item, data: resourceData };\n  } catch (error) {\n    return {\n      item,\n      data: null,\n      error:\n        error instanceof Error\n          ? error\n          : new Error(\n              `Unknown error fetching ${item.shareableType} ${item.id}`,\n            ),\n    };\n  }\n}\n\n/**\n * Custom fetcher that fetches selected items.\n *\n * Fetches items from individual resource endpoints using the configured\n * getApiHeaders for authentication.\n *\n * Fetches all items in parallel for performance.\n * Returns an array of successfully fetched items, preserving order.\n * Logs warnings for failed fetches but doesn't throw.\n */\nexport async function customFetcher(\n  source: CustomDataSource,\n  context: DataSourceContext,\n): Promise<unknown[]> {\n  const { selectedItems } = source;\n  if (!selectedItems || selectedItems.length === 0) {\n    return [];\n  }\n\n  // Fallback: fetch from individual endpoints (no auth)\n  const results = await Promise.all(\n    selectedItems.map((item) =>\n      fetchSingleItem(\n        item,\n        context.signal,\n        context.baseUrl,\n        context.getApiHeaders,\n      ),\n    ),\n  );\n\n  // Process results, collecting successful data and tracking errors\n  const successfulData: unknown[] = [];\n  const errors: Error[] = [];\n\n  for (const result of results) {\n    if (result.error) {\n      console.warn(\n        `[CustomFetcher] Failed to fetch ${result.item.shareableType} #${result.item.id}:`,\n        result.error.message,\n      );\n      errors.push(result.error);\n      continue;\n    }\n\n    if (result.data) {\n      successfulData.push(result.data);\n    }\n  }\n\n  // Throw error if all fetches failed\n  if (successfulData.length === 0 && errors.length > 0) {\n    throw new Error(\n      `Failed to fetch all ${errors.length} item(s): ${errors[0]?.message || \"Unknown error\"}`,\n    );\n  }\n\n  return successfulData;\n}\n"]}

package/dist/chunk-XCNBVV4T.js

@@ -0,0 +1,38 @@
+import { DataSourceProvider } from './chunk-3I5Y3PEO.js';
+import { DEFAULT_DATA_SOURCE_REGISTRY } from './chunk-HUR3MSO4.js';
+import { createContext, useMemo, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var DataSourceRegistryContext = createContext(
+  {
+    registry: DEFAULT_DATA_SOURCE_REGISTRY
+  }
+);
+function DataSourceRegistryProvider({
+  registry,
+  baseUrl,
+  getApiHeaders,
+  variables,
+  children
+}) {
+  const value = useMemo(
+    () => ({
+      registry: registry ?? DEFAULT_DATA_SOURCE_REGISTRY,
+      baseUrl,
+      getApiHeaders,
+      variables
+    }),
+    [registry, baseUrl, getApiHeaders, variables]
+  );
+  return /* @__PURE__ */ jsx(DataSourceRegistryContext.Provider, { value, children: /* @__PURE__ */ jsx(DataSourceProvider, { baseUrl, getApiHeaders, children }) });
+}
+function useDataSourceRegistry() {
+  return useContext(DataSourceRegistryContext).registry;
+}
+function useDataSourceRegistryConfig() {
+  return useContext(DataSourceRegistryContext);
+}
+
+export { DataSourceRegistryProvider, useDataSourceRegistry, useDataSourceRegistryConfig };
+//# sourceMappingURL=chunk-XCNBVV4T.js.map
+//# sourceMappingURL=chunk-XCNBVV4T.js.map

package/dist/chunk-XCNBVV4T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/data-sources/registry-context.tsx"],"names":[],"mappings":";;;;;AAcA,IAAM,yBAAA,GAA4B,aAAA;AAAA,EAChC;AAAA,IACE,QAAA,EAAU;AAAA;AAEd,CAAA;AAqBO,SAAS,0BAAA,CAA2B;AAAA,EACzC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAAoC;AAClC,EAAA,MAAM,KAAA,GAAQ,OAAA;AAAA,IACZ,OAAO;AAAA,MACL,UAAU,QAAA,IAAY,4BAAA;AAAA,MACtB,OAAA;AAAA,MACA,aAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,QAAA,EAAU,OAAA,EAAS,aAAA,EAAe,SAAS;AAAA,GAC9C;AAEA,EAAA,uBACE,GAAA,CAAC,yBAAA,CAA0B,QAAA,EAA1B,EAAmC,KAAA,EAClC,8BAAC,kBAAA,EAAA,EAAmB,OAAA,EAAkB,aAAA,EACnC,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAKO,SAAS,qBAAA,GAA4C;AAC1D,EAAA,OAAO,UAAA,CAAW,yBAAyB,CAAA,CAAE,QAAA;AAC/C;AAKO,SAAS,2BAAA,GAA8D;AAC5E,EAAA,OAAO,WAAW,yBAAyB,CAAA;AAC7C","file":"chunk-XCNBVV4T.js","sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from \"react\";\nimport type { DataSourceRegistry } from \"./types\";\nimport { DEFAULT_DATA_SOURCE_REGISTRY } from \"./registry\";\nimport { DataSourceProvider } from \"./context\";\n\ninterface DataSourceRegistryContextValue {\n  registry: DataSourceRegistry;\n  baseUrl?: string | undefined;\n  /** Get API headers function */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n}\n\nconst DataSourceRegistryContext = createContext<DataSourceRegistryContextValue>(\n  {\n    registry: DEFAULT_DATA_SOURCE_REGISTRY,\n  },\n);\n\nexport interface DataSourceRegistryProviderProps {\n  registry?: DataSourceRegistry | undefined;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n  /**\n   * Get API headers function\n   */\n  getApiHeaders?: (() => Record<string, string>) | undefined;\n  /** Dynamic variables for endpoint path substitution (e.g., { rep_id: \"123\" }) */\n  variables?: Record<string, string> | undefined;\n  children: ReactNode;\n}\n\n/**\n * Provides data source registry and configuration to all descendants.\n * If no registry is provided, uses the default.\n * Also provides the shared DataSourceProvider from rep-core so that\n * rep-widgets hooks can access baseUrl and getApiHeaders.\n */\nexport function DataSourceRegistryProvider({\n  registry,\n  baseUrl,\n  getApiHeaders,\n  variables,\n  children,\n}: DataSourceRegistryProviderProps) {\n  const value = useMemo(\n    () => ({\n      registry: registry ?? DEFAULT_DATA_SOURCE_REGISTRY,\n      baseUrl,\n      getApiHeaders,\n      variables,\n    }),\n    [registry, baseUrl, getApiHeaders, variables],\n  );\n\n  return (\n    <DataSourceRegistryContext.Provider value={value}>\n      <DataSourceProvider baseUrl={baseUrl} getApiHeaders={getApiHeaders}>\n        {children}\n      </DataSourceProvider>\n    </DataSourceRegistryContext.Provider>\n  );\n}\n\n/**\n * Hook to access the data source registry.\n */\nexport function useDataSourceRegistry(): DataSourceRegistry {\n  return useContext(DataSourceRegistryContext).registry;\n}\n\n/**\n * Hook to access the full data source registry context (registry + config).\n */\nexport function useDataSourceRegistryConfig(): DataSourceRegistryContextValue {\n  return useContext(DataSourceRegistryContext);\n}\n"]}

package/dist/{chunk-EWR5EIBP.js → chunk-YKF5ZFF5.js}

@@ -132,5 +132,5 @@ var SECTION_LAYOUT_CONFIG = {
 var sectionLayoutConfig = SECTION_LAYOUT_CONFIG;
 
 export { BACKGROUND_TYPES, BORDER_RADIUS_OPTIONS, BUTTON_SIZE_OPTIONS, COLOR_OPTIONS, FONT_SIZE_OPTIONS, GAP_OPTIONS, HORIZONTAL_ALIGN_OPTIONS, PADDING_VALUES, SECTION_LAYOUT_CONFIG, VERTICAL_ALIGN_OPTIONS, WIDGET_TYPE_NAMES, assertDefined, assertNever, isWidgetType, isWidgetTypeName, sectionLayoutConfig };
-//# sourceMappingURL=chunk-EWR5EIBP.js.map
-//# sourceMappingURL=chunk-EWR5EIBP.js.map
+//# sourceMappingURL=chunk-YKF5ZFF5.js.map
+//# sourceMappingURL=chunk-YKF5ZFF5.js.map

package/dist/chunk-YKF5ZFF5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/types/widget-schema.ts","../src/types/field-types.ts"],"names":[],"mappings":"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","file":"chunk-YKF5ZFF5.js","sourcesContent":["import type { ComponentType } from \"react\";\nimport type { DataSourceConfig } from \"../data-sources/types\";\n\n/**\n * Widget type names as a const object.\n * This serves as the single source of truth for widget discriminants.\n * Use `as const` for literal type inference (safety-as-const-deep-readonly rule).\n */\nexport const WIDGET_TYPE_NAMES = {\n  Alert: \"AlertWidget\",\n  Calendar: \"CalendarWidget\",\n  Carousel: \"CarouselWidget\",\n  CatchUp: \"CatchUpWidget\",\n  Chart: \"ChartWidget\",\n  Container: \"ContainerWidget\",\n  Embed: \"EmbedWidget\",\n  Image: \"ImageWidget\",\n  Layout: \"LayoutWidget\",\n  List: \"ListWidget\",\n  MySite: \"MySiteWidget\",\n  Nested: \"NestedWidget\",\n  QuickShare: \"QuickShareWidget\",\n  RecentActivity: \"RecentActivityWidget\",\n  Spacer: \"SpacerWidget\",\n  Table: \"TableWidget\",\n  Text: \"TextWidget\",\n  ToDo: \"ToDoWidget\",\n  Video: \"VideoWidget\",\n} as const;\n\n/**\n * Union of all known widget type names.\n * Derived from WIDGET_TYPE_NAMES to avoid duplication (deriving-typeof-for-object-keys rule).\n */\nexport type WidgetTypeName =\n  (typeof WIDGET_TYPE_NAMES)[keyof typeof WIDGET_TYPE_NAMES];\n\n/**\n * Legacy alias for backwards compatibility.\n * Prefer using WidgetTypeName for new code when you need the union type.\n */\nexport type WidgetType = string;\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type WidgetRegistry = Record<WidgetType, ComponentType<any>>;\n\n/**\n * Base widget schema with loose typing for runtime data.\n * Use TypedWidgetSchema<T> when you have a known registry for better type safety.\n */\nexport type WidgetSchema = {\n  readonly type: WidgetType;\n  readonly props: Readonly<Record<string, unknown>>;\n  readonly id?: string; // Optional unique identifier for drag-and-drop\n  /** Optional data source configuration for data-bound widgets */\n  readonly dataSource?: DataSourceConfig | undefined;\n  /** Column index for masonry layouts (0-indexed) */\n  readonly columnIndex?: number;\n};\n\n/**\n * Type-safe widget schema based on registry.\n * Uses discriminated unions - the `type` field serves as discriminant.\n * When narrowed (e.g., `if (widget.type === \"AlertWidget\")`),\n * TypeScript automatically knows the correct props type.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport type TypedWidgetSchema<T extends Record<string, ComponentType<any>>> = {\n  [K in keyof T]: {\n    readonly type: K;\n    readonly props: Readonly<React.ComponentProps<T[K]>>;\n    readonly id?: string;\n    readonly dataSource?: DataSourceConfig | undefined;\n    /** Column index for masonry layouts (0-indexed) */\n    readonly columnIndex?: number;\n  };\n}[keyof T];\n\n/**\n * Widget path in the tree - array of indices.\n * Readonly tuple to prevent accidental mutation.\n */\nexport type WidgetPath = readonly number[];\n\n// ============================================================================\n// Type Guards and Assertion Functions\n// ============================================================================\n\n/**\n * Type predicate to check if a string is a known widget type name.\n * Use for runtime validation of widget types.\n *\n * @example\n * if (isWidgetTypeName(widget.type)) {\n *   // TypeScript knows widget.type is WidgetTypeName\n * }\n */\nexport function isWidgetTypeName(type: string): type is WidgetTypeName {\n  // Type assertion required in type guard: Object.values() returns string[], but we\n  // need to check against WidgetTypeName values. The assertion is safe because we're\n  // checking membership, and the return type predicate ensures correct narrowing.\n  return Object.values(WIDGET_TYPE_NAMES).includes(type as WidgetTypeName);\n}\n\n/**\n * Type predicate to check if a widget has a specific type.\n * Enables type-safe widget narrowing without `as` assertions.\n *\n * @example\n * if (isWidgetType(widget, \"LayoutWidget\")) {\n *   // TypeScript knows widget.type === \"LayoutWidget\"\n *   // and widget.props is LayoutWidget props\n * }\n */\nexport function isWidgetType<T extends WidgetTypeName>(\n  widget: WidgetSchema | null | undefined,\n  typeName: T,\n): widget is WidgetSchema & { readonly type: T } {\n  return widget != null && widget.type === typeName;\n}\n\n/**\n * Helper for exhaustive switch statements on widget types.\n * Use in the default case to ensure all widget types are handled.\n *\n * @example\n * switch (widget.type) {\n *   case \"AlertWidget\": return handleAlert();\n *   case \"TextWidget\": return handleText();\n *   // ... all other widget types\n *   default: return assertNever(widget.type, \"widget type\");\n * }\n */\nexport function assertNever(value: never, context?: string): never {\n  const message = context\n    ? `Unexpected ${context}: ${String(value)}`\n    : `Unexpected value: ${String(value)}`;\n  throw new Error(message);\n}\n\n/**\n * Assertion function that throws if value is undefined.\n * Narrows the type to exclude undefined.\n *\n * @example\n * const widget = screen[0];\n * assertDefined(widget, \"widget at index 0\");\n * // TypeScript knows widget is defined here\n */\nexport function assertDefined<T>(\n  value: T | undefined | null,\n  name?: string,\n): asserts value is T {\n  if (value == null) {\n    throw new Error(name ? `${name} is required` : \"Value is required\");\n  }\n}\n","import type { ShareableItem } from \"./shareable-item\";\n\n// ============================================================================\n// Color Options - Derive type from constant for single source of truth\n// ============================================================================\n\n/**\n * Color options constant - single source of truth for color values.\n * Use COLOR_OPTIONS.primary instead of \"primary\" for type-safe comparisons.\n */\nexport const COLOR_OPTIONS = {\n  background: \"background\",\n  foreground: \"foreground\",\n  primary: \"primary\",\n  secondary: \"secondary\",\n  accent: \"accent\",\n  muted: \"muted\",\n  destructive: \"destructive\",\n} as const;\n\n/**\n * Union type of all color options, derived from COLOR_OPTIONS constant.\n * @see deriving-typeof-for-object-keys pattern\n */\nexport type ColorOptions = (typeof COLOR_OPTIONS)[keyof typeof COLOR_OPTIONS];\n\n// ============================================================================\n// Size Options - Derive types from constants for single source of truth\n// ============================================================================\n\nexport const FONT_SIZE_OPTIONS = {\n  \"2xl\": \"2xl\",\n  xl: \"xl\",\n  lg: \"lg\",\n  md: \"md\",\n  sm: \"sm\",\n  xs: \"xs\",\n} as const;\n\nexport type FontSizeOptions =\n  (typeof FONT_SIZE_OPTIONS)[keyof typeof FONT_SIZE_OPTIONS];\n\nexport const BORDER_RADIUS_OPTIONS = {\n  none: \"none\",\n  sm: \"sm\",\n  md: \"md\",\n  lg: \"lg\",\n  xl: \"xl\",\n  full: \"full\",\n} as const;\n\nexport type BorderRadiusOptions =\n  (typeof BORDER_RADIUS_OPTIONS)[keyof typeof BORDER_RADIUS_OPTIONS];\n\n/** Padding values - numeric, so we use a tuple for derivation */\nexport const PADDING_VALUES = [0, 2, 4, 6, 8, 10] as const;\nexport type PaddingOptions = (typeof PADDING_VALUES)[number];\n\nexport const BUTTON_SIZE_OPTIONS = {\n  sm: \"sm\",\n  default: \"default\",\n  lg: \"lg\",\n  xl: \"xl\",\n} as const;\n\nexport type ButtonSizeOptions =\n  (typeof BUTTON_SIZE_OPTIONS)[keyof typeof BUTTON_SIZE_OPTIONS];\n\nexport const GAP_OPTIONS = {\n  none: \"none\",\n  xs: \"xs\",\n  sm: \"sm\",\n  md: \"md\",\n  lg: \"lg\",\n  xl: \"xl\",\n} as const;\n\nexport type GapOptions = (typeof GAP_OPTIONS)[keyof typeof GAP_OPTIONS];\n\n// ============================================================================\n// Alignment Options - Derive from constants\n// ============================================================================\n\nexport const VERTICAL_ALIGN_OPTIONS = {\n  top: \"top\",\n  center: \"center\",\n  bottom: \"bottom\",\n} as const;\n\nexport type VerticalAlign =\n  (typeof VERTICAL_ALIGN_OPTIONS)[keyof typeof VERTICAL_ALIGN_OPTIONS];\n\nexport const HORIZONTAL_ALIGN_OPTIONS = {\n  left: \"left\",\n  center: \"center\",\n  right: \"right\",\n} as const;\n\nexport type HorizontalAlign =\n  (typeof HORIZONTAL_ALIGN_OPTIONS)[keyof typeof HORIZONTAL_ALIGN_OPTIONS];\n\nexport type AlignOptions = {\n  vertical?: VerticalAlign;\n  horizontal?: HorizontalAlign;\n};\n\n// ============================================================================\n// Background Options - Derive from constant\n// ============================================================================\n\nexport const BACKGROUND_TYPES = {\n  solid: \"solid\",\n  image: \"image\",\n} as const;\n\nexport type BackgroundType =\n  (typeof BACKGROUND_TYPES)[keyof typeof BACKGROUND_TYPES];\nexport interface BackgroundValue {\n  type: BackgroundType;\n  color?: ColorOptions;\n  resource?: ShareableItem;\n}\n\n// ============================================================================\n// Section Layout - Derive type from config keys (single source of truth)\n// ============================================================================\n\n/**\n * Section layout configuration - single source of truth for layout types.\n * SectionLayoutType is derived from these keys to prevent drift.\n */\nexport const SECTION_LAYOUT_CONFIG = {\n  \"single-column\": { columns: 1, widths: [\"1fr\"], gridClasses: \"\" },\n  \"2c-equal\": {\n    columns: 2,\n    widths: [\"1fr\", \"1fr\"],\n    gridClasses: \"@md:grid-cols-2\",\n  },\n  \"2c-left-wider\": {\n    columns: 2,\n    widths: [\"2fr\", \"1fr\"],\n    gridClasses: \"@md:grid-cols-[2fr_1fr]\",\n  },\n  \"2c-right-wider\": {\n    columns: 2,\n    widths: [\"1fr\", \"2fr\"],\n    gridClasses: \"@md:grid-cols-[1fr_2fr]\",\n  },\n  \"2c-left-narrow\": {\n    columns: 2,\n    widths: [\"1fr\", \"3fr\"],\n    gridClasses: \"@md:grid-cols-[1fr_3fr]\",\n  },\n  \"2c-right-narrow\": {\n    columns: 2,\n    widths: [\"3fr\", \"1fr\"],\n    gridClasses: \"@md:grid-cols-[3fr_1fr]\",\n  },\n  \"3c-equal\": {\n    columns: 3,\n    widths: [\"1fr\", \"1fr\", \"1fr\"],\n    gridClasses: \"@md:grid-cols-3\",\n  },\n  \"3c-middle-wider\": {\n    columns: 3,\n    widths: [\"1fr\", \"2fr\", \"1fr\"],\n    gridClasses: \"@md:grid-cols-[1fr_2fr_1fr]\",\n  },\n} as const satisfies Record<\n  string,\n  {\n    readonly columns: number;\n    readonly widths: readonly string[];\n    readonly gridClasses: string;\n  }\n>;\n\n/**\n * Union type of all section layout types, derived from SECTION_LAYOUT_CONFIG keys.\n * @see deriving-typeof-for-object-keys pattern\n */\nexport type SectionLayoutType = keyof typeof SECTION_LAYOUT_CONFIG;\n\n/** @deprecated Use SECTION_LAYOUT_CONFIG instead */\nexport const sectionLayoutConfig = SECTION_LAYOUT_CONFIG;\n"]}

package/dist/chunk-YXJMBVXO.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/shell/ThemeModeContext.tsx
+var ThemeModeContext = react.createContext(null);
+var darkMediaQuery = typeof window !== "undefined" ? window.matchMedia("(prefers-color-scheme: dark)") : null;
+function subscribeToPrefersColorScheme(callback) {
+  darkMediaQuery?.addEventListener("change", callback);
+  return () => darkMediaQuery?.removeEventListener("change", callback);
+}
+function getSystemPrefersDark() {
+  return darkMediaQuery?.matches ?? false;
+}
+function getServerSnapshot() {
+  return false;
+}
+function ThemeModeProvider({
+  children,
+  mode,
+  onModeChange,
+  autoModeEnabled = true
+}) {
+  const systemPrefersDark = react.useSyncExternalStore(
+    subscribeToPrefersColorScheme,
+    getSystemPrefersDark,
+    getServerSnapshot
+  );
+  const systemMode = systemPrefersDark ? "dark" : "light";
+  const displayMode = mode === "auto" ? systemMode : mode;
+  const cycleMode = react.useCallback(() => {
+    if (autoModeEnabled) {
+      const target = displayMode === "light" ? "dark" : "light";
+      onModeChange(target === systemMode ? "auto" : target);
+    } else {
+      onModeChange(mode === "light" ? "dark" : "light");
+    }
+  }, [mode, displayMode, systemMode, onModeChange, autoModeEnabled]);
+  const dataAttribute = getThemeModeAttribute(mode);
+  const value = react.useMemo(
+    () => ({
+      mode,
+      displayMode,
+      setMode: onModeChange,
+      autoModeEnabled,
+      cycleMode,
+      dataAttribute
+    }),
+    [
+      mode,
+      displayMode,
+      onModeChange,
+      autoModeEnabled,
+      cycleMode,
+      dataAttribute
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeModeContext.Provider, { value, children });
+}
+function useThemeMode() {
+  const ctx = react.useContext(ThemeModeContext);
+  if (!ctx) {
+    throw new Error("useThemeMode must be used within a ThemeModeProvider");
+  }
+  return ctx;
+}
+function getThemeModeAttribute(mode) {
+  return mode === "auto" ? void 0 : mode;
+}
+
+exports.ThemeModeProvider = ThemeModeProvider;
+exports.getThemeModeAttribute = getThemeModeAttribute;
+exports.useThemeMode = useThemeMode;
+//# sourceMappingURL=chunk-YXJMBVXO.cjs.map
+//# sourceMappingURL=chunk-YXJMBVXO.cjs.map

package/dist/chunk-YXJMBVXO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/shell/ThemeModeContext.tsx"],"names":["createContext","useSyncExternalStore","useCallback","useMemo","jsx","useContext"],"mappings":";;;;;;AAwBA,IAAM,gBAAA,GAAmBA,oBAA4C,IAAI,CAAA;AAEzE,IAAM,iBACJ,OAAO,MAAA,KAAW,cACd,MAAA,CAAO,UAAA,CAAW,8BAA8B,CAAA,GAChD,IAAA;AAEN,SAAS,8BAA8B,QAAA,EAAsB;AAC3D,EAAA,cAAA,EAAgB,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACnD,EAAA,OAAO,MAAM,cAAA,EAAgB,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AACrE;AAEA,SAAS,oBAAA,GAAgC;AACvC,EAAA,OAAO,gBAAgB,OAAA,IAAW,KAAA;AACpC;AAEA,SAAS,iBAAA,GAA6B;AACpC,EAAA,OAAO,KAAA;AACT;AAUO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,eAAA,GAAkB;AACpB,CAAA,EAA2B;AACzB,EAAA,MAAM,iBAAA,GAAoBC,0BAAA;AAAA,IACxB,6BAAA;AAAA,IACA,oBAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,UAAA,GAA0B,oBAAoB,MAAA,GAAS,OAAA;AAE7D,EAAA,MAAM,WAAA,GAA2B,IAAA,KAAS,MAAA,GAAS,UAAA,GAAa,IAAA;AAEhE,EAAA,MAAM,SAAA,GAAYC,kBAAY,MAAM;AAClC,IAAA,IAAI,eAAA,EAAiB;AAEnB,MAAA,MAAM,MAAA,GAAsB,WAAA,KAAgB,OAAA,GAAU,MAAA,GAAS,OAAA;AAC/D,MAAA,YAAA,CAAa,MAAA,KAAW,UAAA,GAAa,MAAA,GAAS,MAAM,CAAA;AAAA,IACtD,CAAA,MAAO;AAEL,MAAA,YAAA,CAAa,IAAA,KAAS,OAAA,GAAU,MAAA,GAAS,OAAO,CAAA;AAAA,IAClD;AAAA,EACF,GAAG,CAAC,IAAA,EAAM,aAAa,UAAA,EAAY,YAAA,EAAc,eAAe,CAAC,CAAA;AAEjE,EAAA,MAAM,aAAA,GAAgB,sBAAsB,IAAI,CAAA;AAEhD,EAAA,MAAM,KAAA,GAAQC,aAAA;AAAA,IACZ,OAAO;AAAA,MACL,IAAA;AAAA,MACA,WAAA;AAAA,MACA,OAAA,EAAS,YAAA;AAAA,MACT,eAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA;AAAA,MACE,IAAA;AAAA,MACA,WAAA;AAAA,MACA,YAAA;AAAA,MACA,eAAA;AAAA,MACA,SAAA;AAAA,MACA;AAAA;AACF,GACF;AAEA,EAAA,uBACEC,cAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,OACxB,QAAA,EACH,CAAA;AAEJ;AAGO,SAAS,YAAA,GAAsC;AACpD,EAAA,MAAM,GAAA,GAAMC,iBAAW,gBAAgB,CAAA;AACvC,EAAA,IAAI,CAAC,GAAA,EAAK;AACR,IAAA,MAAM,IAAI,MAAM,sDAAsD,CAAA;AAAA,EACxE;AACA,EAAA,OAAO,GAAA;AACT;AAGO,SAAS,sBAAsB,IAAA,EAAqC;AACzE,EAAA,OAAO,IAAA,KAAS,SAAS,MAAA,GAAY,IAAA;AACvC","file":"chunk-YXJMBVXO.cjs","sourcesContent":["\"use client\";\n\nimport {\n  createContext,\n  useContext,\n  useCallback,\n  useMemo,\n  useSyncExternalStore,\n  type ReactNode,\n} from \"react\";\n\nexport type ThemeMode = \"auto\" | \"light\" | \"dark\";\n\nexport type DisplayMode = \"light\" | \"dark\";\n\nexport interface ThemeModeContextValue {\n  mode: ThemeMode;\n  displayMode: DisplayMode;\n  setMode: (mode: ThemeMode) => void;\n  autoModeEnabled: boolean;\n  cycleMode: () => void;\n  dataAttribute: string | undefined;\n}\n\nconst ThemeModeContext = createContext<ThemeModeContextValue | null>(null);\n\nconst darkMediaQuery =\n  typeof window !== \"undefined\"\n    ? window.matchMedia(\"(prefers-color-scheme: dark)\")\n    : null;\n\nfunction subscribeToPrefersColorScheme(callback: () => void) {\n  darkMediaQuery?.addEventListener(\"change\", callback);\n  return () => darkMediaQuery?.removeEventListener(\"change\", callback);\n}\n\nfunction getSystemPrefersDark(): boolean {\n  return darkMediaQuery?.matches ?? false;\n}\n\nfunction getServerSnapshot(): boolean {\n  return false;\n}\n\ninterface ThemeModeProviderProps {\n  children: ReactNode;\n  mode: ThemeMode;\n  onModeChange: (mode: ThemeMode) => void;\n  /** When false, auto mode is skipped in the cycle (light↔dark only). Default true. */\n  autoModeEnabled?: boolean;\n}\n\nexport function ThemeModeProvider({\n  children,\n  mode,\n  onModeChange,\n  autoModeEnabled = true,\n}: ThemeModeProviderProps) {\n  const systemPrefersDark = useSyncExternalStore(\n    subscribeToPrefersColorScheme,\n    getSystemPrefersDark,\n    getServerSnapshot,\n  );\n\n  const systemMode: DisplayMode = systemPrefersDark ? \"dark\" : \"light\";\n\n  const displayMode: DisplayMode = mode === \"auto\" ? systemMode : mode;\n\n  const cycleMode = useCallback(() => {\n    if (autoModeEnabled) {\n      // Toggle displayed mode. If target matches system preference, use \"auto\".\n      const target: DisplayMode = displayMode === \"light\" ? \"dark\" : \"light\";\n      onModeChange(target === systemMode ? \"auto\" : target);\n    } else {\n      // light ↔ dark\n      onModeChange(mode === \"light\" ? \"dark\" : \"light\");\n    }\n  }, [mode, displayMode, systemMode, onModeChange, autoModeEnabled]);\n\n  const dataAttribute = getThemeModeAttribute(mode);\n\n  const value = useMemo(\n    () => ({\n      mode,\n      displayMode,\n      setMode: onModeChange,\n      autoModeEnabled,\n      cycleMode,\n      dataAttribute,\n    }),\n    [\n      mode,\n      displayMode,\n      onModeChange,\n      autoModeEnabled,\n      cycleMode,\n      dataAttribute,\n    ],\n  );\n\n  return (\n    <ThemeModeContext.Provider value={value}>\n      {children}\n    </ThemeModeContext.Provider>\n  );\n}\n\n/** Access the current theme mode, setter, and cycle helper. Must be used within a `ThemeModeProvider`. */\nexport function useThemeMode(): ThemeModeContextValue {\n  const ctx = useContext(ThemeModeContext);\n  if (!ctx) {\n    throw new Error(\"useThemeMode must be used within a ThemeModeProvider\");\n  }\n  return ctx;\n}\n\n/** Maps a ThemeMode to the value for `data-theme-mode`. Returns undefined for \"auto\". */\nexport function getThemeModeAttribute(mode: ThemeMode): string | undefined {\n  return mode === \"auto\" ? undefined : mode;\n}\n"]}

package/dist/data-sources/DataAwareWidget.cjs

@@ -0,0 +1,59 @@
+'use strict';
+
+var chunkOWU7MFJ2_cjs = require('../chunk-OWU7MFJ2.cjs');
+var chunkESYAYVNK_cjs = require('../chunk-ESYAYVNK.cjs');
+require('../chunk-V7D3QUE6.cjs');
+require('../chunk-SJQPHJL4.cjs');
+require('../chunk-LVLNO2YQ.cjs');
+require('../chunk-46PUWB7C.cjs');
+require('../chunk-HGVSPZEL.cjs');
+require('../chunk-N2K6W7FX.cjs');
+require('../chunk-2SIG55BD.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var EMPTY_OBJECT = {};
+function DataAwareWidgetImpl({
+  widget,
+  Component,
+  additionalProps,
+  loadingComponent,
+  errorComponent,
+  baseUrl
+}) {
+  const stableAdditionalProps = additionalProps ?? EMPTY_OBJECT;
+  const { data, isLoading, error } = chunkESYAYVNK_cjs.useWidgetData(widget, { baseUrl });
+  const mergedProps = react.useMemo(
+    () => ({
+      ...widget.props,
+      ...data,
+      ...stableAdditionalProps
+    }),
+    [widget.props, data, stableAdditionalProps]
+  );
+  if (isLoading && widget.dataSource?.loading?.showSkeleton !== false) {
+    if (loadingComponent) {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: loadingComponent });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: "animate-pulse rounded-md bg-muted",
+        style: { minHeight: 100 },
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Loading..." })
+      }
+    );
+  }
+  if (error && !data) {
+    if (errorComponent) {
+      return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: errorComponent(error) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkOWU7MFJ2_cjs.ErrorState, {});
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...mergedProps });
+}
+var DataAwareWidget = react.memo(DataAwareWidgetImpl);
+
+exports.DataAwareWidget = DataAwareWidget;
+//# sourceMappingURL=DataAwareWidget.cjs.map
+//# sourceMappingURL=DataAwareWidget.cjs.map

package/dist/data-sources/DataAwareWidget.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/data-sources/DataAwareWidget.tsx"],"names":["useWidgetData","useMemo","jsx","Fragment","ErrorState","memo"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAM,eAAwC,EAAC;AAM/C,SAAS,mBAAA,CAAoB;AAAA,EAC3B,MAAA;AAAA,EACA,SAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAA,EAAyB;AAEvB,EAAA,MAAM,wBAAwB,eAAA,IAAmB,YAAA;AACjD,EAAA,MAAM,EAAE,MAAM,SAAA,EAAW,KAAA,KAAUA,+BAAA,CAAc,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAA;AAMpE,EAAA,MAAM,WAAA,GAAcC,aAAA;AAAA,IAClB,OAAO;AAAA,MACL,GAAG,MAAA,CAAO,KAAA;AAAA,MACV,GAAG,IAAA;AAAA,MACH,GAAG;AAAA,KACL,CAAA;AAAA,IACA,CAAC,MAAA,CAAO,KAAA,EAAO,IAAA,EAAM,qBAAqB;AAAA,GAC5C;AAGA,EAAA,IAAI,SAAA,IAAa,MAAA,CAAO,UAAA,EAAY,OAAA,EAAS,iBAAiB,KAAA,EAAO;AACnE,IAAA,IAAI,gBAAA,EAAkB;AACpB,MAAA,6DAAU,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,IAC7B;AAEA,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,mCAAA;AAAA,QACV,KAAA,EAAO,EAAE,SAAA,EAAW,GAAA,EAAI;AAAA,QAExB,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,QAAA,EAAA,YAAA,EAAU;AAAA;AAAA,KACtC;AAAA,EAEJ;AAGA,EAAA,IAAI,KAAA,IAAS,CAAC,IAAA,EAAM;AAClB,IAAA,IAAI,cAAA,EAAgB;AAClB,MAAA,uBAAOA,cAAA,CAAAC,mBAAA,EAAA,EAAG,QAAA,EAAA,cAAA,CAAe,KAAK,CAAA,EAAE,CAAA;AAAA,IAClC;AAEA,IAAA,sCAAQC,4BAAA,EAAA,EAAW,CAAA;AAAA,EACrB;AAEA,EAAA,uBAAOF,cAAA,CAAC,SAAA,EAAA,EAAW,GAAG,WAAA,EAAa,CAAA;AACrC;AAMO,IAAM,eAAA,GAAkBG,WAAK,mBAAmB","file":"DataAwareWidget.cjs","sourcesContent":["import { memo, useMemo, type ComponentType, type ReactNode } from \"react\";\nimport type { WidgetSchema } from \"../types/widget-schema\";\nimport { useWidgetData } from \"./use-widget-data\";\nimport { ErrorState } from \"./ErrorState\";\n\nexport interface DataAwareWidgetProps {\n  widget: WidgetSchema;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  Component: ComponentType<any>;\n  /** Additional props to pass through (e.g., edit mode callbacks) */\n  additionalProps?: Record<string, unknown>;\n  /** Custom loading component */\n  loadingComponent?: ReactNode;\n  /** Custom error component */\n  errorComponent?: (error: Error) => ReactNode;\n  /** Base URL for API calls (e.g., \"https://api.fluid.app/api\") */\n  baseUrl?: string | undefined;\n}\n\n// Empty object constant to avoid creating new references\nconst EMPTY_OBJECT: Record<string, unknown> = {};\n\n/**\n * Wrapper component that resolves data sources before rendering the widget.\n * Merges resolved data with static props.\n */\nfunction DataAwareWidgetImpl({\n  widget,\n  Component,\n  additionalProps,\n  loadingComponent,\n  errorComponent,\n  baseUrl,\n}: DataAwareWidgetProps) {\n  // Use stable empty object if no additionalProps provided\n  const stableAdditionalProps = additionalProps ?? EMPTY_OBJECT;\n  const { data, isLoading, error } = useWidgetData(widget, { baseUrl });\n\n  // Merge static props with resolved data\n  // Data takes precedence (allows overriding defaults)\n  // Memoized to prevent unnecessary child re-renders\n  // Note: Must be called before any early returns to satisfy Rules of Hooks\n  const mergedProps = useMemo(\n    () => ({\n      ...widget.props,\n      ...data,\n      ...stableAdditionalProps,\n    }),\n    [widget.props, data, stableAdditionalProps],\n  );\n\n  // Show loading state\n  if (isLoading && widget.dataSource?.loading?.showSkeleton !== false) {\n    if (loadingComponent) {\n      return <>{loadingComponent}</>;\n    }\n    // Default skeleton - can be customized\n    return (\n      <div\n        className=\"animate-pulse rounded-md bg-muted\"\n        style={{ minHeight: 100 }}\n      >\n        <span className=\"sr-only\">Loading...</span>\n      </div>\n    );\n  }\n\n  // Show error state (if no fallback was applied)\n  if (error && !data) {\n    if (errorComponent) {\n      return <>{errorComponent(error)}</>;\n    }\n    // Default error display\n    return <ErrorState />;\n  }\n\n  return <Component {...mergedProps} />;\n}\n\n/**\n * Memoized wrapper component that resolves data sources before rendering the widget.\n * Prevents re-renders when parent re-renders but props haven't changed.\n */\nexport const DataAwareWidget = memo(DataAwareWidgetImpl);\n"]}

package/dist/data-sources/DataAwareWidget.d.cts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { ComponentType, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { W as WidgetSchema } from '../widget-schema-36uGUTWL.cjs';
+import './types.cjs';
+
+interface DataAwareWidgetProps {
+    widget: WidgetSchema;
+    Component: ComponentType<any>;
+    /** Additional props to pass through (e.g., edit mode callbacks) */
+    additionalProps?: Record<string, unknown>;
+    /** Custom loading component */
+    loadingComponent?: ReactNode;
+    /** Custom error component */
+    errorComponent?: (error: Error) => ReactNode;
+    /** Base URL for API calls (e.g., "https://api.fluid.app/api") */
+    baseUrl?: string | undefined;
+}
+/**
+ * Wrapper component that resolves data sources before rendering the widget.
+ * Merges resolved data with static props.
+ */
+declare function DataAwareWidgetImpl({ widget, Component, additionalProps, loadingComponent, errorComponent, baseUrl, }: DataAwareWidgetProps): react_jsx_runtime.JSX.Element;
+/**
+ * Memoized wrapper component that resolves data sources before rendering the widget.
+ * Prevents re-renders when parent re-renders but props haven't changed.
+ */
+declare const DataAwareWidget: React.MemoExoticComponent<typeof DataAwareWidgetImpl>;
+
+export { DataAwareWidget, type DataAwareWidgetProps };

package/dist/data-sources/DataAwareWidget.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { ComponentType, ReactNode } from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { W as WidgetSchema } from '../widget-schema-DxdlJD8E.js';
+import './types.js';
+
+interface DataAwareWidgetProps {
+    widget: WidgetSchema;
+    Component: ComponentType<any>;
+    /** Additional props to pass through (e.g., edit mode callbacks) */
+    additionalProps?: Record<string, unknown>;
+    /** Custom loading component */
+    loadingComponent?: ReactNode;
+    /** Custom error component */
+    errorComponent?: (error: Error) => ReactNode;
+    /** Base URL for API calls (e.g., "https://api.fluid.app/api") */
+    baseUrl?: string | undefined;
+}
+/**
+ * Wrapper component that resolves data sources before rendering the widget.
+ * Merges resolved data with static props.
+ */
+declare function DataAwareWidgetImpl({ widget, Component, additionalProps, loadingComponent, errorComponent, baseUrl, }: DataAwareWidgetProps): react_jsx_runtime.JSX.Element;
+/**
+ * Memoized wrapper component that resolves data sources before rendering the widget.
+ * Prevents re-renders when parent re-renders but props haven't changed.
+ */
+declare const DataAwareWidget: React.MemoExoticComponent<typeof DataAwareWidgetImpl>;
+
+export { DataAwareWidget, type DataAwareWidgetProps };