astro-tractstack 2.0.0-rc.5 → 2.0.0-rc.7

package/README.md

@@ -283,7 +283,7 @@ sudo ~/t8k/src/tractstack-go/pkg/scripts/t8k-uninstall.sh
 
 ## Support & Documentation
 
-- **Documentation**: https://tractstack.org/docs
+- **Documentation**: https://tractstack.org
 - **GitHub Issues**: https://github.com/AtRiskMedia/tractstack-go/issues
 - **Email Support**: hello@tractstack.com
 - **Community**: Join discussions about adaptive web experiences

package/bin/create-tractstack.js

@@ -29,7 +29,7 @@ function detectPackageManager() {
 }
 
 // Parse existing .env file
-function parseExistingEnv() {
+function getEnvState() {
   const defaults = {
     goBackend: 'http://localhost:8080',
     tenantId: 'default',
@@ -37,8 +37,15 @@ function parseExistingEnv() {
     enableMultiTenant: false,
   };
 
+  const found = {
+    goBackend: false,
+    tenantId: false,
+    goBackendPath: false,
+    enableMultiTenant: false,
+  };
+
   if (!existsSync('.env')) {
-    return defaults;
+    return { envDefaults: defaults, envState: found };
   }
 
   try {
@@ -50,7 +57,6 @@ function parseExistingEnv() {
       if (line && !line.startsWith('#')) {
         const [key, ...valueParts] = line.split('=');
         if (key && valueParts.length > 0) {
-          // Remove surrounding quotes and trim
           let value = valueParts.join('=').trim();
           if (
             (value.startsWith('"') && value.endsWith('"')) ||
@@ -64,18 +70,26 @@ function parseExistingEnv() {
     });
 
     return {
-      goBackend: envVars.PUBLIC_GO_BACKEND || defaults.goBackend,
-      tenantId: envVars.PUBLIC_TENANTID || defaults.tenantId,
-      goBackendPath: envVars.PRIVATE_GO_BACKEND_PATH || defaults.goBackendPath,
-      enableMultiTenant:
-        envVars.PUBLIC_ENABLE_MULTI_TENANT === 'true' ||
-        defaults.enableMultiTenant,
+      envDefaults: {
+        goBackend: envVars.PUBLIC_GO_BACKEND || defaults.goBackend,
+        tenantId: envVars.PUBLIC_TENANTID || defaults.tenantId,
+        goBackendPath:
+          envVars.PRIVATE_GO_BACKEND_PATH || defaults.goBackendPath,
+        enableMultiTenant:
+          envVars.ENABLE_MULTI_TENANT === 'true' || defaults.enableMultiTenant,
+      },
+      envState: {
+        goBackend: !!envVars.PUBLIC_GO_BACKEND,
+        tenantId: !!envVars.PUBLIC_TENANTID,
+        goBackendPath: !!envVars.PRIVATE_GO_BACKEND_PATH,
+        enableMultiTenant: !!envVars.ENABLE_MULTI_TENANT,
+      },
     };
   } catch (error) {
     console.log(
       kleur.yellow('⚠️ Found .env file but could not parse it, using defaults')
     );
-    return defaults;
+    return { envDefaults: defaults, envState: found };
   }
 }
 
@@ -141,7 +155,7 @@ ${kleur.bold('Examples:')}
   }
 
   // Parse existing .env values
-  const envDefaults = parseExistingEnv();
+  const { envDefaults, envState } = getEnvState();
   const hasExistingEnv = existsSync('.env');
 
   if (hasExistingEnv) {
@@ -152,9 +166,11 @@ ${kleur.bold('Examples:')}
     );
   }
 
-  // Prompt for configuration with existing values as defaults
-  const responses = await prompts([
-    {
+  // Build prompts array conditionally - only prompt for values not in .env
+  const promptQuestions = [];
+
+  if (!envState.goBackend) {
+    promptQuestions.push({
       type: 'text',
       name: 'goBackend',
       message: 'TractStack Go backend URL:',
@@ -167,21 +183,46 @@ ${kleur.bold('Examples:')}
           return 'Please enter a valid URL';
         }
       },
-    },
-    {
+    });
+  } else {
+    console.log(
+      kleur.green(`✓ Using Go backend URL: ${envDefaults.goBackend}`)
+    );
+  }
+
+  if (!envState.enableMultiTenant && !enableMultiTenant) {
+    promptQuestions.push({
       type: 'confirm',
       name: 'enableMultiTenant',
       message: 'Enable multi-tenant functionality?',
       initial: enableMultiTenant || envDefaults.enableMultiTenant,
-    },
-    {
-      type: (prev, values) => (values.enableMultiTenant ? 'text' : null),
+    });
+  } else {
+    const willEnable = enableMultiTenant || envDefaults.enableMultiTenant;
+    console.log(
+      kleur.green(
+        `✓ Multi-tenant functionality: ${willEnable ? 'enabled' : 'disabled'}`
+      )
+    );
+  }
+
+  // Only prompt for tenantId if multi-tenant will be enabled and tenantId not in .env
+  const willEnableMultiTenant =
+    enableMultiTenant || envDefaults.enableMultiTenant;
+  if (willEnableMultiTenant && !envState.tenantId) {
+    promptQuestions.push({
+      type: 'text',
       name: 'tenantId',
       message: 'Tenant ID:',
       initial: envDefaults.tenantId,
       validate: (value) => value.length > 0 || 'Tenant ID is required',
-    },
-    {
+    });
+  } else if (willEnableMultiTenant) {
+    console.log(kleur.green(`✓ Using Tenant ID: ${envDefaults.tenantId}`));
+  }
+
+  if (!envState.goBackendPath) {
+    promptQuestions.push({
       type: 'text',
       name: 'goBackendPath',
       message: 'TractStack Go backend path:',
@@ -192,37 +233,58 @@ ${kleur.bold('Examples:')}
         }
         return true;
       },
-    },
-    {
-      type: 'confirm',
-      name: 'includeExamples',
-      message:
-        'Include CodeHook examples? (custom components, collections route)',
-      initial: includeExamples,
-    },
-  ]);
+    });
+  } else {
+    console.log(
+      kleur.green(`✓ Using Go backend path: ${envDefaults.goBackendPath}`)
+    );
+  }
+
+  // Always ask about examples (not stored in .env)
+  promptQuestions.push({
+    type: 'confirm',
+    name: 'includeExamples',
+    message:
+      'Include CodeHook examples? (custom components, collections route)',
+    initial: includeExamples,
+  });
+
+  // Run prompts only if there are questions
+  const responses =
+    promptQuestions.length > 0 ? await prompts(promptQuestions) : {};
+
+  // Merge responses with env defaults for final values
+  const finalResponses = {
+    goBackend: responses.goBackend || envDefaults.goBackend,
+    enableMultiTenant:
+      responses.enableMultiTenant ??
+      (enableMultiTenant || envDefaults.enableMultiTenant),
+    tenantId: responses.tenantId || envDefaults.tenantId,
+    goBackendPath: responses.goBackendPath || envDefaults.goBackendPath,
+    includeExamples: responses.includeExamples ?? includeExamples,
+  };
 
