astro-tractstack 2.3.5 → 2.4.0

package/bin/create-tractstack.js

@@ -7,14 +7,33 @@ import {
   writeFileSync,
   existsSync,
 } from 'fs';
-import { resolve } from 'path';
+import { dirname, resolve } from 'path';
+import { fileURLToPath } from 'url';
 import { homedir } from 'os';
 import { execSync } from 'child_process';
 import prompts from 'prompts';
 import kleur from 'kleur';
 
-// Keep in sync with package.json pnpm.overrides["@internationalized/date"]
-const INTL_DATE_VERSION = '3.10.1';
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+function loadInstallManifest() {
+  const pkg = JSON.parse(
+    readFileSync(resolve(__dirname, '../package.json'), 'utf-8')
+  );
+  const manifest = pkg.tractstackInstall;
+  if (!manifest?.dependencies) {
+    throw new Error(
+      'astro-tractstack package.json is missing tractstackInstall.dependencies'
+    );
+  }
+  return manifest;
+}
+
+function formatPackageSpecs(deps) {
+  return Object.entries(deps)
+    .map(([name, version]) => (version ? `${name}@${version}` : name))
+    .join(' ');
+}
 
 // Detect package manager
 function detectPackageManager() {
@@ -332,67 +351,27 @@ PUBLIC_ENABLE_BUNNY="${finalResponses.enableBunny ? 'true' : 'false'}"
     packageManager === 'pnpm' ? 'pnpm add' : `${packageManager} add`;
 
   console.log(kleur.cyan('\nInstalling dependencies...'));
-  try {
-    // Install React and Node adapter
-    execSync(
-      `${addCommand} react@^19.0.0 react-dom@^19.0.0 astro@^5.16.6 @astrojs/react@^4.4.2 @astrojs/node@^9.4.3`,
-      { stdio: 'inherit' }
-    );
-    console.log(kleur.green('✅ React and Node adapter installed'));
-
-    // Install core dependencies
-    execSync(
-      `${addCommand} @nanostores/react@^1.0.0 nanostores@^1.0.1 @nanostores/persistent ulid@^3.0.1`,
-      {
-        stdio: 'inherit',
-      }
-    );
-    console.log(kleur.green('✅ State management installed'));
-
-    // Install UI components
-    execSync(
-      `${addCommand} @ark-ui/react@^5.30.0 @heroicons/react@^2.1.1 @internationalized/date@${INTL_DATE_VERSION}`,
-      {
-        stdio: 'inherit',
-      }
-    );
-    console.log(kleur.green('✅ UI components installed'));
-
-    // Install visualization dependencies
-    execSync(
-      `${addCommand} d3@^7.9.0 d3-sankey@^0.12.3 recharts@^3.1.2 player.js@^0.1.0 tinycolor2@^1.6.0 html-to-image@^1.11.13`,
-      {
-        stdio: 'inherit',
-      }
-    );
-    console.log(kleur.green('✅ Visualization dependencies installed'));
+  const installManifest = loadInstallManifest();
+  const dependencySpecs = formatPackageSpecs(installManifest.dependencies);
+  const devDependencySpecs = formatPackageSpecs(
+    installManifest.devDependencies || {}
+  );
 
-    // Install additional dependencies
-    execSync(
-      `${addCommand} path-to-regexp@^8.0.0 postcss postcss-selector-parser`,
-      { stdio: 'inherit' }
-    );
-    console.log(kleur.green('✅ Additional dependencies installed'));
+  try {
+    execSync(`${addCommand} ${dependencySpecs}`, { stdio: 'inherit' });
+    console.log(kleur.green('✅ TractStack dependencies installed'));
 
-    // Install dev dependencies
-    execSync(
-      `${addCommand} -D @types/node@^22.18.0 @types/react@^19.0.0 @types/react-dom@^19.0.0 @types/d3@^7.4.3 @types/d3-sankey@^0.12.3 prettier@^3.7.4 prettier-plugin-astro@^0.14.1 prettier-plugin-tailwindcss@^0.7.2 typescript@^5.9.3 @types/tinycolor2@^1.4.6 @mhsdesign/jit-browser-tailwindcss@^0.4.2`,
-      { stdio: 'inherit' }
-    );
-    console.log(kleur.green('✅ Dev dependencies installed'));
+    if (devDependencySpecs) {
+      execSync(`${addCommand} -D ${devDependencySpecs}`, { stdio: 'inherit' });
+      console.log(kleur.green('✅ Dev dependencies installed'));
+    }
   } catch (error) {
     console.log(kleur.red('❌ Failed to install dependencies'));
     console.log('Please run manually:');
-    console.log(
-      kleur.cyan(
-        `${addCommand} react@^19.0.0 react-dom@^19.0.0 astro@^5.16.6 @astrojs/react@^4.4.2 @astrojs/node@^9.4.3 @nanostores/react@^1.0.0 nanostores@^1.0.1 @nanostores/persistent ulid@^3.0.1 @ark-ui/react@^5.30.0 @heroicons/react@^2.1.1 @internationalized/date@${INTL_DATE_VERSION} d3@^7.9.0 d3-sankey@^0.12.3 recharts@^3.1.2 player.js@^0.1.0 tinycolor2@1.6.0 html-to-image@^1.11.13 path-to-regexp@^8.0.0 postcss postcss-selector-parser`
-      )
-    );
-    console.log(
-      kleur.cyan(
-        `${addCommand} -D @types/node@^22.18.0 @types/react@^19.0.0 @types/react-dom@^19.0.0 @types/d3@^7.4.3 @types/d3-sankey@^0.12.3 prettier@^3.7.4 prettier-plugin-astro@^0.14.1 prettier-plugin-tailwindcss@^0.7.2 typescript@^5.9.3 @types/tinycolor2@^1.4.6 @mhsdesign/jit-browser-tailwindcss@^0.4.2`
-      )
-    );
+    console.log(kleur.cyan(`${addCommand} ${dependencySpecs}`));
+    if (devDependencySpecs) {
+      console.log(kleur.cyan(`${addCommand} -D ${devDependencySpecs}`));
+    }
     process.exit(1);
   }
 

package/dist/index.js

@@ -1,6 +1,6 @@
 import { fileURLToPath as d } from "node:url";
 import { dirname as i, resolve as l } from "node:path";
-import { existsSync as n, mkdirSync as x, copyFileSync as k, writeFileSync as u } from "node:fs";
+import { existsSync as n, mkdirSync as k, copyFileSync as x, writeFileSync as u } from "node:fs";
 import { resolve as a } from "path";
 function g(t) {
   const e = i(d(t));
@@ -1497,18 +1497,6 @@ async function y(t, e, c) {
       ),
       dest: "src/components/codehooks/ListContentSetup.tsx"
     },
-    {
-      src: t(
-        "../templates/src/components/codehooks/ProductCardSetup.tsx"
-      ),
-      dest: "src/components/codehooks/ProductCardSetup.tsx"
-    },
-    {
-      src: t(
-        "../templates/src/components/codehooks/ProductGridSetup.tsx"
-      ),
-      dest: "src/components/codehooks/ProductGridSetup.tsx"
-    },
     {
       src: t(
         "../templates/src/components/codehooks/BunnyVideoWrapper.astro"
@@ -1519,6 +1507,31 @@ async function y(t, e, c) {
       src: t("../templates/src/components/codehooks/BunnyVideoSetup.tsx"),
       dest: "src/components/codehooks/BunnyVideoSetup.tsx"
     },
+    // CodeHook Blades (partial routes; core hooks overwritable)
+    {
+      src: t("../templates/src/pages/codehooks/featured-article.astro"),
+      dest: "src/pages/codehooks/featured-article.astro"
+    },
+    {
+      src: t("../templates/src/pages/codehooks/list-content.astro"),
+      dest: "src/pages/codehooks/list-content.astro"
+    },
+    {
+      src: t("../templates/src/pages/codehooks/search-widget.astro"),
+      dest: "src/pages/codehooks/search-widget.astro"
+    },
+    {
+      src: t("../templates/src/pages/codehooks/bunny-video.astro"),
+      dest: "src/pages/codehooks/bunny-video.astro"
+    },
+    {
+      src: t("../templates/src/pages/codehooks/epinet.astro"),
+      dest: "src/pages/codehooks/epinet.astro"
+    },
+    {
+      src: t("../templates/src/pages/codehooks/[...hookId].astro"),
+      dest: "src/pages/codehooks/[...hookId].astro"
+    },
     // Widget Components
     {
       src: t("../templates/src/components/widgets/Impression.tsx"),
@@ -1545,6 +1558,10 @@ async function y(t, e, c) {
       src: t("../templates/src/lib/resources.ts"),
       dest: "src/lib/resources.ts"
     },
+    {
+      src: t("../templates/src/lib/codeHookHelper.ts"),
+      dest: "src/lib/codeHookHelper.ts"
+    },
     // Client Scripts
     {
       src: t("../templates/src/client/htmx.min.js"),
@@ -2319,13 +2336,6 @@ async function y(t, e, c) {
       dest: "src/pages/storykeep/init.astro"
     },
     // Custom Components (Conditional)
-    {
-      src: t(
-        c?.includeExamples ? "../templates/custom/with-examples/CodeHook.astro" : "../templates/custom/minimal/CodeHook.astro"
-      ),
-      dest: "src/custom/CodeHook.astro",
-      protected: !0
-    },
     {
       src: t(
         c?.includeExamples ? "../templates/custom/with-examples/CustomRoutes.astro" : "../templates/custom/minimal/CustomRoutes.astro"
@@ -2334,9 +2344,7 @@ async function y(t, e, c) {
       protected: !0
     },
     {
-      src: t(
-        c?.includeExamples ? "../templates/custom/with-examples/HeaderWidget.astro" : "../templates/custom/minimal/HeaderWidget.astro"
-      ),
+      src: t("../templates/custom/minimal/HeaderWidget.astro"),
       dest: "src/custom/HeaderWidget.astro",
       protected: !0
     },
@@ -2405,6 +2413,29 @@ async function y(t, e, c) {
       dest: "src/custom/shopify/NativeBookingCalendar.tsx",
       protected: !0
     },
+    // CodeHook manifest (frontend capability list; hand-maintained, protected)
+    {
+      src: t(
+        c?.includeExamples ? "../templates/custom/with-examples/codehooks.ts" : "../templates/custom/minimal/codehooks.ts"
+      ),
+      dest: "src/custom/codehooks.ts",
+      protected: !0
+    },
+    // CodeHook Blades (userland hooks; protected once installed)
+    {
+      src: t(
+        "../templates/src/pages/codehooks/shopify-product-grid.astro"
+      ),
+      dest: "src/pages/codehooks/shopify-product-grid.astro",
+      protected: !0
+    },
+    {
+      src: t(
+        "../templates/src/pages/codehooks/shopify-service-list.astro"
+      ),
+      dest: "src/pages/codehooks/shopify-service-list.astro",
+      protected: !0
+    },
     // Example Components (Conditional)
     ...c?.includeExamples ? [
       {
@@ -2420,20 +2451,13 @@ async function y(t, e, c) {
         protected: !0
       },
       {
-        src: t("../templates/custom/with-examples/ProductGrid.astro"),
-        dest: "src/custom/ProductGrid.astro",
-        protected: !0
-      },
-      {
-        src: t(
-          "../templates/custom/with-examples/ProductCardWrapper.astro"
-        ),
-        dest: "src/custom/ProductCardWrapper.astro",
+        src: t("../templates/src/pages/codehooks/custom-hero.astro"),
+        dest: "src/pages/codehooks/custom-hero.astro",
         protected: !0
       },
       {
-        src: t("../templates/custom/with-examples/ProductCard.astro"),
-        dest: "src/custom/ProductCard.astro",
+        src: t("../templates/src/pages/codehooks/get-crafting.astro"),
+        dest: "src/pages/codehooks/get-crafting.astro",
         protected: !0
       },
       {
@@ -2453,11 +2477,11 @@ async function y(t, e, c) {
   for (const s of o)
     try {
       const p = i(s.dest);
-      n(p) || x(p, { recursive: !0 });
+      n(p) || k(p, { recursive: !0 });
       const r = !s.protected && (s.dest === "tailwind.config.cjs" || s.dest.startsWith("src/components/codehooks/") || s.dest.startsWith("src/components/widgets/") || s.dest.startsWith("src/") || s.dest.startsWith("public/client/") || s.dest === ".gitignore");
       if (!n(s.dest) || r)
         if (n(s.src))
-          k(s.src, s.dest), e.info(`Updated ${s.dest}`);
+          x(s.src, s.dest), e.info(`Updated ${s.dest}`);
         else {
           const m = f(s.dest);
           u(s.dest, m), e.info(`Created placeholder ${s.dest}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-tractstack",
-  "version": "2.3.5",
+  "version": "2.4.0",
   "description": "Astro integration for TractStack - the free web press by At Risk Media",
   "type": "module",
   "main": "dist/index.js",
@@ -50,19 +50,57 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
+  "tractstackInstall": {
+    "dependencies": {
+      "react": "^19.0.0",
+      "react-dom": "^19.0.0",
+      "astro": "^5.16.6",
+      "@astrojs/react": "^4.4.2",
+      "@astrojs/node": "^9.4.3",
+      "@nanostores/react": "^1.1.0",
+      "nanostores": "^1.3.0",
+      "@nanostores/persistent": "^1.3.4",
+      "ulid": "^3.0.2",
+      "@ark-ui/react": "^5.37.2",
+      "@internationalized/date": "^3.12.0",
+      "@heroicons/react": "^2.2.0",
+      "d3": "^7.9.0",
+      "d3-sankey": "^0.12.3",
+      "recharts": "^3.8.1",
+      "player.js": "^0.1.0",
+      "tinycolor2": "^1.6.0",
+      "html-to-image": "^1.11.13",
+      "path-to-regexp": "^8.4.2",
+      "postcss": "^8.5.15",
+      "postcss-selector-parser": "^7.1.4"
+    },
+    "devDependencies": {
+      "@types/node": "^22.20.0",
+      "@types/react": "^19.2.17",
+      "@types/react-dom": "^19.2.3",
+      "@types/d3": "^7.4.3",
+      "@types/d3-sankey": "^0.12.5",
+      "prettier": "^3.8.4",
+      "prettier-plugin-astro": "^0.14.1",
+      "prettier-plugin-tailwindcss": "^0.7.4",
+      "typescript": "^5.9.3",
+      "@types/tinycolor2": "^1.4.6",
+      "@mhsdesign/jit-browser-tailwindcss": "^0.4.2"
+    }
+  },
   "dependencies": {
     "@calcom/embed-react": "^1.5.3",
     "kleur": "^4.1.5",
     "prompts": "^2.4.2"
   },
   "devDependencies": {
-    "@ark-ui/react": "^5.30.0",
+    "@ark-ui/react": "^5.37.2",
     "@astrojs/react": "^4.4.2",
-    "@heroicons/react": "^2.1.1",
-    "@internationalized/date": "^3.10.1",
+    "@heroicons/react": "^2.2.0",
+    "@internationalized/date": "^3.12.0",
     "@mhsdesign/jit-browser-tailwindcss": "^0.4.2",
-    "@nanostores/persistent": "^1.3.3",
-    "@nanostores/react": "^1.0.0",
+    "@nanostores/persistent": "^1.3.4",
+    "@nanostores/react": "^1.1.0",
     "@types/d3": "^7.4.3",
     "@types/d3-sankey": "^0.12.5",
     "@types/node": "^22.18.0",
@@ -74,7 +112,7 @@
     "d3": "^7.9.0",
     "d3-sankey": "^0.12.3",
     "html-to-image": "^1.11.13",
-    "nanostores": "^1.1.0",
+    "nanostores": "^1.3.0",
     "player.js": "^0.1.0",
     "postcss": "^8.5.6",
     "postcss-selector-parser": "^7.1.1",
@@ -96,8 +134,7 @@
   "packageManager": "pnpm@9.15.4+sha512.b2dc20e2fc72b3e18848459b37359a32064663e5627a51e4c74b2c29dd8e8e0491483c3abb40789cfd578bf362fb6ba8261b05f0387d76792ed6e23ea3b1b6a0",
   "pnpm": {
     "overrides": {
-      "esbuild@<=0.24.2": ">=0.25.0",
-      "@internationalized/date": "3.10.1"
+      "esbuild@<=0.24.2": ">=0.25.0"
     }
   }
 }

package/templates/custom/minimal/codehooks.ts

@@ -0,0 +1,13 @@
+// Static, hand-maintained per-install manifest of available codehook ids.
+// The backend never sees this; it is a frontend build capability list only.
+// To add/remove a hook, edit this array AND add/remove the matching blade at
+// src/pages/codehooks/{id}.astro. Not regenerated automatically.
+export const availableCodeHookIds: string[] = [
+  'featured-article',
+  'list-content',
+  'search-widget',
+  'bunny-video',
+  'epinet',
+  'shopify-product-grid',
+  'shopify-service-list',
+];

package/templates/custom/shopify/ShopifyProductGrid.tsx

@@ -6,7 +6,7 @@ import { getShopifyImage } from '@/utils/helpers';
 import type { ResourceNode } from '@/types/compositorTypes';
 
 interface Props {
-  resources: Record<string, ResourceNode[]>;
+  resources: ResourceNode[];
   options?: {
     params?: {
       options?: string;
@@ -218,9 +218,9 @@ function ProductCard({ resource, allServices }: ProductCardProps) {
 
 const HEX_BG_RE = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
 
-export default function ShopifyProductGrid({ resources = {}, options }: Props) {
-  let products = resources['product'] || [];
-  const services = resources['service'] || [];
+export default function ShopifyProductGrid({ resources = [], options }: Props) {
+  let products = resources.filter((r) => r.categorySlug === 'product');
+  const services = resources.filter((r) => r.categorySlug === 'service');
 
   let group = '';
   let title = '';

package/templates/custom/shopify/ShopifyServiceList.tsx

@@ -8,7 +8,7 @@ import {
 import type { ResourceNode } from '@/types/compositorTypes';
 
 interface Props {
-  resources: Record<string, ResourceNode[]>;
+  resources: ResourceNode[];
   options?: {
     params?: {
       options?: string;
@@ -18,11 +18,11 @@ interface Props {
 
 const HEX_BG_RE = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
 
-export default function ShopifyServiceList({ resources = {}, options }: Props) {
+export default function ShopifyServiceList({ resources = [], options }: Props) {
   const cart = useStore(cartStore);
 
-  const products = resources['product'] || [];
-  let services = resources['service'] || [];
+  const products = resources.filter((r) => r.categorySlug === 'product');
+  let services = resources.filter((r) => r.categorySlug === 'service');
 
   let group = '';
   let title = '';

package/templates/custom/with-examples/codehooks.ts

@@ -0,0 +1,15 @@
+// Static, hand-maintained per-install manifest of available codehook ids.
+// The backend never sees this; it is a frontend build capability list only.
+// To add/remove a hook, edit this array AND add/remove the matching blade at
+// src/pages/codehooks/{id}.astro. Not regenerated automatically.
+export const availableCodeHookIds: string[] = [
+  'featured-article',
+  'list-content',
+  'search-widget',
+  'bunny-video',
+  'epinet',
+  'shopify-product-grid',
+  'shopify-service-list',
+  'custom-hero',
+  'get-crafting',
+];

package/templates/src/components/codehooks/EpinetDurationSelector.tsx

@@ -11,7 +11,10 @@ import XMarkIcon from '@heroicons/react/24/outline/XMarkIcon';
 import CheckCircleIcon from '@heroicons/react/24/outline/CheckCircleIcon';
 import ChevronLeftIcon from '@heroicons/react/24/outline/ChevronLeftIcon';
 import ChevronRightIcon from '@heroicons/react/24/outline/ChevronRightIcon';
-import { epinetCustomFilters } from '@/stores/analytics';
+import {
+  epinetCustomFilters,
+  setEpinetCustomFilters,
+} from '@/stores/analytics';
 import EpinetTableView from './EpinetTableView';
 import { MAX_ANALYTICS_HOURS } from '@/constants';
 import type { AppliedFilter } from '@/stores/analytics';
@@ -220,7 +223,7 @@ const EpinetDurationSelector = ({
     }
     setIsApplying(true);
     try {
-      epinetCustomFilters.set(window.TRACTSTACK_CONFIG?.tenantId || 'default', {
+      setEpinetCustomFilters(window.TRACTSTACK_CONFIG?.tenantId || 'default', {
         ...$epinetCustomFilters,
         visitorType: localFilters.visitorType,
         selectedUserId: localFilters.selectedUserId,
@@ -794,10 +797,16 @@ const EpinetDurationSelector = ({
                           collection={createListCollection({
                             items: [
                               { value: '', label: 'Select user' },
-                              ...paginatedUserCounts.map((user) => ({
-                                value: user.id,
-                                label: `${user.id} (${user.count} events)`,
-                              })),
+                              ...paginatedUserCounts.map(
+                                (user: {
+                                  id: string;
+                                  count: number;
+                                  isKnown: boolean;
+                                }) => ({
+                                  value: user.id,
+                                  label: `${user.id} (${user.count} events)`,
+                                })
+                              ),
                             ],
                           })}
                           value={
@@ -844,23 +853,29 @@ const EpinetDurationSelector = ({
                                         Select user
                                       </Select.ItemText>
                                     </Select.Item>,
-                                    ...paginatedUserCounts.map((user) => (
-                                      <Select.Item
-                                        key={user.id}
-                                        item={{
-                                          value: user.id,
-                                          label: `${user.id} (${user.count} events)`,
-                                        }}
-                                        className="epinet-user-select-item cursor-pointer select-none p-2 text-sm text-gray-700 hover:bg-slate-100"
-                                      >
-                                        <Select.ItemText>
-                                          {user.id}{' '}
-                                          <span className="text-xs text-gray-500">
-                                            ({user.count} events)
-                                          </span>
-                                        </Select.ItemText>
-                                      </Select.Item>
-                                    )),
+                                    ...paginatedUserCounts.map(
+                                      (user: {
+                                        id: string;
+                                        count: number;
+                                        isKnown: boolean;
+                                      }) => (
+                                        <Select.Item
+                                          key={user.id}
+                                          item={{
+                                            value: user.id,
+                                            label: `${user.id} (${user.count} events)`,
+                                          }}
+                                          className="epinet-user-select-item cursor-pointer select-none p-2 text-sm text-gray-700 hover:bg-slate-100"
+                                        >
+                                          <Select.ItemText>
+                                            {user.id}{' '}
+                                            <span className="text-xs text-gray-500">
+                                              ({user.count} events)
+                                            </span>
+                                          </Select.ItemText>
+                                        </Select.Item>
+                                      )
+                                    ),
                                   ]
                                 ) : (
                                   <div className="p-2 text-sm text-gray-500">

package/templates/src/components/codehooks/EpinetTableView.tsx

@@ -1,7 +1,10 @@
 import { useState, useEffect } from 'react';
 import { useStore } from '@nanostores/react';
 import { classNames } from '@/utils/helpers';
-import { epinetCustomFilters } from '@/stores/analytics';
+import {
+  epinetCustomFilters,
+  setEpinetCustomFilters,
+} from '@/stores/analytics';
 import { Accordion } from '@ark-ui/react';
 import ChevronLeftIcon from '@heroicons/react/24/outline/ChevronLeftIcon';
 import ChevronRightIcon from '@heroicons/react/24/outline/ChevronRightIcon';
@@ -176,7 +179,7 @@ const EpinetTableView = ({
       const endTimeUTC = new Date(
         Date.UTC(year, month - 1, day, hour, 59, 59, 999)
       );
-      epinetCustomFilters.set(window.TRACTSTACK_CONFIG?.tenantId || 'default', {
+      setEpinetCustomFilters(window.TRACTSTACK_CONFIG?.tenantId || 'default', {
         ...$epinetCustomFilters,
         startTimeUTC: startTimeUTC.toISOString(),
         endTimeUTC: endTimeUTC.toISOString(),

package/templates/src/components/codehooks/EpinetWrapper.tsx

@@ -6,7 +6,12 @@ import {
   type ReactNode,
 } from 'react';
 import { useStore } from '@nanostores/react';
-import { epinetCustomFilters, type AppliedFilter } from '@/stores/analytics';
+import {
+  epinetCustomFilters,
+  getEpinetCustomFilters,
+  setEpinetCustomFilters,
+  type AppliedFilter,
+} from '@/stores/analytics';
 import { TractStackAPI } from '@/utils/api';
 import SankeyDiagram from './SankeyDiagram';
 import EpinetDurationSelector from './EpinetDurationSelector';
@@ -97,7 +102,7 @@ const EpinetWrapper = ({
   useEffect(() => {
     const nowUTC = new Date();
     const oneWeekAgoUTC = new Date(nowUTC.getTime() - 7 * 24 * 60 * 60 * 1000);
-    epinetCustomFilters.set(window.TRACTSTACK_CONFIG?.tenantId || 'default', {
+    setEpinetCustomFilters(window.TRACTSTACK_CONFIG?.tenantId || 'default', {
       enabled: true,
       visitorType: 'all',
       selectedUserId: null,
@@ -133,7 +138,7 @@ const EpinetWrapper = ({
 
   const handleBeliefFilterChange = (beliefSlug: string, value: string) => {
     const tenantId = window.TRACTSTACK_CONFIG?.tenantId || 'default';
-    const currentFilters = epinetCustomFilters.get();
+    const currentFilters = getEpinetCustomFilters();
     let newFilters: AppliedFilter[] = [
       ...(currentFilters.appliedFilters || []),
     ];
@@ -151,7 +156,7 @@ const EpinetWrapper = ({
       }
     }
 
-    epinetCustomFilters.set(tenantId, {
+    setEpinetCustomFilters(tenantId, {
       ...currentFilters,
       appliedFilters: newFilters,
     });
@@ -229,7 +234,7 @@ const EpinetWrapper = ({
           error: null,
           isLoading: false,
         });
-        epinetCustomFilters.set(
+        setEpinetCustomFilters(
           window.TRACTSTACK_CONFIG?.tenantId || 'default',
           {
             ...$epinetCustomFilters,

package/templates/src/components/codehooks/FeaturedArticle.astro

@@ -7,10 +7,10 @@ export interface Props {
       options?: string;
     };
   };
-  contentMap: FullContentMapItem[];
+  fullContentMap: FullContentMapItem[];
 }
 
-const { options, contentMap } = Astro.props;
+const { options, fullContentMap } = Astro.props;
 
 let parsedOptions;
 try {
@@ -22,7 +22,7 @@ try {
 
 const slug = parsedOptions.slug || '';
 
-const featuredStory = contentMap.find(
+const featuredStory = fullContentMap.find(
   (item: FullContentMapItem) =>
     item.slug === slug &&
     item.type === 'StoryFragment' &&

package/templates/src/components/codehooks/ListContent.astro

@@ -7,10 +7,10 @@ export interface Props {
       options?: string;
     };
   };
-  contentMap: FullContentMapItem[];
+  fullContentMap: FullContentMapItem[];
 }
 
-const { options, contentMap } = Astro.props;
+const { options, fullContentMap } = Astro.props;
 
 // Parse component options
 let parsedOptions;
@@ -36,7 +36,7 @@ const title = parsedOptions.title;
 const bgColor = parsedOptions.bgColor || '';
 
 // Filter for valid stories to display
-const validPages = contentMap.filter(
+const validPages = fullContentMap.filter(
   (item: FullContentMapItem): boolean =>
     item.type === 'StoryFragment' &&
     typeof item.description === 'string' &&