@contractspec/lib.example-shared-ui 6.0.17 → 6.0.18

package/dist/browser/MarkdownView.js

@@ -1,213 +1 @@
-// src/lib/runtime-context.tsx
-import { createContext, useContext } from "react";
-"use client";
-var TEMPLATE_RUNTIME_CONTEXT_KEY = Symbol.for("@contractspec/lib.example-shared-ui/template-runtime-context");
-function getTemplateRuntimeContextSingleton() {
-  const store = globalThis;
-  store[TEMPLATE_RUNTIME_CONTEXT_KEY] ??= createContext(null);
-  return store[TEMPLATE_RUNTIME_CONTEXT_KEY];
-}
-var TemplateRuntimeContext = getTemplateRuntimeContextSingleton();
-function useTemplateRuntime() {
-  const context = useContext(TemplateRuntimeContext);
-  if (!context) {
-    throw new Error("useTemplateRuntime must be used within a TemplateRuntimeProvider");
-  }
-  return context;
-}
-
-// src/markdown/formatPresentationName.ts
-function formatPresentationName(name) {
-  const parts = name.split(".");
-  const lastPart = parts[parts.length - 1] ?? name;
-  return lastPart.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
-}
-
-// src/markdown/useMarkdownPresentation.ts
-import { useCallback, useEffect, useState } from "react";
-"use client";
-function useMarkdownPresentation({
-  engine,
-  fetchData,
-  presentationId,
-  presentations,
-  resolvePresentation,
-  templateId
-}) {
-  const [selectedPresentation, setSelectedPresentation] = useState("");
-  const [markdownContent, setMarkdownContent] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState(null);
-  useEffect(() => {
-    if (presentationId && presentations.includes(presentationId)) {
-      setSelectedPresentation(presentationId);
-      return;
-    }
-    if (presentations.length === 0) {
-      setSelectedPresentation("");
-      return;
-    }
-    if (!presentations.includes(selectedPresentation)) {
-      setSelectedPresentation(presentations[0] ?? "");
-    }
-  }, [presentationId, presentations, selectedPresentation, templateId]);
-  const renderMarkdown = useCallback(async () => {
-    if (!selectedPresentation || !engine)
-      return;
-    setLoading(true);
-    setError(null);
-    try {
-      if (!resolvePresentation) {
-        throw new Error("resolvePresentation not available in runtime context");
-      }
-      const descriptor = resolvePresentation(selectedPresentation);
-      if (!descriptor) {
-        throw new Error(`Presentation descriptor not found: ${selectedPresentation}`);
-      }
-      const dataResult = await fetchData(selectedPresentation);
-      const result = await engine.render("markdown", descriptor, { data: dataResult.data });
-      setMarkdownContent(result.body);
-    } catch (err) {
-      setError(err instanceof Error ? err : new Error("Failed to render markdown"));
-    } finally {
-      setLoading(false);
-    }
-  }, [engine, fetchData, resolvePresentation, selectedPresentation]);
-  useEffect(() => {
-    renderMarkdown();
-  }, [renderMarkdown]);
-  return {
-    error,
-    loading,
-    markdownContent,
-    renderMarkdown,
-    selectedPresentation,
-    setSelectedPresentation
-  };
-}
-
-// src/MarkdownView.tsx
-import {
-  Button,
-  ErrorState,
-  LoaderBlock,
-  MarkdownRenderer
-} from "@contractspec/lib.design-system";
-import { Badge } from "@contractspec/lib.ui-kit-web/ui/badge";
-import { Card } from "@contractspec/lib.ui-kit-web/ui/card";
-import { useCallback as useCallback2 } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function MarkdownView({
-  templateId: propTemplateId,
-  presentationId,
-  className
-}) {
-  const {
-    engine,
-    template,
-    templateId: contextTemplateId,
-    resolvePresentation,
-    fetchData
-  } = useTemplateRuntime();
-  const templateId = propTemplateId ?? contextTemplateId;
-  const presentations = template?.presentations ?? [];
-  const {
-    error,
-    loading,
-    markdownContent,
-    renderMarkdown,
-    selectedPresentation,
-    setSelectedPresentation
-  } = useMarkdownPresentation({
-    engine,
-    fetchData,
-    presentationId,
-    presentations,
-    resolvePresentation,
-    templateId
-  });
-  if (!presentations.length) {
-    return /* @__PURE__ */ jsxDEV(Card, {
-      className,
-      children: /* @__PURE__ */ jsxDEV("div", {
-        className: "p-6 text-center",
-        children: /* @__PURE__ */ jsxDEV("p", {
-          className: "text-muted-foreground",
-          children: "No presentations available for this template."
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
-  }
-  const handleCopy = useCallback2(() => {
-    if (markdownContent) {
-      navigator.clipboard.writeText(markdownContent);
-    }
-  }, [markdownContent]);
-  return /* @__PURE__ */ jsxDEV("div", {
-    className,
-    children: [
-      /* @__PURE__ */ jsxDEV("div", {
-        className: "mb-4 flex flex-wrap items-center gap-2",
-        children: [
-          /* @__PURE__ */ jsxDEV("span", {
-            className: "font-medium text-muted-foreground text-sm",
-            children: "Presentation:"
-          }, undefined, false, undefined, this),
-          presentations.map((name) => /* @__PURE__ */ jsxDEV(Button, {
-            variant: selectedPresentation === name ? "default" : "outline",
-            size: "sm",
-            onPress: () => setSelectedPresentation(name),
-            children: formatPresentationName(name)
-          }, name, false, undefined, this)),
-          /* @__PURE__ */ jsxDEV("div", {
-            className: "ml-auto flex items-center gap-2",
-            children: [
-              /* @__PURE__ */ jsxDEV(Badge, {
-                variant: "secondary",
-                children: "LLM-friendly"
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV(Button, {
-                variant: "outline",
-                size: "sm",
-                onPress: handleCopy,
-                disabled: !markdownContent || loading,
-                children: "Copy"
-              }, undefined, false, undefined, this)
-            ]
-          }, undefined, true, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV(Card, {
-        className: "overflow-hidden",
-        children: [
-          loading && /* @__PURE__ */ jsxDEV(LoaderBlock, {
-            label: "Rendering markdown..."
-          }, undefined, false, undefined, this),
-          error && /* @__PURE__ */ jsxDEV(ErrorState, {
-            title: "Render failed",
-            description: error.message,
-            onRetry: renderMarkdown,
-            retryLabel: "Retry"
-          }, undefined, false, undefined, this),
-          !loading && !error && markdownContent && /* @__PURE__ */ jsxDEV("div", {
-            className: "p-6",
-            children: /* @__PURE__ */ jsxDEV(MarkdownRenderer, {
-              content: markdownContent
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          !loading && !error && !markdownContent && /* @__PURE__ */ jsxDEV("div", {
-            className: "p-6 text-center",
-            children: /* @__PURE__ */ jsxDEV("p", {
-              className: "text-muted-foreground",
-              children: "Select a presentation to view its markdown output."
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-export {
-  MarkdownView
-};
+import{createContext as z,useContext as E}from"react";var v=Symbol.for("@contractspec/lib.example-shared-ui/template-runtime-context");function G(){let r=globalThis;return r[v]??=z(null),r[v]}var H=G();function U(){let r=E(H);if(!r)throw Error("useTemplateRuntime must be used within a TemplateRuntimeProvider");return r}function M(r){let c=r.split(".");return(c[c.length-1]??r).split("-").map((n)=>n.charAt(0).toUpperCase()+n.slice(1)).join(" ")}import{useCallback as J,useEffect as O,useState as y}from"react";function F({engine:r,fetchData:c,presentationId:s,presentations:n,resolvePresentation:g,templateId:p}){let[i,u]=y(""),[h,d]=y(""),[l,e]=y(!1),[o,P]=y(null);O(()=>{if(s&&n.includes(s)){u(s);return}if(n.length===0){u("");return}if(!n.includes(i))u(n[0]??"")},[s,n,i,p]);let w=J(async()=>{if(!i||!r)return;e(!0),P(null);try{if(!g)throw Error("resolvePresentation not available in runtime context");let f=g(i);if(!f)throw Error(`Presentation descriptor not found: ${i}`);let k=await c(i),a=await r.render("markdown",f,{data:k.data});d(a.body)}catch(f){P(f instanceof Error?f:Error("Failed to render markdown"))}finally{e(!1)}},[r,c,g,i]);return O(()=>{w()},[w]),{error:o,loading:l,markdownContent:h,renderMarkdown:w,selectedPresentation:i,setSelectedPresentation:u}}import{Button as $,ErrorState as Q,LoaderBlock as S,MarkdownRenderer as V}from"@contractspec/lib.design-system";import{Badge as W}from"@contractspec/lib.ui-kit-web/ui/badge";import{Card as q}from"@contractspec/lib.ui-kit-web/ui/card";import{useCallback as Z}from"react";import{jsx as t,jsxs as b}from"react/jsx-runtime";function C({templateId:r,presentationId:c,className:s}){let{engine:n,template:g,templateId:p,resolvePresentation:i,fetchData:u}=U(),h=r??p,d=g?.presentations??[],{error:l,loading:e,markdownContent:o,renderMarkdown:P,selectedPresentation:w,setSelectedPresentation:f}=F({engine:n,fetchData:u,presentationId:c,presentations:d,resolvePresentation:i,templateId:h});if(!d.length)return t(q,{className:s,children:t("div",{className:"p-6 text-center",children:t("p",{className:"text-muted-foreground",children:"No presentations available for this template."})})});let k=Z(()=>{if(o)navigator.clipboard.writeText(o)},[o]);return b("div",{className:s,children:[b("div",{className:"mb-4 flex flex-wrap items-center gap-2",children:[t("span",{className:"font-medium text-muted-foreground text-sm",children:"Presentation:"}),d.map((a)=>t($,{variant:w===a?"default":"outline",size:"sm",onPress:()=>f(a),children:M(a)},a)),b("div",{className:"ml-auto flex items-center gap-2",children:[t(W,{variant:"secondary",children:"LLM-friendly"}),t($,{variant:"outline",size:"sm",onPress:k,disabled:!o||e,children:"Copy"})]})]}),b(q,{className:"overflow-hidden",children:[e&&t(S,{label:"Rendering markdown..."}),l&&t(Q,{title:"Render failed",description:l.message,onRetry:P,retryLabel:"Retry"}),!e&&!l&&o&&t("div",{className:"p-6",children:t(V,{content:o})}),!e&&!l&&!o&&t("div",{className:"p-6 text-center",children:t("p",{className:"text-muted-foreground",children:"Select a presentation to view its markdown output."})})]})]})}export{C as MarkdownView};

package/dist/browser/OverlayContextProvider.js

@@ -1,202 +1 @@
-// src/OverlayContextProvider.tsx
-import * as React from "react";
-import { useContext, useMemo } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-var OverlayContext = React.createContext(null);
-function OverlayContextProvider({
-  templateId,
-  role = "user",
-  device = "desktop",
-  children
-}) {
-  const overlays = useMemo(() => getTemplateOverlays(templateId, role), [templateId, role]);
-  const activeOverlays = useMemo(() => {
-    return overlays.filter((overlay) => {
-      const conditions = overlay.conditions;
-      if (!conditions)
-        return true;
-      if (conditions.role && !conditions.role.includes(role)) {
-        return false;
-      }
-      if (conditions.device && conditions.device !== "any" && conditions.device !== device) {
-        return false;
-      }
-      return true;
-    });
-  }, [overlays, role, device]);
-  const overlayMap = useMemo(() => {
-    const map = new Map;
-    for (const overlay of activeOverlays) {
-      map.set(overlay.target, overlay);
-    }
-    return map;
-  }, [activeOverlays]);
-  const applyOverlay = useMemo(() => (path, target) => {
-    const overlay = overlayMap.get(path);
-    if (!overlay)
-      return target;
-    let result = { ...target };
-    for (const mod of overlay.modifications) {
-      switch (mod.op) {
-        case "hide":
-          result = { ...result, hidden: true };
-          break;
-        case "relabel":
-          result = { ...result, label: mod.label };
-          break;
-        case "reorder":
-          result = { ...result, position: mod.position };
-          break;
-        case "restyle":
-          result = {
-            ...result,
-            className: mod.className,
-            variant: mod.variant
-          };
-          break;
-        case "set-default":
-          result = { ...result, defaultValue: mod.value };
-          break;
-      }
-    }
-    return result;
-  }, [overlayMap]);
-  const isHidden = useMemo(() => (path) => {
-    const overlay = overlayMap.get(path);
-    return overlay?.modifications.some((m) => m.op === "hide") ?? false;
-  }, [overlayMap]);
-  const getLabel = useMemo(() => (path, defaultLabel) => {
-    const overlay = overlayMap.get(path);
-    const relabel = overlay?.modifications.find((m) => m.op === "relabel");
-    return relabel && relabel.op === "relabel" ? relabel.label : defaultLabel;
-  }, [overlayMap]);
-  const getPosition = useMemo(() => (path, defaultPosition) => {
-    const overlay = overlayMap.get(path);
-    const reorder = overlay?.modifications.find((m) => m.op === "reorder");
-    return reorder && reorder.op === "reorder" ? reorder.position : defaultPosition;
-  }, [overlayMap]);
-  const getStyle = useMemo(() => (path) => {
-    const overlay = overlayMap.get(path);
-    const restyle = overlay?.modifications.find((m) => m.op === "restyle");
-    if (restyle && restyle.op === "restyle") {
-      return {
-        className: restyle.className,
-        variant: restyle.variant
-      };
-    }
-    return {};
-  }, [overlayMap]);
-  const getDefault = useMemo(() => (path, defaultValue) => {
-    const overlay = overlayMap.get(path);
-    const setDefault = overlay?.modifications.find((m) => m.op === "set-default");
-    return setDefault && setDefault.op === "set-default" ? setDefault.value : defaultValue;
-  }, [overlayMap]);
-  const value = useMemo(() => ({
-    overlays: activeOverlays,
-    applyOverlay,
-    isHidden,
-    getLabel,
-    getPosition,
-    getStyle,
-    getDefault,
-    role,
-    device
-  }), [
-    activeOverlays,
-    applyOverlay,
-    isHidden,
-    getLabel,
-    getPosition,
-    getStyle,
-    getDefault,
-    role,
-    device
-  ]);
-  return /* @__PURE__ */ jsxDEV(OverlayContext.Provider, {
-    value,
-    children
-  }, undefined, false, undefined, this);
-}
-function useOverlayContext() {
-  const context = useContext(OverlayContext);
-  if (!context) {
-    throw new Error("useOverlayContext must be used within an OverlayContextProvider");
-  }
-  return context;
-}
-function useIsInOverlayContext() {
-  return useContext(OverlayContext) !== null;
-}
-function getTemplateOverlays(templateId, _role) {
-  const templateOverlays = {
-    "crm-pipeline": [
-      {
-        id: "crm-hide-internal-fields",
-        target: "deal.internalNotes",
-        modifications: [{ op: "hide" }],
-        conditions: { role: ["viewer", "user"] }
-      },
-      {
-        id: "crm-relabel-value",
-        target: "deal.value",
-        modifications: [{ op: "relabel", label: "Deal Amount" }]
-      }
-    ],
-    "saas-boilerplate": [
-      {
-        id: "saas-hide-billing",
-        target: "settings.billing",
-        modifications: [{ op: "hide" }],
-        conditions: { role: ["viewer"] }
-      },
-      {
-        id: "saas-restyle-plan",
-        target: "settings.plan",
-        modifications: [{ op: "restyle", variant: "premium" }],
-        conditions: { role: ["admin"] }
-      }
-    ],
-    "agent-console": [
-      {
-        id: "agent-hide-cost",
-        target: "run.cost",
-        modifications: [{ op: "hide" }],
-        conditions: { role: ["viewer"] }
-      },
-      {
-        id: "agent-relabel-tokens",
-        target: "run.tokens",
-        modifications: [{ op: "relabel", label: "Token Usage" }]
-      }
-    ],
-    "todos-app": [
-      {
-        id: "todos-hide-assignee",
-        target: "task.assignee",
-        modifications: [{ op: "hide" }],
-        conditions: { device: "mobile" }
-      }
-    ],
-    "messaging-app": [
-      {
-        id: "messaging-reorder-timestamp",
-        target: "message.timestamp",
-        modifications: [{ op: "reorder", position: 0 }]
-      }
-    ],
-    "recipe-app-i18n": [
-      {
-        id: "recipe-relabel-servings",
-        target: "recipe.servings",
-        modifications: [{ op: "relabel", label: "Portions" }]
-      }
-    ]
-  };
-  return templateOverlays[templateId] ?? [];
-}
-export {
-  useOverlayContext,
-  useIsInOverlayContext,
-  OverlayContextProvider
-};
+import*as _ from"react";import{useContext as $,useMemo as E}from"react";import{jsx as S}from"react/jsx-runtime";var N=_.createContext(null);function L({templateId:F,role:G="user",device:J="desktop",children:T}){let Q=E(()=>H(F,G),[F,G]),K=E(()=>{return Q.filter((w)=>{let q=w.conditions;if(!q)return!0;if(q.role&&!q.role.includes(G))return!1;if(q.device&&q.device!=="any"&&q.device!==J)return!1;return!0})},[Q,G,J]),z=E(()=>{let w=new Map;for(let q of K)w.set(q.target,q);return w},[K]),R=E(()=>(w,q)=>{let A=z.get(w);if(!A)return q;let k={...q};for(let B of A.modifications)switch(B.op){case"hide":k={...k,hidden:!0};break;case"relabel":k={...k,label:B.label};break;case"reorder":k={...k,position:B.position};break;case"restyle":k={...k,className:B.className,variant:B.variant};break;case"set-default":k={...k,defaultValue:B.value};break}return k},[z]),U=E(()=>(w)=>{return z.get(w)?.modifications.some((A)=>A.op==="hide")??!1},[z]),W=E(()=>(w,q)=>{let k=z.get(w)?.modifications.find((B)=>B.op==="relabel");return k&&k.op==="relabel"?k.label:q},[z]),X=E(()=>(w,q)=>{let k=z.get(w)?.modifications.find((B)=>B.op==="reorder");return k&&k.op==="reorder"?k.position:q},[z]),Y=E(()=>(w)=>{let A=z.get(w)?.modifications.find((k)=>k.op==="restyle");if(A&&A.op==="restyle")return{className:A.className,variant:A.variant};return{}},[z]),Z=E(()=>(w,q)=>{let k=z.get(w)?.modifications.find((B)=>B.op==="set-default");return k&&k.op==="set-default"?k.value:q},[z]),j=E(()=>({overlays:K,applyOverlay:R,isHidden:U,getLabel:W,getPosition:X,getStyle:Y,getDefault:Z,role:G,device:J}),[K,R,U,W,X,Y,Z,G,J]);return S(N.Provider,{value:j,children:T})}function P(){let F=$(N);if(!F)throw Error("useOverlayContext must be used within an OverlayContextProvider");return F}function C(){return $(N)!==null}function H(F,G){return{"crm-pipeline":[{id:"crm-hide-internal-fields",target:"deal.internalNotes",modifications:[{op:"hide"}],conditions:{role:["viewer","user"]}},{id:"crm-relabel-value",target:"deal.value",modifications:[{op:"relabel",label:"Deal Amount"}]}],"saas-boilerplate":[{id:"saas-hide-billing",target:"settings.billing",modifications:[{op:"hide"}],conditions:{role:["viewer"]}},{id:"saas-restyle-plan",target:"settings.plan",modifications:[{op:"restyle",variant:"premium"}],conditions:{role:["admin"]}}],"agent-console":[{id:"agent-hide-cost",target:"run.cost",modifications:[{op:"hide"}],conditions:{role:["viewer"]}},{id:"agent-relabel-tokens",target:"run.tokens",modifications:[{op:"relabel",label:"Token Usage"}]}],"todos-app":[{id:"todos-hide-assignee",target:"task.assignee",modifications:[{op:"hide"}],conditions:{device:"mobile"}}],"messaging-app":[{id:"messaging-reorder-timestamp",target:"message.timestamp",modifications:[{op:"reorder",position:0}]}],"recipe-app-i18n":[{id:"recipe-relabel-servings",target:"recipe.servings",modifications:[{op:"relabel",label:"Portions"}]}]}[F]??[]}export{P as useOverlayContext,C as useIsInOverlayContext,L as OverlayContextProvider};