@fusedio/widget-sdk 0.1.0 → 0.2.0

package/dist/hooks/use-json-ui-udf-info.js

@@ -1,4 +1,7 @@
-import { useJsonUiNode } from "../bridge";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useJsonUiUdfInfo = useJsonUiUdfInfo;
+const bridge_1 = require("../bridge");
 /**
  * Returns the identity of the current canvas node.
  *
@@ -18,6 +21,6 @@ import { useJsonUiNode } from "../bridge";
  * const { udfName } = useJsonUiUdfInfo();
  * console.log("I am node:", udfName);
  */
-export function useJsonUiUdfInfo() {
-    return useJsonUiNode();
+function useJsonUiUdfInfo() {
+    return (0, bridge_1.useJsonUiNode)();
 }

package/dist/hooks/use-param-substitution.js

@@ -1,3 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useParamSubstitution = useParamSubstitution;
 /**
  * Reactively resolve `$param` and `{{udf}}` placeholders in a template.
  *
@@ -7,10 +10,10 @@
  * delegate to `bridge.template.render` so the host can use its rich UDF
  * machinery. The SDK orchestrates state, cancellation, and re-runs.
  */
-import { useEffect, useMemo, useRef, useState, useSyncExternalStore, useCallback, } from "react";
-import { useFusedWidgetBridge } from "../bridge";
-import { useFormParams } from "../form";
-import { useCanvasParams } from "./use-canvas-params";
+const react_1 = require("react");
+const bridge_1 = require("../bridge");
+const form_1 = require("../form");
+const use_canvas_params_1 = require("./use-canvas-params");
 const PARAM_TOKEN_RE = /\$([a-zA-Z_][a-zA-Z0-9_]*)/g;
 const UDF_PLACEHOLDER_RE = /\{\{[\s\S]*?\}\}/;
 // Mirrors `parseInlineUdfPlaceholders` for the purpose of finding which UDF
@@ -37,17 +40,17 @@ const UDF_NAME_EXTRACT_RE = /\{\{\s*([A-Za-z_][A-Za-z0-9_]*)\b/g;
  *   { preserveMissingParams: true }
  * );
  */
-export function useParamSubstitution(template, options = {}) {
+function useParamSubstitution(template, options = {}) {
     const safeTemplate = template ?? "";
     const preserveMissingParams = options.preserveMissingParams ?? false;
-    const bridge = useFusedWidgetBridge();
-    const paramNames = useMemo(() => extractParamNames(safeTemplate), [safeTemplate]);
-    const canvasValues = useCanvasParams(paramNames);
-    const { inForm, values: formValues } = useFormParams(paramNames);
-    const paramValues = useMemo(() => (inForm ? { ...canvasValues, ...formValues } : canvasValues), [canvasValues, formValues, inForm]);
-    const hasUdfRefs = useMemo(() => UDF_PLACEHOLDER_RE.test(safeTemplate), [safeTemplate]);
+    const bridge = (0, bridge_1.useFusedWidgetBridge)();
+    const paramNames = (0, react_1.useMemo)(() => extractParamNames(safeTemplate), [safeTemplate]);
+    const canvasValues = (0, use_canvas_params_1.useCanvasParams)(paramNames);
+    const { inForm, values: formValues } = (0, form_1.useFormParams)(paramNames);
+    const paramValues = (0, react_1.useMemo)(() => (inForm ? { ...canvasValues, ...formValues } : canvasValues), [canvasValues, formValues, inForm]);
+    const hasUdfRefs = (0, react_1.useMemo)(() => UDF_PLACEHOLDER_RE.test(safeTemplate), [safeTemplate]);
     // ── Fast path: no UDF refs ─────────────────────────────────────────────
-    const pureParamValue = useMemo(() => {
+    const pureParamValue = (0, react_1.useMemo)(() => {
         if (hasUdfRefs)
             return "";
         return substituteParams(safeTemplate, paramValues, preserveMissingParams);
@@ -56,7 +59,7 @@ export function useParamSubstitution(template, options = {}) {
     // Extract referenced UDF names so we can subscribe to their outputs.
     // When any of them re-executes we bump a tick and the effect below
     // re-runs `bridge.template.render` with fresh data.
-    const referencedUdfNames = useMemo(() => {
+    const referencedUdfNames = (0, react_1.useMemo)(() => {
         if (!hasUdfRefs)
             return [];
         const seen = new Set();
@@ -74,10 +77,10 @@ export function useParamSubstitution(template, options = {}) {
     // Subscribe to host re-render triggers (UDF outputs + topology) so that
     // the async render re-runs when an upstream UDF re-executes or edges shift.
     const templateChangeKey = useTemplateBridgeChangeKey(bridge, referencedUdfNames);
-    const [resolved, setResolved] = useState(() => ({ key: "", value: "" }));
-    const [loading, setLoading] = useState(false);
+    const [resolved, setResolved] = (0, react_1.useState)(() => ({ key: "", value: "" }));
+    const [loading, setLoading] = (0, react_1.useState)(false);
     // Render key includes template + paramValues + the host change ticker.
-    const renderKey = useMemo(() => {
+    const renderKey = (0, react_1.useMemo)(() => {
         return JSON.stringify({
             template: safeTemplate,
             paramValues,
@@ -85,7 +88,7 @@ export function useParamSubstitution(template, options = {}) {
             tick: templateChangeKey,
         });
     }, [safeTemplate, paramValues, preserveMissingParams, templateChangeKey]);
-    useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (!hasUdfRefs) {
             setLoading(false);
             return;
@@ -124,7 +127,7 @@ export function useParamSubstitution(template, options = {}) {
         preserveMissingParams,
         renderKey,
     ]);
-    const value = useMemo(() => {
+    const value = (0, react_1.useMemo)(() => {
         if (!hasUdfRefs)
             return pureParamValue;
         if (resolved.key === renderKey)
@@ -187,9 +190,9 @@ function stringifyParamValue(value) {
  * changes whenever a re-render could produce a different result.
  */
 function useTemplateBridgeChangeKey(bridge, referencedUdfNames) {
-    const tickRef = useRef(0);
+    const tickRef = (0, react_1.useRef)(0);
     const namesKey = referencedUdfNames.slice().sort().join("|");
-    const subscribe = useCallback((cb) => {
+    const subscribe = (0, react_1.useCallback)((cb) => {
         const fire = () => {
             tickRef.current += 1;
             cb();
@@ -202,6 +205,6 @@ function useTemplateBridgeChangeKey(bridge, referencedUdfNames) {
     }, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [bridge, namesKey]);
-    const getSnapshot = useCallback(() => tickRef.current, []);
-    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+    const getSnapshot = (0, react_1.useCallback)(() => tickRef.current, []);
+    return (0, react_1.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 }

package/dist/hooks/use-udf-output.js

@@ -1,5 +1,14 @@
-import { useCallback, useEffect, useMemo, useRef, useState, useSyncExternalStore, } from "react";
-import { useFusedWidgetBridge } from "../bridge";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUdfOutputByName = useUdfOutputByName;
+exports.useRequestUdfReexecute = useRequestUdfReexecute;
+exports.isUdfQuery = isUdfQuery;
+exports.parseUdfColumnQuery = parseUdfColumnQuery;
+exports.useUdfDataFrameSample = useUdfDataFrameSample;
+exports.useUdfColumnValues = useUdfColumnValues;
+exports.useUdfColumnValue = useUdfColumnValue;
+const react_1 = require("react");
+const bridge_1 = require("../bridge");
 /**
  * Subscribe to a UDF's output by name. Returns the current `UdfOutputSnapshot`
  * (data + execution status + optional error + VFS filename) or `undefined`
@@ -14,15 +23,15 @@ import { useFusedWidgetBridge } from "../bridge";
  * if (out.isExecutionInProgress) return <div>Loading…</div>;
  * if (out.error) return <div>Error: {out.error}</div>;
  */
-export function useUdfOutputByName(udfName) {
-    const bridge = useFusedWidgetBridge();
-    const subscribe = useCallback((cb) => {
+function useUdfOutputByName(udfName) {
+    const bridge = (0, bridge_1.useFusedWidgetBridge)();
+    const subscribe = (0, react_1.useCallback)((cb) => {
         if (!udfName)
             return () => { };
         return bridge.udfs.subscribeOutput(udfName, cb);
     }, [bridge, udfName]);
-    const snapshotRef = useRef(undefined);
-    const getSnapshot = useCallback(() => {
+    const snapshotRef = (0, react_1.useRef)(undefined);
+    const getSnapshot = (0, react_1.useCallback)(() => {
         if (!udfName)
             return undefined;
         const next = bridge.udfs.getOutputSnapshot(udfName);
@@ -32,15 +41,15 @@ export function useUdfOutputByName(udfName) {
         snapshotRef.current = next;
         return next;
     }, [bridge, udfName]);
-    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+    return (0, react_1.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
 }
 /**
  * Request the workbench to re-execute a named UDF (e.g. after the user
  * clicks a "Refresh" button). No-op in test harnesses without re-execution.
  */
-export function useRequestUdfReexecute() {
-    const bridge = useFusedWidgetBridge();
-    return useCallback((udfName) => bridge.udfs.requestReexecute(udfName), [bridge]);
+function useRequestUdfReexecute() {
+    const bridge = (0, bridge_1.useFusedWidgetBridge)();
+    return (0, react_1.useCallback)((udfName) => bridge.udfs.requestReexecute(udfName), [bridge]);
 }
 function snapshotsEqual(a, b) {
     if (a === b)
@@ -64,7 +73,7 @@ const UDF_QUERY_REGEX = /^\{\{(\w+)\.(\w+)(?:\[(\d+)\])?\}\}$/;
  * isUdfQuery("{{my_udf.city[0]}}") // true
  * isUdfQuery("not a query")        // false
  */
-export function isUdfQuery(query) {
+function isUdfQuery(query) {
     if (!query || typeof query !== "string")
         return false;
     return UDF_QUERY_REGEX.test(query);
@@ -76,7 +85,7 @@ export function isUdfQuery(query) {
  * parseUdfColumnQuery("{{my_udf.city}}")    // { udfName: "my_udf", columnName: "city" }
  * parseUdfColumnQuery("{{my_udf.city[0]}}") // { ..., index: 0 }
  */
-export function parseUdfColumnQuery(query) {
+function parseUdfColumnQuery(query) {
     if (!isUdfQuery(query))
         return null;
     const match = query.match(UDF_QUERY_REGEX);
@@ -96,12 +105,12 @@ function isDataSourceLike(value) {
  * column names. Used by dropdowns and galleries that populate options
  * from UDF data.
  */
-export function useUdfDataFrameSample({ udfName, sampleSize = 200, }) {
+function useUdfDataFrameSample({ udfName, sampleSize = 200, }) {
     const snapshot = useUdfOutputByName(udfName);
     const reexecute = useRequestUdfReexecute();
-    const [rows, setRows] = useState([]);
-    const [columns, setColumns] = useState([]);
-    useEffect(() => {
+    const [rows, setRows] = (0, react_1.useState)([]);
+    const [columns, setColumns] = (0, react_1.useState)([]);
+    (0, react_1.useEffect)(() => {
         let cancelled = false;
         const data = snapshot?.data;
         if (!data || !isDataSourceLike(data)) {
@@ -139,7 +148,7 @@ export function useUdfDataFrameSample({ udfName, sampleSize = 200, }) {
             cancelled = true;
         };
     }, [snapshot?.data, sampleSize]);
-    const requestReexecute = useCallback(() => {
+    const requestReexecute = (0, react_1.useCallback)(() => {
         if (udfName)
             reexecute(udfName);
     }, [reexecute, udfName]);
@@ -159,14 +168,14 @@ export function useUdfDataFrameSample({ udfName, sampleSize = 200, }) {
  * const { values, loading } = useUdfColumnValues("{{my_udf.city}}");
  * // values = ["NYC", "LA", "SF", ...]
  */
-export function useUdfColumnValues(query, sampleSize = 200) {
+function useUdfColumnValues(query, sampleSize = 200) {
     const isValid = isUdfQuery(query);
-    const parsed = useMemo(() => (isValid ? parseUdfColumnQuery(query) : null), [isValid, query]);
+    const parsed = (0, react_1.useMemo)(() => (isValid ? parseUdfColumnQuery(query) : null), [isValid, query]);
     const { rows, loading } = useUdfDataFrameSample({
         udfName: parsed?.udfName,
         sampleSize,
     });
-    const values = useMemo(() => {
+    const values = (0, react_1.useMemo)(() => {
         if (!parsed || !parsed.columnName)
             return [];
         return rows
@@ -182,14 +191,14 @@ export function useUdfColumnValues(query, sampleSize = 200) {
  * const { value, loading } = useUdfColumnValue("{{my_udf.city[0]}}");
  * // value = "NYC"
  */
-export function useUdfColumnValue(query, sampleSize = 200) {
+function useUdfColumnValue(query, sampleSize = 200) {
     const isValid = isUdfQuery(query);
-    const parsed = useMemo(() => (isValid ? parseUdfColumnQuery(query) : null), [isValid, query]);
+    const parsed = (0, react_1.useMemo)(() => (isValid ? parseUdfColumnQuery(query) : null), [isValid, query]);
     const { rows, loading } = useUdfDataFrameSample({
         udfName: parsed?.udfName,
         sampleSize,
     });
-    const value = useMemo(() => {
+    const value = (0, react_1.useMemo)(() => {
         if (!parsed || !parsed.columnName || parsed.index === undefined)
             return null;
         const row = rows[parsed.index];

package/dist/hooks/use-upload-access-check.js

@@ -1,5 +1,8 @@
-import { useEffect, useState } from "react";
-import { useFusedWidgetBridge } from "../bridge";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUploadAccessCheck = useUploadAccessCheck;
+const react_1 = require("react");
+const bridge_1 = require("../bridge");
 /**
  * Check whether the current user has write access to a destination path
  * (S3, GCS, etc.). Used by the `file-upload` widget to surface a clear
@@ -8,10 +11,10 @@ import { useFusedWidgetBridge } from "../bridge";
  * Returns a state machine value `{ status: "idle" | "checking" | "allowed" |
  * "denied" }` that you can branch on directly in render.
  */
-export function useUploadAccessCheck(destinationPath, enabled) {
-    const bridge = useFusedWidgetBridge();
-    const [state, setState] = useState({ status: "idle" });
-    useEffect(() => {
+function useUploadAccessCheck(destinationPath, enabled) {
+    const bridge = (0, bridge_1.useFusedWidgetBridge)();
+    const [state, setState] = (0, react_1.useState)({ status: "idle" });
+    (0, react_1.useEffect)(() => {
         if (!enabled || !destinationPath?.trim()) {
             setState({ status: "idle" });
             return;

package/dist/hooks/use-url-signing.js

@@ -1,10 +1,15 @@
-import { useCallback, useEffect, useState } from "react";
-import { useFusedWidgetBridge } from "../bridge";
-import { useParamSubstitution } from "./use-param-substitution";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SIGNED_URL_SCHEMES = void 0;
+exports.useUrlSigning = useUrlSigning;
+exports.useMediaSrc = useMediaSrc;
+const react_1 = require("react");
+const bridge_1 = require("../bridge");
+const use_param_substitution_1 = require("./use-param-substitution");
 /** URL schemes that require signing before fetch. */
-export const SIGNED_URL_SCHEMES = ["s3://", "gs://", "fd://"];
+exports.SIGNED_URL_SCHEMES = ["s3://", "gs://", "fd://"];
 function needsSigning(url) {
-    return SIGNED_URL_SCHEMES.some((scheme) => url.startsWith(scheme));
+    return exports.SIGNED_URL_SCHEMES.some((scheme) => url.startsWith(scheme));
 }
 /**
  * Manual URL signing — returns a stable `signUrl` callback you can call
@@ -18,9 +23,9 @@ function needsSigning(url) {
  *   window.location.href = signed;
  * };
  */
-export function useUrlSigning() {
-    const bridge = useFusedWidgetBridge();
-    const signUrl = useCallback((url) => bridge.signUrl(url), [bridge]);
+function useUrlSigning() {
+    const bridge = (0, bridge_1.useFusedWidgetBridge)();
+    const signUrl = (0, react_1.useCallback)((url) => bridge.signUrl(url), [bridge]);
     return { signUrl };
 }
 /**
@@ -33,14 +38,14 @@ export function useUrlSigning() {
  * if (error) return <div>Failed: {error}</div>;
  * return <img src={src ?? ""} alt="" />;
  */
-export function useMediaSrc(srcInput) {
-    const bridge = useFusedWidgetBridge();
-    const { value: resolvedSrc, loading: paramLoading } = useParamSubstitution(srcInput);
-    const [displaySrc, setDisplaySrc] = useState(null);
-    const [error, setError] = useState(null);
-    const [signing, setSigning] = useState(false);
-    const [refreshNonce, setRefreshNonce] = useState(0);
-    useEffect(() => {
+function useMediaSrc(srcInput) {
+    const bridge = (0, bridge_1.useFusedWidgetBridge)();
+    const { value: resolvedSrc, loading: paramLoading } = (0, use_param_substitution_1.useParamSubstitution)(srcInput);
+    const [displaySrc, setDisplaySrc] = (0, react_1.useState)(null);
+    const [error, setError] = (0, react_1.useState)(null);
+    const [signing, setSigning] = (0, react_1.useState)(false);
+    const [refreshNonce, setRefreshNonce] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
         if (paramLoading)
             return;
         if (!resolvedSrc) {
@@ -79,7 +84,7 @@ export function useMediaSrc(srcInput) {
             cancelled = true;
         };
     }, [bridge, paramLoading, resolvedSrc, refreshNonce]);
-    const refreshSignedUrl = useCallback(async () => {
+    const refreshSignedUrl = (0, react_1.useCallback)(async () => {
         if (!resolvedSrc || !needsSigning(resolvedSrc)) {
             return resolvedSrc ?? null;
         }

package/dist/index.d.ts

@@ -21,15 +21,18 @@ export * from "./types";
 export { defineComponent, type CatalogComponentDefinition, } from "./define-component";
 export { defineCatalog, type CatalogDefinition, type CatalogDefinitionBase, type CatalogDefinitionWithSkill, } from "./define-catalog";
 export { useFusedParam } from "./hooks/use-fused-param";
+export { useFusedParamWithForm } from "./hooks/use-fused-param-with-form";
 export { useCanvasParams } from "./hooks/use-canvas-params";
 export { useAllowedSources } from "./hooks/use-allowed-sources";
 export { useAllowedUdfNames } from "./hooks/use-allowed-udf-names";
 export { useParamSubstitution } from "./hooks/use-param-substitution";
 export { useUdfOutputByName, useRequestUdfReexecute, useUdfDataFrameSample, useUdfColumnValue, useUdfColumnValues, isUdfQuery, parseUdfColumnQuery, type ParsedUdfQuery, type UseUdfDataFrameSampleOptions, type UseUdfDataFrameSampleResult, type UseUdfColumnValueResult, type UseUdfColumnValuesResult, } from "./hooks/use-udf-output";
 export { useDuckDbSqlQuery, useDuckDbSqlQueryPreprocessing, useVfsRegistration, type UseDuckDbSqlQueryOptions, type UseDuckDbSqlQueryResult, type UseDuckDbSqlQueryPreprocessingResult, } from "./hooks/use-duckdb-sql";
+export { SqlSourceOverrideContext, useSqlSourceOverrides, type SqlSourceOverride, type SqlSourceOverrideMap, } from "./hooks/sql-source-overrides";
 export { useUrlSigning, useMediaSrc, SIGNED_URL_SCHEMES, type UseMediaSrcResult, } from "./hooks/use-url-signing";
 export { useUploadAccessCheck, type UploadAccessState, } from "./hooks/use-upload-access-check";
 export { useJsonUiLog, useJsonUiLogs, useJsonUiLogClear, } from "./hooks/use-json-ui-log";
 export { useJsonUiUdfInfo } from "./hooks/use-json-ui-udf-info";
 export { useJsonUiEdgeAnimation } from "./hooks/use-json-ui-edge-animation";
 export * from "./utils/sql-placeholders";
+export { parseStyle } from "./utils/parse-style";

package/dist/index.js

@@ -1,3 +1,4 @@
+"use strict";
 /**
  * @fusedio/widget-sdk — public surface.
  *
@@ -14,27 +15,76 @@
  * Catalog components depend only on these hooks and types. They do not need
  * to know about Jotai, BroadcastChannel internals, or the workbench source.
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseStyle = exports.useJsonUiEdgeAnimation = exports.useJsonUiUdfInfo = exports.useJsonUiLogClear = exports.useJsonUiLogs = exports.useJsonUiLog = exports.useUploadAccessCheck = exports.SIGNED_URL_SCHEMES = exports.useMediaSrc = exports.useUrlSigning = exports.useSqlSourceOverrides = exports.SqlSourceOverrideContext = exports.useVfsRegistration = exports.useDuckDbSqlQueryPreprocessing = exports.useDuckDbSqlQuery = exports.parseUdfColumnQuery = exports.isUdfQuery = exports.useUdfColumnValues = exports.useUdfColumnValue = exports.useUdfDataFrameSample = exports.useRequestUdfReexecute = exports.useUdfOutputByName = exports.useParamSubstitution = exports.useAllowedUdfNames = exports.useAllowedSources = exports.useCanvasParams = exports.useFusedParamWithForm = exports.useFusedParam = exports.defineCatalog = exports.defineComponent = void 0;
 // ── Part 1: Provider contract ────────────────────────────────────────────────
-export * from "./protocol";
-export * from "./bridge";
-export * from "./form";
+__exportStar(require("./protocol"), exports);
+__exportStar(require("./bridge"), exports);
+__exportStar(require("./form"), exports);
 // ── Part 2: Hook types ───────────────────────────────────────────────────────
-export * from "./types";
+__exportStar(require("./types"), exports);
 // ── Part 3: Catalog component registration ───────────────────────────────────
-export { defineComponent, } from "./define-component";
-export { defineCatalog, } from "./define-catalog";
+var define_component_1 = require("./define-component");
+Object.defineProperty(exports, "defineComponent", { enumerable: true, get: function () { return define_component_1.defineComponent; } });
+var define_catalog_1 = require("./define-catalog");
+Object.defineProperty(exports, "defineCatalog", { enumerable: true, get: function () { return define_catalog_1.defineCatalog; } });
 // ── Part 2: Hooks ────────────────────────────────────────────────────────────
-export { useFusedParam } from "./hooks/use-fused-param";
-export { useCanvasParams } from "./hooks/use-canvas-params";
-export { useAllowedSources } from "./hooks/use-allowed-sources";
-export { useAllowedUdfNames } from "./hooks/use-allowed-udf-names";
-export { useParamSubstitution } from "./hooks/use-param-substitution";
-export { useUdfOutputByName, useRequestUdfReexecute, useUdfDataFrameSample, useUdfColumnValue, useUdfColumnValues, isUdfQuery, parseUdfColumnQuery, } from "./hooks/use-udf-output";
-export { useDuckDbSqlQuery, useDuckDbSqlQueryPreprocessing, useVfsRegistration, } from "./hooks/use-duckdb-sql";
-export { useUrlSigning, useMediaSrc, SIGNED_URL_SCHEMES, } from "./hooks/use-url-signing";
-export { useUploadAccessCheck, } from "./hooks/use-upload-access-check";
-export { useJsonUiLog, useJsonUiLogs, useJsonUiLogClear, } from "./hooks/use-json-ui-log";
-export { useJsonUiUdfInfo } from "./hooks/use-json-ui-udf-info";
-export { useJsonUiEdgeAnimation } from "./hooks/use-json-ui-edge-animation";
+var use_fused_param_1 = require("./hooks/use-fused-param");
+Object.defineProperty(exports, "useFusedParam", { enumerable: true, get: function () { return use_fused_param_1.useFusedParam; } });
+var use_fused_param_with_form_1 = require("./hooks/use-fused-param-with-form");
+Object.defineProperty(exports, "useFusedParamWithForm", { enumerable: true, get: function () { return use_fused_param_with_form_1.useFusedParamWithForm; } });
+var use_canvas_params_1 = require("./hooks/use-canvas-params");
+Object.defineProperty(exports, "useCanvasParams", { enumerable: true, get: function () { return use_canvas_params_1.useCanvasParams; } });
+var use_allowed_sources_1 = require("./hooks/use-allowed-sources");
+Object.defineProperty(exports, "useAllowedSources", { enumerable: true, get: function () { return use_allowed_sources_1.useAllowedSources; } });
+var use_allowed_udf_names_1 = require("./hooks/use-allowed-udf-names");
+Object.defineProperty(exports, "useAllowedUdfNames", { enumerable: true, get: function () { return use_allowed_udf_names_1.useAllowedUdfNames; } });
+var use_param_substitution_1 = require("./hooks/use-param-substitution");
+Object.defineProperty(exports, "useParamSubstitution", { enumerable: true, get: function () { return use_param_substitution_1.useParamSubstitution; } });
+var use_udf_output_1 = require("./hooks/use-udf-output");
+Object.defineProperty(exports, "useUdfOutputByName", { enumerable: true, get: function () { return use_udf_output_1.useUdfOutputByName; } });
+Object.defineProperty(exports, "useRequestUdfReexecute", { enumerable: true, get: function () { return use_udf_output_1.useRequestUdfReexecute; } });
+Object.defineProperty(exports, "useUdfDataFrameSample", { enumerable: true, get: function () { return use_udf_output_1.useUdfDataFrameSample; } });
+Object.defineProperty(exports, "useUdfColumnValue", { enumerable: true, get: function () { return use_udf_output_1.useUdfColumnValue; } });
+Object.defineProperty(exports, "useUdfColumnValues", { enumerable: true, get: function () { return use_udf_output_1.useUdfColumnValues; } });
+Object.defineProperty(exports, "isUdfQuery", { enumerable: true, get: function () { return use_udf_output_1.isUdfQuery; } });
+Object.defineProperty(exports, "parseUdfColumnQuery", { enumerable: true, get: function () { return use_udf_output_1.parseUdfColumnQuery; } });
+var use_duckdb_sql_1 = require("./hooks/use-duckdb-sql");
+Object.defineProperty(exports, "useDuckDbSqlQuery", { enumerable: true, get: function () { return use_duckdb_sql_1.useDuckDbSqlQuery; } });
+Object.defineProperty(exports, "useDuckDbSqlQueryPreprocessing", { enumerable: true, get: function () { return use_duckdb_sql_1.useDuckDbSqlQueryPreprocessing; } });
+Object.defineProperty(exports, "useVfsRegistration", { enumerable: true, get: function () { return use_duckdb_sql_1.useVfsRegistration; } });
+var sql_source_overrides_1 = require("./hooks/sql-source-overrides");
+Object.defineProperty(exports, "SqlSourceOverrideContext", { enumerable: true, get: function () { return sql_source_overrides_1.SqlSourceOverrideContext; } });
+Object.defineProperty(exports, "useSqlSourceOverrides", { enumerable: true, get: function () { return sql_source_overrides_1.useSqlSourceOverrides; } });
+var use_url_signing_1 = require("./hooks/use-url-signing");
+Object.defineProperty(exports, "useUrlSigning", { enumerable: true, get: function () { return use_url_signing_1.useUrlSigning; } });
+Object.defineProperty(exports, "useMediaSrc", { enumerable: true, get: function () { return use_url_signing_1.useMediaSrc; } });
+Object.defineProperty(exports, "SIGNED_URL_SCHEMES", { enumerable: true, get: function () { return use_url_signing_1.SIGNED_URL_SCHEMES; } });
+var use_upload_access_check_1 = require("./hooks/use-upload-access-check");
+Object.defineProperty(exports, "useUploadAccessCheck", { enumerable: true, get: function () { return use_upload_access_check_1.useUploadAccessCheck; } });
+var use_json_ui_log_1 = require("./hooks/use-json-ui-log");
+Object.defineProperty(exports, "useJsonUiLog", { enumerable: true, get: function () { return use_json_ui_log_1.useJsonUiLog; } });
+Object.defineProperty(exports, "useJsonUiLogs", { enumerable: true, get: function () { return use_json_ui_log_1.useJsonUiLogs; } });
+Object.defineProperty(exports, "useJsonUiLogClear", { enumerable: true, get: function () { return use_json_ui_log_1.useJsonUiLogClear; } });
+var use_json_ui_udf_info_1 = require("./hooks/use-json-ui-udf-info");
+Object.defineProperty(exports, "useJsonUiUdfInfo", { enumerable: true, get: function () { return use_json_ui_udf_info_1.useJsonUiUdfInfo; } });
+var use_json_ui_edge_animation_1 = require("./hooks/use-json-ui-edge-animation");
+Object.defineProperty(exports, "useJsonUiEdgeAnimation", { enumerable: true, get: function () { return use_json_ui_edge_animation_1.useJsonUiEdgeAnimation; } });
 // ── Pure utilities (re-exported for advanced workbench paths) ────────────────
-export * from "./utils/sql-placeholders";
+__exportStar(require("./utils/sql-placeholders"), exports);
+var parse_style_1 = require("./utils/parse-style");
+Object.defineProperty(exports, "parseStyle", { enumerable: true, get: function () { return parse_style_1.parseStyle; } });

package/dist/protocol.js

@@ -1,10 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ParameterMessageType = exports.PARAMETER_BROADCAST_CHANNEL = void 0;
+exports.isStandardMessage = isStandardMessage;
 /**
  * The Fused workbench listens on this BroadcastChannel for parameter updates
  * from all components — both built-in and 3rd-party catalogs. The channel name
  * is part of the public protocol; do not change it without coordinating with
  * the workbench listener and all in-the-wild catalogs.
  */
-export const PARAMETER_BROADCAST_CHANNEL = "parameter-updates";
+exports.PARAMETER_BROADCAST_CHANNEL = "parameter-updates";
 /**
  * Discriminator for parameter messages on the BroadcastChannel.
  *
@@ -13,15 +17,15 @@ export const PARAMETER_BROADCAST_CHANNEL = "parameter-updates";
  * - `VIEWPORT` — map viewport bounds: `{ west, south, east, north }`
  * - `CLEAR`    — clear a parameter for this source (value will be `null`)
  */
-export var ParameterMessageType;
+var ParameterMessageType;
 (function (ParameterMessageType) {
     ParameterMessageType["PARAM"] = "param";
     ParameterMessageType["RANGE"] = "range";
     ParameterMessageType["VIEWPORT"] = "viewport";
     ParameterMessageType["CLEAR"] = "clear";
-})(ParameterMessageType || (ParameterMessageType = {}));
+})(ParameterMessageType || (exports.ParameterMessageType = ParameterMessageType = {}));
 /** Type guard that verifies an unknown object is a valid StandardMessage. */
-export function isStandardMessage(msg) {
+function isStandardMessage(msg) {
     if (typeof msg !== "object" || msg === null)
         return false;
     const m = msg;

package/dist/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/utils/parse-style.d.ts

@@ -0,0 +1,9 @@
+import type { CSSProperties } from "react";
+/**
+ * Parses a plain CSS string into a React CSSProperties object.
+ * e.g. "color: red; font-size: 16px" → { color: "red", fontSize: "16px" }
+ *
+ * Pure — no bridge, no context. Used by every json-ui component that accepts
+ * a `style` string prop, across all hosts (workbench, MCP, test harness).
+ */
+export declare function parseStyle(style: string | undefined): CSSProperties;

package/dist/utils/parse-style.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseStyle = parseStyle;
+/**
+ * Parses a plain CSS string into a React CSSProperties object.
+ * e.g. "color: red; font-size: 16px" → { color: "red", fontSize: "16px" }
+ *
+ * Pure — no bridge, no context. Used by every json-ui component that accepts
+ * a `style` string prop, across all hosts (workbench, MCP, test harness).
+ */
+function parseStyle(style) {
+    if (!style)
+        return {};
+    const result = {};
+    for (const declaration of style.split(";")) {
+        const colonIdx = declaration.indexOf(":");
+        if (colonIdx === -1)
+            continue;
+        const property = declaration.slice(0, colonIdx).trim();
+        const value = declaration.slice(colonIdx + 1).trim();
+        if (!property || !value)
+            continue;
+        const camelCase = property.replace(/-([a-z])/g, (_, l) => l.toUpperCase());
+        result[camelCase] = value;
+    }
+    return result;
+}