astro-tractstack 2.0.0-rc.3 → 2.0.0-rc.31

package/templates/custom/minimal/CodeHook.astro

@@ -1,17 +1,16 @@
 ---
-// CodeHook Dispatcher - Minimal Version
-// Framework components are always available, custom components are commented for guidance
-
 import FeaturedContent from '@/components/codehooks/FeaturedContent.astro';
 import ListContent from '@/components/codehooks/ListContent.astro';
 import BunnyVideoWrapper from '@/components/codehooks/BunnyVideoWrapper.astro';
 import EpinetWrapper from '@/components/codehooks/EpinetWrapper';
 import type { FullContentMapItem } from '@/types/tractstack';
+import type { ResourceNode } from '@/types/compositorTypes';
 // import CustomHero from './CustomHero.astro';  // Uncomment to add custom components
 
 export interface Props {
   target: string;
   fullContentMap: FullContentMapItem[];
+  resourcesPayload?: Record<string, ResourceNode[]>;
   options?: {
     params?: {
       options?: string;
@@ -19,12 +18,14 @@ export interface Props {
   };
 }
 
-const { target, options, fullContentMap } = Astro.props;
+const { target, options, fullContentMap /*, resourcesPayload */ } = Astro.props;
+
+const enableBunny = import.meta.env.PUBLIC_ENABLE_BUNNY === 'true';
 
 export const components = {
   'featured-content': true,
   'list-content': true,
-  'bunny-video': true,
+  ...(enableBunny && { 'bunny-video': true }),
   epinet: true,
   // "custom-hero": true,  // Uncomment when you create CustomHero.astro
 };
@@ -35,7 +36,7 @@ export const components = {
     <ListContent options={options} contentMap={fullContentMap} />
   ) : target === 'featured-content' ? (
     <FeaturedContent options={options} contentMap={fullContentMap} />
-  ) : target === 'bunny-video' ? (
+  ) : target === 'bunny-video' && enableBunny ? (
     <BunnyVideoWrapper options={options} />
   ) : target === 'epinet' ? (
     <EpinetWrapper fullContentMap={fullContentMap} client:only="react" /> /* 

package/templates/custom/minimal/CustomRoutes.astro

@@ -1,46 +1,40 @@
 ---
-// V2 Custom Routes - Minimal Version
-// This is a stub - implement your custom routes here
+//import Collections from './pages/Collections.astro';
+import type { ResourceNode } from '@/types/compositorTypes';
 
 export interface Props {
   route: string;
   slug: string;
-  resources: any[];
+  resources: ResourceNode[];
   variation?: string;
 }
 
-const { route, slug, resources } = Astro.props;
+const { route, slug /*, resources */ } = Astro.props;
 
-// Define available routes here
-export const routes = {
-  // collections: true,  // Uncomment to enable collections route
-};
-
-// Example implementation for collections:
-// const payload = resources; // V2 resources are already filtered by backend
+// list all here !
+export const routes = {};
 ---
 
 {
-  (
-    /* 
-  Uncomment and customize routes as needed:
-  
-  route === "collections" ? (
+  /*
+  route === 'collections' ? (
     <Collections route={route} slug={slug} resources={payload} />
-  ) : 
+  ) : (
   */
-    <div class="rounded-lg bg-gray-50 p-8 text-center">
-      <p class="text-gray-600">Custom route "{route}" not implemented</p>
-      <p class="mt-2 text-sm text-gray-500">
-        Edit <code>src/custom/CustomRoutes.astro</code> to add your custom
-        routes
-      </p>
-      <div class="mt-4 rounded border bg-white p-4 text-left text-xs">
-        <p class="mb-2 font-bold">Route Data:</p>
-        <p>Route: {route}</p>
-        <p>Slug: {slug}</p>
-        <p>Resources: {resources.length} items</p>
-      </div>
-    </div>
-  )
+}
+
+<div class="rounded-lg bg-gray-50 p-8 text-center">
+  <p class="text-gray-600">Custom route "{route}" not found</p>
+  <p class="mt-2 text-sm text-gray-500">Available routes: collections</p>
+  <div class="mt-4 rounded border bg-white p-4 text-left text-xs">
+    <p class="mb-2 font-bold">Route Data:</p>
+    <p>Route: {route}</p>
+    <p>Slug: {slug}</p>
+  </div>
+</div>
+
+{
+  /*
+) }
+*/
 }

package/templates/custom/with-examples/CodeHook.astro

@@ -1,17 +1,16 @@
 ---
-// V2 CodeHook Dispatcher - With Examples
-// Framework components and custom examples are available
-
 import CustomHero from './CustomHero.astro';
 import FeaturedContent from '@/components/codehooks/FeaturedContent.astro';
 import ListContent from '@/components/codehooks/ListContent.astro';
 import BunnyVideoWrapper from '@/components/codehooks/BunnyVideoWrapper.astro';
 import EpinetWrapper from '@/components/codehooks/EpinetWrapper';
 import type { FullContentMapItem } from '@/types/tractstack';
+import type { ResourceNode } from '@/types/compositorTypes';
 
 export interface Props {
   target: string;
   fullContentMap: FullContentMapItem[];
+  resourcesPayload?: Record<string, ResourceNode[]>;
   options?: {
     params?: {
       options?: string;
@@ -19,13 +18,15 @@ export interface Props {
   };
 }
 
-const { target, options, fullContentMap } = Astro.props;
+const { target, options, fullContentMap /*, resourcesPayload */ } = Astro.props;
+
+const enableBunny = import.meta.env.PUBLIC_ENABLE_BUNNY === 'true';
 
 export const components = {
   'custom-hero': true,
   'featured-content': true,
   'list-content': true,
-  'bunny-video': true,
+  ...(enableBunny && { 'bunny-video': true }),
   epinet: true,
 };
 ---
@@ -35,7 +36,7 @@ export const components = {
     <ListContent options={options} contentMap={fullContentMap} />
   ) : target === 'featured-content' ? (
     <FeaturedContent options={options} contentMap={fullContentMap} />
-  ) : target === 'bunny-video' ? (
+  ) : target === 'bunny-video' && enableBunny ? (
     <BunnyVideoWrapper options={options} />
   ) : target === 'custom-hero' ? (
     <CustomHero />

package/templates/custom/with-examples/CustomRoutes.astro

@@ -1,29 +1,25 @@
 ---
-// V2 Custom Routes - With Examples
-// Full Collections implementation included
-
 import Collections from './pages/Collections.astro';
+import type { ResourceNode } from '@/types/compositorTypes';
 
 export interface Props {
   route: string;
   slug: string;
-  resources: any[];
+  resources: ResourceNode[];
   variation?: string;
 }
 
 const { route, slug, resources } = Astro.props;
 
+// list all here !
 export const routes = {
   collections: true,
 };
-
-// V2: Resources are already filtered by backend, no client-side extraction needed
-const payload = resources;
 ---
 
 {
   route === 'collections' ? (
-    <Collections route={route} slug={slug} resources={payload} />
+    <Collections route={route} slug={slug} resources={resources} />
   ) : (
     <div class="rounded-lg bg-gray-50 p-8 text-center">
       <p class="text-gray-600">Custom route "{route}" not found</p>

package/templates/custom/with-examples/pages/Collections.astro

@@ -1,110 +1,70 @@
 ---
-import Layout from '@/layouts/Layout.astro';
-//import type { MenuNode } from '@/types/tractstack';
+import CustomRoutes, { routes } from '@/custom/CustomRoutes.astro';
+import { preHealthCheck } from '@/utils/backend';
+//import type { ResourceNode } from '@/types/compositorTypes';
 
-export interface Props {
-  route: string;
-  slug: string;
-  variation?: string;
-  resources: any[];
+const tenantId =
+  Astro.locals.tenant?.id || import.meta.env.PUBLIC_TENANTID || 'default';
+
+const healthCheckRedirect = await preHealthCheck(tenantId);
+if (healthCheckRedirect !== undefined) {
+  return healthCheckRedirect;
 }
 
-const { route, slug, resources } = Astro.props;
+const { param1 } = Astro.params;
+// this needs to match the url path
+const route = `collections`;
 
-// uncomment if you add a menu id
-//
-//let menuPayload: MenuNode | null = null;
-//const hardcodedMenuId = '';
-//const goBackend = import.meta.env.PUBLIC_GO_BACKEND || 'http://localhost:8080';
-//try {
-//  const menuResponse = await fetch(`${goBackend}/api/v1/nodes/menus/${hardcodedMenuId}`);
-//  if (menuResponse.ok) {
-//    menuPayload = await menuResponse.json();
-//  }
-//} catch (error) {
-//  console.error('Error fetching menu:', error);
-//}
+// Check if route is enabled
+if (!param1 || !routes[route]) {
+  return new Response(null, {
+    status: 404,
+    statusText: 'Not Found',
+  });
+}
 
-const targetSlug = `${route}-${slug}`;
-const categoryResources = resources || [];
-const activeResource = categoryResources.find(
-  (resource: any) => resource.slug === targetSlug
-);
+// include all resource categories here
+const CATEGORIES = [`collections`];
 
-const pageTitle = `${route}=${slug}`;
----
+let resources = [];
+const goBackend = import.meta.env.PUBLIC_GO_BACKEND || 'http://localhost:8080';
 
-<Layout title={pageTitle}>
-  <div class="border-b bg-gray-100 p-4">
-    <h1 class="text-2xl font-bold">{pageTitle}</h1>
-    <p class="text-sm text-gray-600">
-      Collections page - slug: {slug}
-    </p>
-  </div>
+try {
+  const resourcesResponse = await fetch(`${goBackend}/api/v1/nodes/resources`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json', 'X-Tenant-ID': tenantId },
+    body: JSON.stringify({ categories: CATEGORIES }),
+  });
 
-  <main id="main-content" class="min-h-screen w-full">
-    <div class="bg-white p-8">
-      {
-        slug ? (
-          <div class="mx-auto max-w-4xl">
-            <h2 class="mb-4 text-xl font-bold">
-              Collection: {route}={slug}
-            </h2>
+  if (resourcesResponse.ok) {
+    const responseData = await resourcesResponse.json();
+    if (responseData.resources) {
+      resources = responseData.resources;
+    }
+  }
+} catch (error) {
+  console.error('Error fetching resources:', error);
+  return new Response(null, {
+    status: 500,
+    statusText: 'Internal Server Error',
+  });
+}
 
-            {activeResource ? (
-              <div class="mb-6 rounded-lg bg-blue-50 p-6">
-                <h3 class="mb-2 text-lg font-bold text-blue-900">
-                  {activeResource.title}
-                </h3>
-                <p class="mb-2 text-blue-800">{activeResource.oneliner}</p>
-                <div class="text-sm text-blue-600">
-                  <p>ID: {activeResource.id}</p>
-                  <p>Slug: {activeResource.slug}</p>
-                  <p>Category: {activeResource.categorySlug || 'none'}</p>
-                </div>
-              </div>
-            ) : (
-              <div class="mb-6 rounded-lg bg-yellow-50 p-6">
-                <p class="text-yellow-800">
-                  No active resource found for slug: {targetSlug}
-                </p>
-              </div>
-            )}
+/*
+if (!resources.length) {
+  return new Response(null, {
+    status: 404,
+    statusText: 'Not Found',
+  });
+}
+*/
 
-            <div class="rounded-lg bg-gray-50 p-6">
-              <h3 class="mb-4 text-lg font-bold">
-                All Resources in Category ({categoryResources.length})
-              </h3>
-              {categoryResources.length > 0 ? (
-                <div class="grid gap-4 md:grid-cols-2">
-                  {categoryResources.map((resource: any) => (
-                    <div class="rounded border bg-white p-4">
-                      <h4 class="font-bold text-gray-900">{resource.title}</h4>
-                      <p class="mt-1 text-sm text-gray-600">
-                        {resource.oneliner}
-                      </p>
-                      <div class="mt-2 text-xs text-gray-500">
-                        <p>Slug: {resource.slug}</p>
-                        {resource.categorySlug && (
-                          <p>Category: {resource.categorySlug}</p>
-                        )}
-                      </div>
-                    </div>
-                  ))}
-                </div>
-              ) : (
-                <p class="text-gray-500">
-                  No resources found in this category.
-                </p>
-              )}
-            </div>
-          </div>
-        ) : null
-      }
-    </div>
-  </main>
+const pageTitle = `${route} collection`;
+---
 
-  <div class="border-t bg-gray-100 p-4">
-    <p class="text-sm text-gray-600">Collections footer</p>
-  </div>
-</Layout>
+<div class="border-b bg-gray-100 p-4">
+  <h1 class="text-2xl font-bold">{pageTitle}</h1>
+  <p class="text-sm text-gray-600">
+    Collections page - slug: {param1}
+  </p>
+</div>

package/templates/gitignore

@@ -0,0 +1,42 @@
+# Build output
+dist/
+*.tgz
+#*.d.ts
+
+# Dependencies
+node_modules/
+
+# Environment
+.env
+.env.local
+.env.*.local
+
+# IDE
+.vscode/
+.idea/
+*.swp
+*.swo
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Coverage directory used by tools like istanbul
+coverage/
+
+# Temporary folders
+tmp/
+temp/

package/templates/prettierignore

@@ -0,0 +1,5 @@
+node_modules/
+dist/
+.astro/
+templates/css/
+templates/fonts/

package/templates/prettierrc

@@ -0,0 +1,19 @@
+{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "printWidth": 80,
+  "plugins": [
+    "prettier-plugin-astro",
+    "prettier-plugin-tailwindcss"
+  ],
+  "overrides": [
+    {
+      "files": "*.astro",
+      "options": {
+        "parser": "astro"
+      }
+    }
+  ]
+}