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

package/dist/browser/TemplateShell.js

@@ -1,189 +1 @@
-// src/lib/runtime-context.tsx
-import { createContext, useContext } from "react";
-"use client";
-var TemplateRuntimeContext = createContext(null);
-function useTemplateRuntime() {
-  const context = useContext(TemplateRuntimeContext);
-  if (!context) {
-    throw new Error("useTemplateRuntime must be used within a TemplateRuntimeProvider");
-  }
-  return context;
-}
-
-// src/LocalDataIndicator.tsx
-import { RefreshCw, Shield } from "lucide-react";
-import { useState } from "react";
-import { jsxDEV } from "react/jsx-dev-runtime";
-"use client";
-function LocalDataIndicator() {
-  const { projectId, templateId, template, installer } = useTemplateRuntime();
-  const [isResetting, setIsResetting] = useState(false);
-  const handleReset = async () => {
-    setIsResetting(true);
-    try {
-      await installer.install(templateId, { projectId });
-    } finally {
-      setIsResetting(false);
-    }
-  };
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "inline-flex items-center gap-2 rounded-full border border-border bg-muted/40 px-3 py-1 text-muted-foreground text-xs",
-    children: [
-      /* @__PURE__ */ jsxDEV(Shield, {
-        className: "h-3.5 w-3.5 text-violet-400"
-      }, undefined, false, undefined, this),
-      /* @__PURE__ */ jsxDEV("span", {
-        children: [
-          "Local runtime ·",
-          " ",
-          /* @__PURE__ */ jsxDEV("span", {
-            className: "font-semibold text-foreground",
-            children: template.name
-          }, undefined, false, undefined, this)
-        ]
-      }, undefined, true, undefined, this),
-      /* @__PURE__ */ jsxDEV("button", {
-        type: "button",
-        className: "inline-flex items-center gap-1 rounded-full border border-border px-2 py-0.5 font-semibold text-[11px] text-muted-foreground hover:text-foreground",
-        onClick: handleReset,
-        disabled: isResetting,
-        children: [
-          /* @__PURE__ */ jsxDEV(RefreshCw, {
-            className: "h-3 w-3"
-          }, undefined, false, undefined, this),
-          isResetting ? "Resetting…" : "Reset data"
-        ]
-      }, undefined, true, undefined, this)
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/SaveToStudioButton.tsx
-import { Sparkles } from "lucide-react";
-import { useState as useState2 } from "react";
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
-"use client";
-function SaveToStudioButton({
-  organizationId = "demo-org",
-  projectName,
-  endpoint,
-  token
-}) {
-  const { installer, templateId, template } = useTemplateRuntime();
-  const [status, setStatus] = useState2("idle");
-  const [error, setError] = useState2(null);
-  const handleSave = async () => {
-    setStatus("saving");
-    setError(null);
-    try {
-      await installer.saveToStudio({
-        templateId,
-        projectName: projectName ?? `${template.name} demo`,
-        organizationId,
-        endpoint,
-        token
-      });
-      setStatus("saved");
-      setTimeout(() => setStatus("idle"), 3000);
-    } catch (err) {
-      setStatus("error");
-      setError(err instanceof Error ? err.message : "Unknown error");
-    }
-  };
-  return /* @__PURE__ */ jsxDEV2("div", {
-    className: "flex flex-col items-end gap-1",
-    children: [
-      /* @__PURE__ */ jsxDEV2("button", {
-        type: "button",
-        className: "btn-primary inline-flex items-center gap-2 text-sm",
-        onClick: handleSave,
-        disabled: status === "saving",
-        children: [
-          /* @__PURE__ */ jsxDEV2(Sparkles, {
-            className: "h-4 w-4"
-          }, undefined, false, undefined, this),
-          status === "saving" ? "Publishing…" : "Save to Studio"
-        ]
-      }, undefined, true, undefined, this),
-      status === "error" && error ? /* @__PURE__ */ jsxDEV2("p", {
-        className: "text-destructive text-xs",
-        children: error
-      }, undefined, false, undefined, this) : null,
-      status === "saved" ? /* @__PURE__ */ jsxDEV2("p", {
-        className: "text-emerald-400 text-xs",
-        children: "Template sent to Studio."
-      }, undefined, false, undefined, this) : null
-    ]
-  }, undefined, true, undefined, this);
-}
-
-// src/TemplateShell.tsx
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
-var TemplateShell = ({
-  title,
-  description,
-  sidebar,
-  actions,
-  showSaveAction = true,
-  saveProps,
-  children
-}) => /* @__PURE__ */ jsxDEV3("div", {
-  className: "space-y-6",
-  children: [
-    /* @__PURE__ */ jsxDEV3("header", {
-      className: "rounded-2xl border border-border bg-card p-6 shadow-sm",
-      children: [
-        /* @__PURE__ */ jsxDEV3("div", {
-          className: "flex flex-wrap items-center justify-between gap-4",
-          children: [
-            /* @__PURE__ */ jsxDEV3("div", {
-              children: [
-                /* @__PURE__ */ jsxDEV3("p", {
-                  className: "font-semibold text-muted-foreground text-sm uppercase tracking-wide",
-                  children: "ContractSpec Templates"
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV3("h1", {
-                  className: "font-bold text-3xl",
-                  children: title
-                }, undefined, false, undefined, this),
-                description ? /* @__PURE__ */ jsxDEV3("p", {
-                  className: "mt-2 max-w-2xl text-muted-foreground text-sm",
-                  children: description
-                }, undefined, false, undefined, this) : null
-              ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV3("div", {
-              className: "flex flex-col items-end gap-2",
-              children: [
-                /* @__PURE__ */ jsxDEV3(LocalDataIndicator, {}, undefined, false, undefined, this),
-                showSaveAction ? /* @__PURE__ */ jsxDEV3(SaveToStudioButton, {
-                  ...saveProps
-                }, undefined, false, undefined, this) : null
-              ]
-            }, undefined, true, undefined, this)
-          ]
-        }, undefined, true, undefined, this),
-        actions ? /* @__PURE__ */ jsxDEV3("div", {
-          className: "mt-4",
-          children: actions
-        }, undefined, false, undefined, this) : null
-      ]
-    }, undefined, true, undefined, this),
-    /* @__PURE__ */ jsxDEV3("div", {
-      className: sidebar ? "grid gap-6 lg:grid-cols-[minmax(0,1fr)_320px]" : "w-full",
-      children: [
-        /* @__PURE__ */ jsxDEV3("main", {
-          className: "space-y-4 p-2",
-          children
-        }, undefined, false, undefined, this),
-        sidebar ? /* @__PURE__ */ jsxDEV3("aside", {
-          className: "rounded-2xl border border-border bg-card p-4",
-          children: sidebar
-        }, undefined, false, undefined, this) : null
-      ]
-    }, undefined, true, undefined, this)
-  ]
-}, undefined, true, undefined, this);
-export {
-  TemplateShell
-};
+import{createContext as x,useContext as R}from"react";var S=Symbol.for("@contractspec/lib.example-shared-ui/template-runtime-context");function k(){let e=globalThis;return e[S]??=x(null),e[S]}var B=k();function p(){let e=R(B);if(!e)throw Error("useTemplateRuntime must be used within a TemplateRuntimeProvider");return e}import{RefreshCw as P,Shield as I}from"lucide-react";import{useState as T}from"react";import{jsx as c,jsxs as u}from"react/jsx-runtime";function N(){let{projectId:e,templateId:o,template:a,installer:r}=p(),[l,n]=T(!1),d=async()=>{n(!0);try{await r.install(o,{projectId:e})}finally{n(!1)}};return u("div",{className:"inline-flex items-center gap-2 rounded-full border border-border bg-muted/40 px-3 py-1 text-muted-foreground text-xs",children:[c(I,{className:"h-3.5 w-3.5 text-violet-400"}),u("span",{children:["Local runtime ·"," ",c("span",{className:"font-semibold text-foreground",children:a.name})]}),u("button",{type:"button",className:"inline-flex items-center gap-1 rounded-full border border-border px-2 py-0.5 font-semibold text-[11px] text-muted-foreground hover:text-foreground",onClick:d,disabled:l,children:[c(P,{className:"h-3 w-3"}),l?"Resetting…":"Reset data"]})]})}import{Sparkles as D}from"lucide-react";import{useState as h}from"react";import{jsx as f,jsxs as y}from"react/jsx-runtime";function w({organizationId:e="demo-org",projectName:o,endpoint:a,token:r}){let{installer:l,templateId:n,template:d}=p(),[s,m]=h("idle"),[v,g]=h(null);return y("div",{className:"flex flex-col items-end gap-1",children:[y("button",{type:"button",className:"btn-primary inline-flex items-center gap-2 text-sm",onClick:async()=>{m("saving"),g(null);try{await l.saveToStudio({templateId:n,projectName:o??`${d.name} demo`,organizationId:e,endpoint:a,token:r}),m("saved"),setTimeout(()=>m("idle"),3000)}catch(b){m("error"),g(b instanceof Error?b.message:"Unknown error")}},disabled:s==="saving",children:[f(D,{className:"h-4 w-4"}),s==="saving"?"Publishing…":"Save to Studio"]}),s==="error"&&v?f("p",{className:"text-destructive text-xs",children:v}):null,s==="saved"?f("p",{className:"text-emerald-400 text-xs",children:"Template sent to Studio."}):null]})}import{jsx as t,jsxs as i}from"react/jsx-runtime";var K=({title:e,description:o,sidebar:a,actions:r,showSaveAction:l=!0,saveProps:n,children:d})=>i("div",{className:"space-y-6",children:[i("header",{className:"rounded-2xl border border-border bg-card p-6 shadow-sm",children:[i("div",{className:"flex flex-wrap items-center justify-between gap-4",children:[i("div",{children:[t("p",{className:"font-semibold text-muted-foreground text-sm uppercase tracking-wide",children:"ContractSpec Templates"}),t("h1",{className:"font-bold text-3xl",children:e}),o?t("p",{className:"mt-2 max-w-2xl text-muted-foreground text-sm",children:o}):null]}),i("div",{className:"flex flex-col items-end gap-2",children:[t(N,{}),l?t(w,{...n}):null]})]}),r?t("div",{className:"mt-4",children:r}):null]}),i("div",{className:a?"grid gap-6 lg:grid-cols-[minmax(0,1fr)_320px]":"w-full",children:[t("main",{className:"space-y-4 p-2",children:d}),a?t("aside",{className:"rounded-2xl border border-border bg-card p-4",children:a}):null]})]});export{K as TemplateShell};

package/dist/browser/bundles/ExampleTemplateBundle.js

@@ -1,85 +1 @@
-// src/bundles/ExampleTemplateBundle.ts
-import { defineModuleBundle } from "@contractspec/lib.surface-runtime/spec";
-var ExampleTemplateBundle = defineModuleBundle({
-  meta: {
-    key: "example.template",
-    version: "0.1.0",
-    title: "Example Template",
-    description: "Adaptive template shell for ContractSpec examples",
-    owners: ["team-platform"],
-    tags: ["example", "template"],
-    stability: "experimental"
-  },
-  routes: [
-    {
-      routeId: "template",
-      path: "/sandbox",
-      defaultSurface: "template-shell"
-    }
-  ],
-  surfaces: {
-    "template-shell": {
-      surfaceId: "template-shell",
-      kind: "workbench",
-      title: "Template Shell",
-      slots: [
-        {
-          slotId: "header",
-          role: "header",
-          accepts: ["action-bar"],
-          cardinality: "many"
-        },
-        {
-          slotId: "primary",
-          role: "primary",
-          accepts: ["entity-section", "rich-doc", "form", "custom-widget"],
-          cardinality: "many"
-        },
-        {
-          slotId: "sidebar",
-          role: "secondary",
-          accepts: ["entity-section", "custom-widget"],
-          cardinality: "one"
-        }
-      ],
-      layouts: [
-        {
-          layoutId: "main-with-sidebar",
-          title: "Main with sidebar",
-          root: {
-            type: "panel-group",
-            direction: "horizontal",
-            persistKey: "example.template.main-sidebar",
-            children: [
-              {
-                type: "panel-group",
-                direction: "vertical",
-                persistKey: "example.template.content",
-                children: [
-                  { type: "slot", slotId: "header" },
-                  { type: "slot", slotId: "primary" }
-                ]
-              },
-              { type: "slot", slotId: "sidebar" }
-            ]
-          }
-        }
-      ],
-      data: [],
-      verification: {
-        dimensions: {
-          guidance: "Can reveal hints and walkthrough notes.",
-          density: "Can select compact or balanced layouts.",
-          dataDepth: "Controls content depth and expansion.",
-          control: "Shows advanced options when allowed.",
-          media: "Supports text-first and hybrid modes.",
-          pace: "Maps to motion tokens and transitions.",
-          narrative: "Can order summary before or after detail."
-        }
-      }
-    }
-  }
-});
-export {
-  ExampleTemplateBundle
-};
+import{defineModuleBundle as g}from"@contractspec/lib.surface-runtime/spec";var j=g({meta:{key:"example.template",version:"0.1.0",title:"Example Template",description:"Adaptive template shell for ContractSpec examples",owners:["team-platform"],tags:["example","template"],stability:"experimental"},routes:[{routeId:"template",path:"/sandbox",defaultSurface:"template-shell"}],surfaces:{"template-shell":{surfaceId:"template-shell",kind:"workbench",title:"Template Shell",slots:[{slotId:"header",role:"header",accepts:["action-bar"],cardinality:"many"},{slotId:"primary",role:"primary",accepts:["entity-section","rich-doc","form","custom-widget"],cardinality:"many"},{slotId:"sidebar",role:"secondary",accepts:["entity-section","custom-widget"],cardinality:"one"}],layouts:[{layoutId:"main-with-sidebar",title:"Main with sidebar",root:{type:"panel-group",direction:"horizontal",persistKey:"example.template.main-sidebar",children:[{type:"panel-group",direction:"vertical",persistKey:"example.template.content",children:[{type:"slot",slotId:"header"},{type:"slot",slotId:"primary"}]},{type:"slot",slotId:"sidebar"}]}}],data:[],verification:{dimensions:{guidance:"Can reveal hints and walkthrough notes.",density:"Can select compact or balanced layouts.",dataDepth:"Controls content depth and expansion.",control:"Shows advanced options when allowed.",media:"Supports text-first and hybrid modes.",pace:"Maps to motion tokens and transitions.",narrative:"Can order summary before or after detail."}}}}});export{j as ExampleTemplateBundle};

package/dist/browser/bundles/index.js

@@ -1,85 +1 @@
-// src/bundles/ExampleTemplateBundle.ts
-import { defineModuleBundle } from "@contractspec/lib.surface-runtime/spec";
-var ExampleTemplateBundle = defineModuleBundle({
-  meta: {
-    key: "example.template",
-    version: "0.1.0",
-    title: "Example Template",
-    description: "Adaptive template shell for ContractSpec examples",
-    owners: ["team-platform"],
-    tags: ["example", "template"],
-    stability: "experimental"
-  },
-  routes: [
-    {
-      routeId: "template",
-      path: "/sandbox",
-      defaultSurface: "template-shell"
-    }
-  ],
-  surfaces: {
-    "template-shell": {
-      surfaceId: "template-shell",
-      kind: "workbench",
-      title: "Template Shell",
-      slots: [
-        {
-          slotId: "header",
-          role: "header",
-          accepts: ["action-bar"],
-          cardinality: "many"
-        },
-        {
-          slotId: "primary",
-          role: "primary",
-          accepts: ["entity-section", "rich-doc", "form", "custom-widget"],
-          cardinality: "many"
-        },
-        {
-          slotId: "sidebar",
-          role: "secondary",
-          accepts: ["entity-section", "custom-widget"],
-          cardinality: "one"
-        }
-      ],
-      layouts: [
-        {
-          layoutId: "main-with-sidebar",
-          title: "Main with sidebar",
-          root: {
-            type: "panel-group",
-            direction: "horizontal",
-            persistKey: "example.template.main-sidebar",
-            children: [
-              {
-                type: "panel-group",
-                direction: "vertical",
-                persistKey: "example.template.content",
-                children: [
-                  { type: "slot", slotId: "header" },
-                  { type: "slot", slotId: "primary" }
-                ]
-              },
-              { type: "slot", slotId: "sidebar" }
-            ]
-          }
-        }
-      ],
-      data: [],
-      verification: {
-        dimensions: {
-          guidance: "Can reveal hints and walkthrough notes.",
-          density: "Can select compact or balanced layouts.",
-          dataDepth: "Controls content depth and expansion.",
-          control: "Shows advanced options when allowed.",
-          media: "Supports text-first and hybrid modes.",
-          pace: "Maps to motion tokens and transitions.",
-          narrative: "Can order summary before or after detail."
-        }
-      }
-    }
-  }
-});
-export {
-  ExampleTemplateBundle
-};
+import{defineModuleBundle as m}from"@contractspec/lib.surface-runtime/spec";var x=m({meta:{key:"example.template",version:"0.1.0",title:"Example Template",description:"Adaptive template shell for ContractSpec examples",owners:["team-platform"],tags:["example","template"],stability:"experimental"},routes:[{routeId:"template",path:"/sandbox",defaultSurface:"template-shell"}],surfaces:{"template-shell":{surfaceId:"template-shell",kind:"workbench",title:"Template Shell",slots:[{slotId:"header",role:"header",accepts:["action-bar"],cardinality:"many"},{slotId:"primary",role:"primary",accepts:["entity-section","rich-doc","form","custom-widget"],cardinality:"many"},{slotId:"sidebar",role:"secondary",accepts:["entity-section","custom-widget"],cardinality:"one"}],layouts:[{layoutId:"main-with-sidebar",title:"Main with sidebar",root:{type:"panel-group",direction:"horizontal",persistKey:"example.template.main-sidebar",children:[{type:"panel-group",direction:"vertical",persistKey:"example.template.content",children:[{type:"slot",slotId:"header"},{type:"slot",slotId:"primary"}]},{type:"slot",slotId:"sidebar"}]}}],data:[],verification:{dimensions:{guidance:"Can reveal hints and walkthrough notes.",density:"Can select compact or balanced layouts.",dataDepth:"Controls content depth and expansion.",control:"Shows advanced options when allowed.",media:"Supports text-first and hybrid modes.",pace:"Maps to motion tokens and transitions.",narrative:"Can order summary before or after detail."}}}}});export{x as ExampleTemplateBundle};