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

package/dist/TemplateShell.js

@@ -1,196 +1,2 @@
 // @bun
-// 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/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 \xB7",
-          " ",
-          /* @__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\u2026" : "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\u2026" : "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 \xB7"," ",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\u2026":"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\u2026":"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};