astro-tractstack 2.0.41 → 2.0.43

package/templates/src/utils/layout.ts

@@ -21,16 +21,18 @@ function cleanupLayoutObservers() {
     settingsPanelSubscription();
     settingsPanelSubscription = null;
   }
-  if (debouncedUpdateListener) {
+  if (debouncedUpdateListener && typeof window !== `undefined`) {
     window.removeEventListener('scroll', debouncedUpdateListener);
     window.removeEventListener('resize', debouncedUpdateListener);
     debouncedUpdateListener = null;
   }
-  const storykeepHeader = document.getElementById('storykeepHeader');
-  if (storykeepHeader) {
-    document.body.style.paddingTop = '';
-    storykeepHeader.style.position = '';
-    storykeepHeader.style.top = '';
+  if (typeof document !== `undefined`) {
+    const storykeepHeader = document.getElementById('storykeepHeader');
+    if (storykeepHeader) {
+      document.body.style.paddingTop = '';
+      storykeepHeader.style.position = '';
+      storykeepHeader.style.top = '';
+    }
   }
 }
 
@@ -45,7 +47,7 @@ function setupPaneObserver() {
       currentPaneObserver = null;
     }
 
-    if (signalValue && signalValue.nodeId) {
+    if (signalValue && signalValue.nodeId && typeof document !== `undefined`) {
       setTimeout(() => {
         const { nodeId } = signalValue;
 
@@ -77,84 +79,92 @@ function setupPaneObserver() {
 export function setupLayoutObservers(): void {
   cleanupLayoutObservers();
 
-  const storykeepHeader = document.getElementById('storykeepHeader');
-  const settingsControls = document.getElementById('settingsControls');
-  const standardHeader = document.querySelector('header');
-
-  if (!storykeepHeader || !settingsControls || !standardHeader) return;
-
-  let standardHeaderHeight = 0;
-  const updateStandardHeaderHeight = () => {
-    standardHeaderHeight = standardHeader.offsetHeight;
-  };
-
-  const updatePanelPosition = () => {
-    const headerRect = storykeepHeader.getBoundingClientRect();
-    const panelTop = headerRect.bottom;
-    settingsControls.style.top = `${panelTop}px`;
-  };
-
-  const handleScroll = () => {
-    const scrollY = window.scrollY;
-    const shouldBeSticky = scrollY > standardHeaderHeight;
-    const currentPosition = headerPositionStore.get();
-    const newPosition = shouldBeSticky ? 'sticky' : 'normal';
-
-    if (currentPosition !== newPosition) {
-      setHeaderPosition(newPosition);
-      if (shouldBeSticky) {
-        document.body.style.paddingTop = `${storykeepHeader.offsetHeight}px`;
-        storykeepHeader.style.position = 'fixed';
-        storykeepHeader.style.top = '0';
-      } else {
-        document.body.style.paddingTop = '';
-        storykeepHeader.style.position = '';
-        storykeepHeader.style.top = '';
+  if (typeof document !== `undefined` || typeof window !== `undefined`) {
+    const storykeepHeader = document.getElementById('storykeepHeader');
+    const settingsControls = document.getElementById('settingsControls');
+    const standardHeader = document.querySelector('header');
+
+    if (!storykeepHeader || !settingsControls || !standardHeader) return;
+
+    let standardHeaderHeight = 0;
+    const updateStandardHeaderHeight = () => {
+      standardHeaderHeight = standardHeader.offsetHeight;
+    };
+
+    const updatePanelPosition = () => {
+      const headerRect = storykeepHeader.getBoundingClientRect();
+      const panelTop = headerRect.bottom;
+      settingsControls.style.top = `${panelTop}px`;
+    };
+
+    const handleScroll = () => {
+      const scrollY = window.scrollY;
+      const shouldBeSticky = scrollY > standardHeaderHeight;
+      const currentPosition = headerPositionStore.get();
+      const newPosition = shouldBeSticky ? 'sticky' : 'normal';
+
+      if (currentPosition !== newPosition) {
+        setHeaderPosition(newPosition);
+        if (shouldBeSticky) {
+          document.body.style.paddingTop = `${storykeepHeader.offsetHeight}px`;
+          storykeepHeader.style.position = 'fixed';
+          storykeepHeader.style.top = '0';
+        } else {
+          document.body.style.paddingTop = '';
+          storykeepHeader.style.position = '';
+          storykeepHeader.style.top = '';
+        }
       }
-    }
-  };
+    };
 
-  debouncedUpdateListener = debounce(() => {
-    updateStandardHeaderHeight();
-    handleScroll();
-    updatePanelPosition();
-  }, 50);
+    debouncedUpdateListener = debounce(() => {
+      updateStandardHeaderHeight();
+      handleScroll();
+      updatePanelPosition();
+    }, 50);
 
-  const handleSettingsPanelChange = () => {
-    if (!settingsPanelOpenStore.get()) {
-      hasScrolledForSettingsPanel = false;
-    }
-  };
+    const handleSettingsPanelChange = () => {
+      if (!settingsPanelOpenStore.get()) {
+        hasScrolledForSettingsPanel = false;
+      }
+    };
 
-  window.addEventListener('scroll', debouncedUpdateListener, { passive: true });
-  window.addEventListener('resize', debouncedUpdateListener);
-  settingsPanelOpenStore.subscribe(handleSettingsPanelChange);
+    window.addEventListener('scroll', debouncedUpdateListener, {
+      passive: true,
+    });
+    window.addEventListener('resize', debouncedUpdateListener);
+    settingsPanelOpenStore.subscribe(handleSettingsPanelChange);
 
-  setupPaneObserver();
+    setupPaneObserver();
 
-  updateStandardHeaderHeight();
-  handleScroll();
-  updatePanelPosition();
+    updateStandardHeaderHeight();
+    handleScroll();
+    updatePanelPosition();
+  }
 }
 
 export function handleSettingsPanelMobile(isOpen: boolean): void {
-  const isMobile = window.innerWidth < 801;
-  if (!isMobile) return;
-
-  if (isOpen) {
-    const header = document.querySelector('header');
-    const headerHeight = header?.offsetHeight || 0;
-    const currentScrollY = window.scrollY;
-
-    if (currentScrollY <= headerHeight && !hasScrolledForSettingsPanel) {
-      window.scrollTo({ top: headerHeight + 10, behavior: 'smooth' });
-      hasScrolledForSettingsPanel = true;
+  if (typeof window !== `undefined` && typeof document !== `undefined`) {
+    const isMobile = window.innerWidth < 801;
+    if (!isMobile) return;
+
+    if (isOpen) {
+      const header = document.querySelector('header');
+      const headerHeight = header?.offsetHeight || 0;
+      const currentScrollY = window.scrollY;
+
+      if (currentScrollY <= headerHeight && !hasScrolledForSettingsPanel) {
+        window.scrollTo({ top: headerHeight + 10, behavior: 'smooth' });
+        hasScrolledForSettingsPanel = true;
+      }
+      setMobileHeaderFaded(true);
+    } else {
+      setMobileHeaderFaded(false);
+      hasScrolledForSettingsPanel = false;
     }
-    setMobileHeaderFaded(true);
-  } else {
-    setMobileHeaderFaded(false);
-    hasScrolledForSettingsPanel = false;
   }
 }
 
-document.addEventListener('astro:before-swap', cleanupLayoutObservers);
+if (typeof document !== `undefined`) {
+  document.addEventListener('astro:before-swap', cleanupLayoutObservers);
+}

package/templates/src/utils/tenantResolver.ts

@@ -1,4 +1,4 @@
-const VERBOSE = true;
+const VERBOSE = false;
 
 interface TenantResolution {
   id: string;

package/utils/inject-files.ts

@@ -2105,9 +2105,15 @@ export async function injectTemplateFiles(
     },
     {
       src: resolve(
-        '../templates/src/components/storykeep/widgets/SetupWizard.tsx'
+        '../templates/src/components/storykeep/widgets/HydrateWizard.tsx'
       ),
-      dest: 'src/components/storykeep/widgets/SetupWizard.tsx',
+      dest: 'src/components/storykeep/widgets/HydrateWizard.tsx',
+    },
+    {
+      src: resolve(
+        '../templates/src/components/storykeep/widgets/InitWizard.tsx'
+      ),
+      dest: 'src/components/storykeep/widgets/InitWizard.tsx',
     },
     {
       src: resolve('../templates/src/pages/storykeep/init.astro'),