@contractspec/lib.example-shared-ui 6.0.5 → 6.0.7

package/dist/browser/lib/component-registry.js

@@ -1,5 +1,5 @@
 // src/lib/component-registry.tsx
-import { useState, useEffect } from "react";
+import { useEffect, useState } from "react";
 "use client";
 
 class TemplateComponentRegistry {

package/dist/browser/markdown/formatPresentationName.js

@@ -0,0 +1,9 @@
+// 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(" ");
+}
+export {
+  formatPresentationName
+};

package/dist/browser/markdown/useMarkdownPresentation.js

@@ -0,0 +1,65 @@
+// 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
+  };
+}
+export {
+  useMarkdownPresentation
+};

package/dist/hooks/index.d.ts

@@ -1,5 +1,5 @@
-export * from './useSpecContent';
-export * from './useEvolution';
 export * from './useBehaviorTracking';
-export * from './useWorkflowComposer';
+export * from './useEvolution';
 export * from './useRegistryTemplates';
+export * from './useSpecContent';
+export * from './useWorkflowComposer';

package/dist/hooks/index.js

@@ -989,6 +989,35 @@ function useSpecContent(templateId) {
   };
 }
 
+// src/hooks/useRegistryTemplates.ts
+import { useQuery } from "@tanstack/react-query";
+function useRegistryTemplates() {
+  return useQuery({
+    queryKey: ["registryTemplates"],
+    queryFn: async () => {
+      const registryUrl = process.env.NEXT_PUBLIC_CONTRACTSPEC_REGISTRY_URL ?? "";
+      if (!registryUrl)
+        return [];
+      const res = await fetch(`${registryUrl.replace(/\/$/, "")}/r/contractspec.json`, {
+        method: "GET",
+        headers: { Accept: "application/json" }
+      });
+      if (!res.ok)
+        return [];
+      const json = await res.json();
+      const items = json.items ?? [];
+      return items.filter((i) => i.type === "contractspec:template").map((i) => ({
+        id: i.name,
+        name: i.title ?? i.name,
+        description: i.description,
+        tags: i.meta?.tags ?? [],
+        source: "registry",
+        registryUrl
+      }));
+    }
+  });
+}
+
 // src/hooks/useWorkflowComposer.ts
 import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo3, useState as useState4 } from "react";
 "use client";
@@ -1479,35 +1508,6 @@ function getTemplateWorkflows(templateId) {
   };
   return templateWorkflows[templateId] ?? [];
 }
-
-// src/hooks/useRegistryTemplates.ts
-import { useQuery } from "@tanstack/react-query";
-function useRegistryTemplates() {
-  return useQuery({
-    queryKey: ["registryTemplates"],
-    queryFn: async () => {
-      const registryUrl = process.env.NEXT_PUBLIC_CONTRACTSPEC_REGISTRY_URL ?? "";
-      if (!registryUrl)
-        return [];
-      const res = await fetch(`${registryUrl.replace(/\/$/, "")}/r/contractspec.json`, {
-        method: "GET",
-        headers: { Accept: "application/json" }
-      });
-      if (!res.ok)
-        return [];
-      const json = await res.json();
-      const items = json.items ?? [];
-      return items.filter((i) => i.type === "contractspec:template").map((i) => ({
-        id: i.name,
-        name: i.title ?? i.name,
-        description: i.description,
-        tags: i.meta?.tags ?? [],
-        source: "registry",
-        registryUrl
-      }));
-    }
-  });
-}
 export {
   useWorkflowComposer,
   useSpecContent,

package/dist/index.d.ts

@@ -1,16 +1,17 @@
-export * from './TemplateShell';
-export * from './SpecDrivenTemplateShell';
-export * from './LocalDataIndicator';
-export * from './SaveToStudioButton';
-export * from './overlay-types';
-export * from './MarkdownView';
-export * from './SpecEditorPanel';
+export { MarkdownRenderer } from '@contractspec/lib.design-system';
 export * from './EvolutionDashboard';
 export * from './EvolutionSidebar';
-export * from './OverlayContextProvider';
-export * from './PersonalizationInsights';
 export * from './hooks';
-export * from './utils';
-export * from './lib/runtime-context';
+export * from './LocalDataIndicator';
 export * from './lib/component-registry';
+export * from './lib/runtime-context';
 export * from './lib/types';
+export * from './MarkdownView';
+export * from './OverlayContextProvider';
+export * from './overlay-types';
+export * from './PersonalizationInsights';
+export * from './SaveToStudioButton';
+export * from './SpecDrivenTemplateShell';
+export * from './SpecEditorPanel';
+export * from './TemplateShell';
+export * from './utils';