@contractspec/bundle.marketing 3.8.9 → 3.8.10

package/dist/node/components/templates/template-catalog.js

@@ -38,15 +38,16 @@ function buildLocalTemplateCatalog(examples = listExamples(), templates = listTe
   }).sort(compareLocalTemplateCatalogItems);
 }
 function matchesTemplateFilters(template, search, selectedTag) {
+  return matchesTemplateSearch(template, search) && (selectedTag === null || template.tags.includes(selectedTag));
+}
+function matchesTemplateSearch(template, search) {
   const haystack = [
     template.title,
     template.description,
     template.tags.join(" ")
   ].join(" ").toLowerCase();
   const searchTokens = search.trim().toLowerCase().split(/\s+/).filter(Boolean);
-  const matchesSearch = searchTokens.length === 0 || searchTokens.every((token) => haystack.includes(token));
-  const matchesTag = selectedTag === null || template.tags.includes(selectedTag);
-  return matchesSearch && matchesTag;
+  return searchTokens.length === 0 || searchTokens.every((token) => haystack.includes(token));
 }
 function formatExampleKindLabel(kind) {
   return kind.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
@@ -69,6 +70,7 @@ function compareLocalTemplateCatalogItems(left, right) {
   return left.title.localeCompare(right.title);
 }
 export {
+  matchesTemplateSearch,
   matchesTemplateFilters,
   formatStabilityLabel,
   formatExampleKindLabel,

package/dist/node/components/templates/template-filters.js

@@ -0,0 +1,94 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/templates/template-new.ts
+var NEW_TEMPLATE_IDS = [
+  "minimal",
+  "messaging-agent-actions",
+  "policy-safe-knowledge-assistant",
+  "visualization-showcase"
+];
+var NEW_TEMPLATE_ID_SET = new Set(NEW_TEMPLATE_IDS);
+function isNewTemplateId(templateId) {
+  return NEW_TEMPLATE_ID_SET.has(templateId);
+}
+
+// src/components/templates/template-catalog.ts
+import { listExamples, listTemplates } from "@contractspec/module.examples";
+var NEW_TEMPLATE_INDEX = new Map(NEW_TEMPLATE_IDS.map((templateId, index) => [templateId, index]));
+function buildLocalTemplateCatalog(examples = listExamples(), templates = listTemplates()) {
+  const templatesById = new Map(templates.map((template) => [template.id, template]));
+  return examples.filter((example) => example.meta.visibility === "public" && example.surfaces.templates).map((example) => {
+    const template = templatesById.get(example.meta.key);
+    const tags = Array.from(new Set(example.meta.tags.map((tag) => tag.trim()).filter(Boolean))).sort((left, right) => left.localeCompare(right));
+    return {
+      id: example.meta.key,
+      title: example.meta.title ?? template?.name ?? example.meta.key,
+      description: example.meta.summary ?? example.meta.description,
+      tags,
+      kind: example.meta.kind,
+      stability: example.meta.stability,
+      previewUrl: template?.preview?.demoUrl ?? `/sandbox?template=${encodeURIComponent(example.meta.key)}`,
+      featureList: [...template?.features ?? []],
+      sandboxModes: example.surfaces.sandbox.modes,
+      renderTargets: [...template?.renderTargets ?? []],
+      isNew: isNewTemplateId(example.meta.key),
+      packageName: example.entrypoints.packageName
+    };
+  }).sort(compareLocalTemplateCatalogItems);
+}
+function matchesTemplateFilters(template, search, selectedTag) {
+  return matchesTemplateSearch(template, search) && (selectedTag === null || template.tags.includes(selectedTag));
+}
+function matchesTemplateSearch(template, search) {
+  const haystack = [
+    template.title,
+    template.description,
+    template.tags.join(" ")
+  ].join(" ").toLowerCase();
+  const searchTokens = search.trim().toLowerCase().split(/\s+/).filter(Boolean);
+  return searchTokens.length === 0 || searchTokens.every((token) => haystack.includes(token));
+}
+function formatExampleKindLabel(kind) {
+  return kind.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+function formatStabilityLabel(stability) {
+  return stability.split("_").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+function compareLocalTemplateCatalogItems(left, right) {
+  const leftNewIndex = NEW_TEMPLATE_INDEX.get(left.id);
+  const rightNewIndex = NEW_TEMPLATE_INDEX.get(right.id);
+  if (leftNewIndex !== undefined || rightNewIndex !== undefined) {
+    if (leftNewIndex === undefined) {
+      return 1;
+    }
+    if (rightNewIndex === undefined) {
+      return -1;
+    }
+    return leftNewIndex - rightNewIndex;
+  }
+  return left.title.localeCompare(right.title);
+}
+
+// src/components/templates/template-filters.ts
+function buildTemplateFilterState(templates, search, selectedTag, getCandidate) {
+  const searchScopedTemplates = templates.filter((template) => matchesTemplateSearch(getCandidate(template), search));
+  const finalTemplates = selectedTag === null ? searchScopedTemplates : searchScopedTemplates.filter((template) => getCandidate(template).tags.includes(selectedTag));
+  return {
+    searchScopedTemplates,
+    finalTemplates,
+    tagFacets: buildTemplateTagFacets(searchScopedTemplates, getCandidate)
+  };
+}
+function buildTemplateTagFacets(templates, getCandidate) {
+  const counts = new Map;
+  for (const template of templates) {
+    for (const tag of new Set(getCandidate(template).tags)) {
+      counts.set(tag, (counts.get(tag) ?? 0) + 1);
+    }
+  }
+  return [...counts.entries()].map(([tag, count]) => ({ tag, count })).sort((left, right) => right.count - left.count || left.tag.localeCompare(right.tag));
+}
+export {
+  buildTemplateFilterState
+};

package/dist/node/components/templates/template-tag-visibility.js

@@ -0,0 +1,35 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/templates/template-tag-visibility.ts
+var DEFAULT_VISIBLE_TEMPLATE_TAGS = 10;
+function getVisibleTemplateTagFacets(tagFacets, selectedTag, expanded, visibleCount = DEFAULT_VISIBLE_TEMPLATE_TAGS) {
+  if (expanded) {
+    return {
+      visibleTagFacets: pinSelectedTagFacet(tagFacets, selectedTag),
+      hiddenTagFacets: []
+    };
+  }
+  const visibleTagFacets = pinSelectedTagFacet(tagFacets.slice(0, visibleCount), selectedTag, tagFacets);
+  const visibleTags = new Set(visibleTagFacets.map((facet) => facet.tag));
+  return {
+    visibleTagFacets,
+    hiddenTagFacets: tagFacets.filter((facet) => !visibleTags.has(facet.tag))
+  };
+}
+function pinSelectedTagFacet(tagFacets, selectedTag, fallbackTagFacets = tagFacets) {
+  if (selectedTag === null || tagFacets.some((facet) => facet.tag === selectedTag)) {
+    return [...tagFacets];
+  }
+  return [
+    ...tagFacets,
+    fallbackTagFacets.find((facet) => facet.tag === selectedTag) ?? {
+      tag: selectedTag,
+      count: 0
+    }
+  ];
+}
+export {
+  getVisibleTemplateTagFacets,
+  DEFAULT_VISIBLE_TEMPLATE_TAGS
+};

package/dist/node/components/templates/useTemplateBrowseState.js

@@ -0,0 +1,186 @@
+import { createRequire } from "node:module";
+var __require = /* @__PURE__ */ createRequire(import.meta.url);
+
+// src/components/templates/template-new.ts
+var NEW_TEMPLATE_IDS = [
+  "minimal",
+  "messaging-agent-actions",
+  "policy-safe-knowledge-assistant",
+  "visualization-showcase"
+];
+var NEW_TEMPLATE_ID_SET = new Set(NEW_TEMPLATE_IDS);
+function isNewTemplateId(templateId) {
+  return NEW_TEMPLATE_ID_SET.has(templateId);
+}
+
+// src/components/templates/template-catalog.ts
+import { listExamples, listTemplates } from "@contractspec/module.examples";
+var NEW_TEMPLATE_INDEX = new Map(NEW_TEMPLATE_IDS.map((templateId, index) => [templateId, index]));
+function buildLocalTemplateCatalog(examples = listExamples(), templates = listTemplates()) {
+  const templatesById = new Map(templates.map((template) => [template.id, template]));
+  return examples.filter((example) => example.meta.visibility === "public" && example.surfaces.templates).map((example) => {
+    const template = templatesById.get(example.meta.key);
+    const tags = Array.from(new Set(example.meta.tags.map((tag) => tag.trim()).filter(Boolean))).sort((left, right) => left.localeCompare(right));
+    return {
+      id: example.meta.key,
+      title: example.meta.title ?? template?.name ?? example.meta.key,
+      description: example.meta.summary ?? example.meta.description,
+      tags,
+      kind: example.meta.kind,
+      stability: example.meta.stability,
+      previewUrl: template?.preview?.demoUrl ?? `/sandbox?template=${encodeURIComponent(example.meta.key)}`,
+      featureList: [...template?.features ?? []],
+      sandboxModes: example.surfaces.sandbox.modes,
+      renderTargets: [...template?.renderTargets ?? []],
+      isNew: isNewTemplateId(example.meta.key),
+      packageName: example.entrypoints.packageName
+    };
+  }).sort(compareLocalTemplateCatalogItems);
+}
+function matchesTemplateFilters(template, search, selectedTag) {
+  return matchesTemplateSearch(template, search) && (selectedTag === null || template.tags.includes(selectedTag));
+}
+function matchesTemplateSearch(template, search) {
+  const haystack = [
+    template.title,
+    template.description,
+    template.tags.join(" ")
+  ].join(" ").toLowerCase();
+  const searchTokens = search.trim().toLowerCase().split(/\s+/).filter(Boolean);
+  return searchTokens.length === 0 || searchTokens.every((token) => haystack.includes(token));
+}
+function formatExampleKindLabel(kind) {
+  return kind.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+function formatStabilityLabel(stability) {
+  return stability.split("_").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(" ");
+}
+function compareLocalTemplateCatalogItems(left, right) {
+  const leftNewIndex = NEW_TEMPLATE_INDEX.get(left.id);
+  const rightNewIndex = NEW_TEMPLATE_INDEX.get(right.id);
+  if (leftNewIndex !== undefined || rightNewIndex !== undefined) {
+    if (leftNewIndex === undefined) {
+      return 1;
+    }
+    if (rightNewIndex === undefined) {
+      return -1;
+    }
+    return leftNewIndex - rightNewIndex;
+  }
+  return left.title.localeCompare(right.title);
+}
+
+// src/components/templates/template-filters.ts
+function buildTemplateFilterState(templates, search, selectedTag, getCandidate) {
+  const searchScopedTemplates = templates.filter((template) => matchesTemplateSearch(getCandidate(template), search));
+  const finalTemplates = selectedTag === null ? searchScopedTemplates : searchScopedTemplates.filter((template) => getCandidate(template).tags.includes(selectedTag));
+  return {
+    searchScopedTemplates,
+    finalTemplates,
+    tagFacets: buildTemplateTagFacets(searchScopedTemplates, getCandidate)
+  };
+}
+function buildTemplateTagFacets(templates, getCandidate) {
+  const counts = new Map;
+  for (const template of templates) {
+    for (const tag of new Set(getCandidate(template).tags)) {
+      counts.set(tag, (counts.get(tag) ?? 0) + 1);
+    }
+  }
+  return [...counts.entries()].map(([tag, count]) => ({ tag, count })).sort((left, right) => right.count - left.count || left.tag.localeCompare(right.tag));
+}
+
+// src/components/templates/template-source.ts
+function isRegistryConfigured(registryUrl) {
+  return Boolean(registryUrl?.trim());
+}
+function getAvailableTemplateSources(registryUrl) {
+  return isRegistryConfigured(registryUrl) ? ["local", "registry"] : ["local"];
+}
+
+// src/components/templates/template-tag-visibility.ts
+var DEFAULT_VISIBLE_TEMPLATE_TAGS = 10;
+function getVisibleTemplateTagFacets(tagFacets, selectedTag, expanded, visibleCount = DEFAULT_VISIBLE_TEMPLATE_TAGS) {
+  if (expanded) {
+    return {
+      visibleTagFacets: pinSelectedTagFacet(tagFacets, selectedTag),
+      hiddenTagFacets: []
+    };
+  }
+  const visibleTagFacets = pinSelectedTagFacet(tagFacets.slice(0, visibleCount), selectedTag, tagFacets);
+  const visibleTags = new Set(visibleTagFacets.map((facet) => facet.tag));
+  return {
+    visibleTagFacets,
+    hiddenTagFacets: tagFacets.filter((facet) => !visibleTags.has(facet.tag))
+  };
+}
+function pinSelectedTagFacet(tagFacets, selectedTag, fallbackTagFacets = tagFacets) {
+  if (selectedTag === null || tagFacets.some((facet) => facet.tag === selectedTag)) {
+    return [...tagFacets];
+  }
+  return [
+    ...tagFacets,
+    fallbackTagFacets.find((facet) => facet.tag === selectedTag) ?? {
+      tag: selectedTag,
+      count: 0
+    }
+  ];
+}
+
+// src/components/templates/useTemplateBrowseState.ts
+import { useRegistryTemplates } from "@contractspec/lib.example-shared-ui";
+import { useEffect, useMemo, useState } from "react";
+"use client";
+var REGISTRY_URL = process.env.NEXT_PUBLIC_CONTRACTSPEC_REGISTRY_URL;
+function useTemplateBrowseState() {
+  const [selectedTag, setSelectedTag] = useState(null);
+  const [search, setSearch] = useState("");
+  const [source, setSource] = useState("local");
+  const [showAllTags, setShowAllTags] = useState(false);
+  const registryConfigured = isRegistryConfigured(REGISTRY_URL);
+  const availableSources = getAvailableTemplateSources(REGISTRY_URL);
+  const localTemplates = useMemo(() => buildLocalTemplateCatalog(), []);
+  const localTemplateById = useMemo(() => new Map(localTemplates.map((template) => [template.id, template])), [localTemplates]);
+  const { data: registryTemplates = [], isLoading: registryLoading } = useRegistryTemplates();
+  const localFilterState = useMemo(() => buildTemplateFilterState(localTemplates, search, selectedTag, (template) => ({
+    title: template.title,
+    description: template.description,
+    tags: template.tags
+  })), [localTemplates, search, selectedTag]);
+  const registryFilterState = useMemo(() => buildTemplateFilterState(registryTemplates, search, selectedTag, (template) => ({
+    title: template.name,
+    description: template.description,
+    tags: template.tags
+  })), [registryTemplates, search, selectedTag]);
+  const activeFilterState = source === "registry" ? registryFilterState : localFilterState;
+  const suppressTagRail = source === "registry" && (registryLoading || registryTemplates.length === 0);
+  const { visibleTagFacets, hiddenTagFacets } = useMemo(() => getVisibleTemplateTagFacets(activeFilterState.tagFacets, selectedTag, showAllTags), [activeFilterState.tagFacets, selectedTag, showAllTags]);
+  const showTagFilters = !suppressTagRail && (visibleTagFacets.length > 0 || hiddenTagFacets.length > 0);
+  useEffect(() => {
+    setShowAllTags(false);
+  }, [search, showTagFilters, source]);
+  return {
+    selectedTag,
+    setSelectedTag,
+    search,
+    setSearch,
+    source,
+    setSource,
+    showAllTags,
+    setShowAllTags,
+    registryConfigured,
+    availableSources,
+    localTemplates,
+    localTemplateById,
+    registryTemplates,
+    registryLoading,
+    localFilterState,
+    registryFilterState,
+    visibleTagFacets,
+    hiddenTagFacets,
+    showTagFilters
+  };
+}
+export {
+  useTemplateBrowseState
+};