astro-tractstack 2.0.32 → 2.0.34

package/dist/index.js

@@ -839,10 +839,6 @@ async function w(t, e, c) {
       src: t("../templates/src/pages/storykeep.astro"),
       dest: "src/pages/storykeep.astro"
     },
-    {
-      src: t("../templates/src/pages/storykeep/init.astro"),
-      dest: "src/pages/storykeep/init.astro"
-    },
     {
       src: t("../templates/src/pages/storykeep/content.astro"),
       dest: "src/pages/storykeep/content.astro"

package/package.json

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

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

@@ -14,6 +14,7 @@ import {
   setViewportMode,
   settingsPanelStore,
   pendingHomePageSlugStore,
+  saasModalOpenStore,
 } from '@/stores/storykeep';
 import { getCtx, ROOT_NODE_NAME } from '@/stores/nodes';
 import SaveModal from '@/components/edit/state/SaveModal';
@@ -48,7 +49,11 @@ const StoryKeepHeader = ({
   }, [ctx.history]);
 
   const handleSave = () => {
-    setShowSaveModal(true);
+    if (isSandboxMode) {
+      saasModalOpenStore.set(true);
+    } else {
+      setShowSaveModal(true);
+    }
   };
 
   const handleCloseSaveModal = () => {
@@ -167,7 +172,7 @@ const StoryKeepHeader = ({
           </div>
         )}
 
-        {shouldShowSave && !isSandboxMode && (
+        {shouldShowSave && (
           <div className="flex flex-wrap items-center justify-center gap-2 text-sm">
             <button
               onClick={handleSave}

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

@@ -23,6 +23,7 @@ import {
 import { DirectInjectStep } from './steps/DirectInjectStep';
 import BooleanToggle from '@/components/form/BooleanToggle';
 import EnumSelect from '@/components/form/EnumSelect';
+import type { StoryFragmentNode } from '@/types/compositorTypes';
 
 type Step =
   | 'initial'
@@ -306,8 +307,12 @@ const AddPaneNewPanel = ({
             first ? 'before' : 'after'
           );
         });
-        ctx.notifyNode(`root`);
+        const storyFragment = cloneDeep(
+          ctx.allNodes.get().get(ownerId)
+        ) as StoryFragmentNode;
+        ctx.modifyNodes([{ ...storyFragment, isChanged: true }]);
       }
+      ctx.notifyNode(`root`);
       setParentMode(PaneAddMode.DEFAULT, false);
     } catch (err) {
       console.error('Error inserting template:', err);

package/templates/src/pages/api/sandbox.ts

@@ -1,7 +1,6 @@
 import type { APIRoute } from '@/types/astro';
 
 export const POST: APIRoute = async ({ request }) => {
-  console.log(1);
   const goBackend =
     import.meta.env.PUBLIC_GO_BACKEND || 'http://localhost:8080';
   const sharedSecret = import.meta.env.PRIVATE_SANDBOX_SECRET;
@@ -9,9 +8,6 @@ export const POST: APIRoute = async ({ request }) => {
     request.headers.get('X-Tenant-ID') ||
     import.meta.env.PUBLIC_TENANTID ||
     'default';
-  console.log(goBackend);
-  console.log(sharedSecret);
-  console.log(tenantId);
 
   if (!sharedSecret || sharedSecret === 'false' || sharedSecret === 'true') {
     return new Response(
@@ -35,12 +31,10 @@ export const POST: APIRoute = async ({ request }) => {
       { status: 403, headers: { 'Content-Type': 'application/json' } }
     );
   }
-  console.log(profileCookie);
 
   try {
     const body = await request.json();
     const { action, payload } = body;
-    console.log(action, payload);
 
     if (action !== 'askLemur') {
       return new Response(

package/templates/src/pages/sandbox.astro

@@ -4,7 +4,9 @@ import Layout from '@/layouts/Layout.astro';
 import Header from '@/components/Header.astro';
 import { getFullContentMap } from '@/stores/analytics';
 import { getBrandConfig } from '@/utils/api/brandConfig';
-import { components as codeHookComponents } from '@/custom/CodeHook.astro';
+import CodeHook, {
+  components as codeHookComponents,
+} from '@/custom/CodeHook.astro';
 import StoryKeepHeader from '@/components/edit/Header';
 import StoryKeepToolBar from '@/components/edit/ToolBar';
 import StoryKeepToolMode from '@/components/edit/ToolMode';
@@ -62,6 +64,16 @@ const hasProfile = Astro.request.headers
   isEditor={true}
 >
   <SandboxAuthWrapper client:load isServerSideAuthenticated={!!hasProfile} />
+
+  <CodeHook
+    target="get-tractstack"
+    options={{
+      params: {
+        options: JSON.stringify({ isEmbedded: false }),
+      },
+    }}
+  />
+
   <Header
     title={title}
     slug="sandbox"

package/templates/src/stores/storykeep.ts

@@ -29,6 +29,8 @@ export const codehookMapStore = atom<string[]>([]);
 
 export const pendingHomePageSlugStore = atom<string | null>(null);
 
+export const saasModalOpenStore = atom<boolean>(false);
+
 // Tool mode types
 export type ToolModeVal =
   | 'styles'

package/utils/inject-files.ts

@@ -848,10 +848,6 @@ export async function injectTemplateFiles(
       src: resolve('../templates/src/pages/storykeep.astro'),
       dest: 'src/pages/storykeep.astro',
     },
-    {
-      src: resolve('../templates/src/pages/storykeep/init.astro'),
-      dest: 'src/pages/storykeep/init.astro',
-    },
     {
       src: resolve('../templates/src/pages/storykeep/content.astro'),
       dest: 'src/pages/storykeep/content.astro',

package/templates/src/pages/storykeep/init.astro

@@ -1,75 +0,0 @@
----
-import { freshInstallStore } from '@/stores/backend';
-import { preHealthCheck } from '@/utils/backend';
-import RegistrationForm from '@/components/tenant/RegistrationForm';
-
-const tenantId =
-  Astro.locals.tenant?.id || import.meta.env.PUBLIC_TENANTID || 'default';
-await preHealthCheck(tenantId);
-
-const { needsSetup } = freshInstallStore.get();
-
-if (!needsSetup) {
-  return Astro.redirect('/storykeep');
-}
-
-const isDev = import.meta.env.DEV;
-const isInitialized = !freshInstallStore.get().needsSetup;
-const cssBasePath = isInitialized ? '/media/css' : '/styles';
-const mainStylesUrl = isDev
-  ? `${cssBasePath}/storykeep.css`
-  : `${cssBasePath}/frontend.css`;
----
-
-<!doctype html>
-<html lang="en" class="h-full bg-gray-50">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Initialize TractStack</title>
-    <link rel="stylesheet" href={`${cssBasePath}/custom.css`} />
-    <link rel="stylesheet" href={mainStylesUrl} />
-  </head>
-  <body class="h-full">
-    <div class="max-w-5xl p-3.5 md:p-8">
-      <RegistrationForm client:load isInitMode={true} />
-    </div>
-
-    <script>
-      // Ensure clean slate for fresh installation
-      (function initCleanSlate() {
-        try {
-          // Clear admin/editor auth cookies
-          document.cookie =
-            'admin_auth=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT; SameSite=Lax';
-          document.cookie =
-            'editor_auth=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT; SameSite=Lax';
-
-          // Clear all TractStack localStorage items
-          const tractStackKeys = [];
-          for (let i = 0; i < localStorage.length; i++) {
-            const key = localStorage.key(i);
-            if (key && key.startsWith('tractstack_')) {
-              tractStackKeys.push(key);
-            }
-          }
-          tractStackKeys.forEach((key) => localStorage.removeItem(key));
-
-          // Clear session-related items
-          localStorage.removeItem('tractstack_session_id');
-          localStorage.removeItem('tractstack_fingerprint');
-          localStorage.removeItem('tractstack_visit');
-          localStorage.removeItem('tractstack_entered_tracked');
-
-          // Clear session cookie
-          document.cookie =
-            'tractstack_session_id=; path=/; expires=Thu, 01 Jan 1970 00:00:00 GMT; SameSite=Lax';
-
-          console.log('TractStack: Clean slate initialization complete');
-        } catch (error) {
-          console.warn('TractStack: Error during clean slate init:', error);
-        }
-      })();
-    </script>
-  </body>
-</html>