-  if (!responses.goBackend) {
-    console.log(kleur.red('\n❌ Setup cancelled.'));
+  if (!finalResponses.goBackend) {
+    console.log(kleur.red('\n✗ Setup cancelled.'));
     process.exit(1);
   }
 
   // Use existing tenantId if multi-tenant is disabled
-  const finalTenantId = responses.enableMultiTenant
-    ? responses.tenantId
+  const finalTenantId = finalResponses.enableMultiTenant
+    ? finalResponses.tenantId
     : envDefaults.tenantId;
 
   if (!finalTenantId) {
-    console.log(kleur.red('\n❌ Setup cancelled - Tenant ID is required.'));
+    console.log(kleur.red('\n✗ Setup cancelled - Tenant ID is required.'));
     process.exit(1);
   }
 
   // Create .env file
   const envContent = `# TractStack Configuration
-PUBLIC_GO_BACKEND="${responses.goBackend}"
+PUBLIC_GO_BACKEND="${finalResponses.goBackend}"
 PUBLIC_TENANTID="${finalTenantId}"
-PRIVATE_GO_BACKEND_PATH="${responses.goBackendPath.endsWith('/') ? responses.goBackendPath : responses.goBackendPath + '/'}"
-${responses.enableMultiTenant ? 'PUBLIC_ENABLE_MULTI_TENANT="true"' : ''}
+PRIVATE_GO_BACKEND_PATH="${finalResponses.goBackendPath.endsWith('/') ? finalResponses.goBackendPath : finalResponses.goBackendPath + '/'}"
+ENABLE_MULTI_TENANT="${finalResponses.enableMultiTenant ? 'true' : 'false'}"
 `;
 
   try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "astro-tractstack",
-  "version": "2.0.0-rc.5",
+  "version": "2.0.0-rc.7",
   "description": "Astro integration for TractStack - redeeming the web from boring experiences",
   "type": "module",
   "main": "dist/index.js",

package/templates/src/components/Footer.astro

@@ -176,7 +176,7 @@ const createdDate = created ? new Date(created) : new Date();
         >
           Tract Stack</a
         >
-        &ndash; no-code community engine from{` `}
+        &ndash; the &#8220;free web press&#8221; by{` `}
         <a
           href="https://atriskmedia.com/?utm_source=tractstack&utm_medium=www&utm_campaign=community"
           class="font-bold underline hover:text-black"

package/templates/src/components/edit/PanelSwitch.tsx

@@ -110,13 +110,9 @@ const PanelSwitch = ({
       break;
 
     case 'style-parent-add':
-      if (markdownNode && signal.className)
+      if (markdownNode)
         return (
-          <StyleParentAddPanel
-            node={markdownNode}
-            layer={signal.layer || 0}
-            className={signal.className}
-          />
+          <StyleParentAddPanel node={markdownNode} layer={signal.layer || 0} />
         );
       break;
 
@@ -200,12 +196,11 @@ const PanelSwitch = ({
       break;
 
     case 'style-element-add':
-      if (clickedNode && markdownNode && signal.className)
+      if (clickedNode && markdownNode)
         return (
           <StyleElementAddPanel
             node={clickedNode}
             parentNode={markdownNode}
-            className={signal.className}
             onTitleChange={onTitleChange}
           />
         );

package/templates/src/components/edit/pane/AddPanePanel_new.tsx

@@ -493,7 +493,7 @@ const AddPaneNewPanel = ({
                 <Switch.HiddenInput />
                 <div className="flex h-6 items-center">
                   <Switch.Label className="px-4 text-sm text-gray-700">
-                    Use odd variant
+                    Toggle subtle variation (great for stacking content)
                   </Switch.Label>
                 </div>
               </Switch.Root>

package/templates/src/components/tenant/RegistrationForm.tsx

@@ -291,11 +291,13 @@ export default function RegistrationForm({
                 value={state.email}
                 onChange={(value) => updateField('email', value)}
                 type="email"
-                placeholder="john@example.com"
+                placeholder="susie@amazing.com"
                 error={errors.email}
               />
               <p className="mt-1 text-sm text-gray-500">
-                You'll receive an activation email at this address
+                {isInitMode
+                  ? `Used for password reset, etc.`
+                  : `You'll receive an activation email at this address`}
               </p>
             </div>
 

package/templates/src/pages/[...slug]/edit.astro

@@ -168,7 +168,13 @@ for (const [key, value] of Astro.url.searchParams) {
     <StoryKeepToolMode isContext={false} client:only="react" />
 
     <!-- Main Content Area -->
-    <main id="mainContent" class="relative flex-1">
+    <main
+      id="mainContent"
+      class="relative flex-1"
+      style={{
+        paddingBottom: 'var(--bottom-right-controls-bottom-offset, 16px)',
+      }}
+    >
       <div class="bg-myblue/20 bg-mylightgrey h-full p-1.5">
         <div
           class="h-fit min-h-screen"

package/templates/src/pages/[...slug].astro

@@ -116,7 +116,7 @@ if (!brandConfig.SITE_INIT) {
   impressions={storyData.impressions || []}
   storyfragmentId={storyfragmentId}
 >
-  <main id="main-content" class="min-h-screen w-full">
+  <main id="main-content" class="w-full">
     <div class="panes-container">
       {
         paneIds.map((paneId: string) => (

package/templates/src/pages/context/[...contextSlug]/edit.astro

@@ -159,7 +159,13 @@ for (const [key, value] of Astro.url.searchParams) {
     <StoryKeepToolMode isContext={true} client:only="react" />
 
     <!-- Main Content Area -->
-    <main id="mainContent" class="relative flex-1">
+    <main
+      id="mainContent"
+      class="relative flex-1"
+      style={{
+        paddingBottom: 'var(--bottom-right-controls-bottom-offset, 16px)',
+      }}
+    >
       <div class="bg-myblue/20 bg-mylightgrey h-full p-1.5">
         <div
           class="h-fit min-h-screen"

package/templates/src/pages/context/[...contextSlug].astro

@@ -112,7 +112,7 @@ if (!brandConfig.SITE_INIT) {
   brandConfig={brandConfig}
   storyfragmentId={paneId}
 >
-  <main id="main-content" class="min-h-screen w-full">
+  <main id="main-content" class="w-full">
     <div
       id={`pane-${paneId}`}
       data-pane-id={paneId}

package/templates/src/utils/compositor/templateMarkdownStyles.ts

@@ -359,6 +359,7 @@ export function getJustCopyDesign(
       baseClasses[2].mobile.textWRAP = 'pretty';
       baseClasses[2].mobile.maxW = '3xl';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -383,6 +384,7 @@ export function getJustCopyDesign(
       baseClasses[2].mobile.textALIGN = 'center';
       baseClasses[2].mobile.textWRAP = 'balance';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -405,6 +407,7 @@ export function getJustCopyDesign(
       baseClasses[2].mobile.textALIGN = 'left';
       baseClasses[2].mobile.textWRAP = 'pretty';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -503,6 +506,7 @@ export function getSubTitleDesign(
       baseClasses[2].mobile.textWRAP = 'pretty';
       baseClasses[2].mobile.maxW = '3xl';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -552,6 +556,7 @@ export function getSubTitleDesign(
       baseClasses[2].mobile.textALIGN = 'center';
       baseClasses[2].mobile.textWRAP = 'balance';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -647,6 +652,7 @@ export function getSubTitleDesign(
       baseClasses[2].mobile.textALIGN = 'center';
       baseClasses[2].mobile.textWRAP = 'balance';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -741,6 +747,7 @@ export function getSubTitleDesign(
       baseClasses[2].mobile.textALIGN = 'left';
       baseClasses[2].mobile.textWRAP = 'pretty';
       if (bordered) {
+        baseClasses[2].mobile.rounded = 'lg';
         baseClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',
@@ -986,6 +993,7 @@ export const getIntroDesign = (
         (parentClasses[2].mobile.textALIGN = 'center');
       parentClasses[2].mobile.textWRAP = 'balance';
       if (bordered) {
+        parentClasses[2].mobile.rounded = 'lg';
         parentClasses[2].mobile.bgCOLOR = getColor(
           {
             light: useOdd ? 'brand-2' : 'white',

package/templates/src/utils/helpers.ts

@@ -31,6 +31,7 @@ export function startLoadingAnimation() {
         if (progressInterval !== null) {
           clearInterval(progressInterval);
         }
+        return;
       }
       loadingIndicator.style.transform = `scaleX(${progress / 100})`;
     }, 20);