@heyo-sh/create-heyo-docs 0.2.3 → 0.3.0

package/deployments/cloudflare/astro/package.json

@@ -4,7 +4,7 @@
     "cf-typegen": "wrangler types --config dist/server/wrangler.json"
   },
   "dependencies": {
-    "@astrojs/cloudflare": "^14.2.3"
+    "@astrojs/cloudflare": "14.2.6"
   },
   "devDependencies": {
     "wrangler": "^4.125.0"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@heyo-sh/create-heyo-docs",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "description": "Create a standalone Heyo Docs documentation project.",
   "homepage": "https://heyo.sh",
   "repository": {

package/templates/astro/package.json

@@ -15,7 +15,7 @@
     "@astrojs/react": "^6.0.4",
     "@fontsource-variable/figtree": "^5.3.0",
     "@remixicon/react": "^4.9.0",
-    "astro": "^7.2.4",
+    "astro": "7.2.10",
     "@heyo-sh/heyo-docs": "{{HEYO_DOCS_VERSION}}",
     "react": "19.2.8",
     "react-dom": "19.2.8",

package/templates/astro/src/layouts/docs-layout.astro

@@ -1,5 +1,64 @@
 ---
 import config from "../../heyo-docs.config";
+import { adobeAnalyticsScript } from "@heyo-sh/heyo-docs/integrations/analytics/adobe";
+import { amplitudeAnalyticsScript } from "@heyo-sh/heyo-docs/integrations/analytics/amplitude";
+import { clarityBootstrapScript } from "@heyo-sh/heyo-docs/integrations/analytics/clarity";
+import { clearbitAnalyticsScript } from "@heyo-sh/heyo-docs/integrations/analytics/clearbit";
+import { fathomAnalyticsScript } from "@heyo-sh/heyo-docs/integrations/analytics/fathom";
+import {
+  googleAnalyticsBootstrapScript,
+  googleAnalyticsScript,
+} from "@heyo-sh/heyo-docs/integrations/analytics/google-analytics";
+import {
+  googleTagManagerBootstrapScript,
+  googleTagManagerNoScriptUrl,
+} from "@heyo-sh/heyo-docs/integrations/analytics/google-tag-manager";
+import { heapBootstrapScript } from "@heyo-sh/heyo-docs/integrations/analytics/heap";
+import { hotjarBootstrapScript } from "@heyo-sh/heyo-docs/integrations/analytics/hotjar";
+import {
+  logRocketBootstrapScript,
+  logRocketScript,
+} from "@heyo-sh/heyo-docs/integrations/analytics/logrocket";
+import {
+  mixpanelBootstrapScript,
+  mixpanelScript,
+} from "@heyo-sh/heyo-docs/integrations/analytics/mixpanel";
+import {
+  openpanelBootstrapScript,
+  openpanelScript,
+} from "@heyo-sh/heyo-docs/integrations/analytics/openpanel";
+import { openReplayBootstrapScript } from "@heyo-sh/heyo-docs/integrations/analytics/openreplay";
+import { osanoConsentScript } from "@heyo-sh/heyo-docs/integrations/consent/osano";
+import {
+  transcendConsentScript,
+  transcendGoogleConsentModeDefaultsScript,
+} from "@heyo-sh/heyo-docs/integrations/consent/transcend";
+import { pirschAnalyticsScript } from "@heyo-sh/heyo-docs/integrations/analytics/pirsch";
+import { plausibleAnalyticsScript } from "@heyo-sh/heyo-docs/integrations/analytics/plausible";
+import {
+  posthogApiHost,
+  posthogBootstrapScript,
+  posthogScript,
+} from "@heyo-sh/heyo-docs/integrations/analytics/posthog";
+import { rybbitAnalyticsScript } from "@heyo-sh/heyo-docs/integrations/analytics/rybbit";
+import {
+  swetrixBootstrapScript,
+  swetrixScript,
+} from "@heyo-sh/heyo-docs/integrations/analytics/swetrix";
+import { chaskiqBootstrapScript } from "@heyo-sh/heyo-docs/integrations/support/chaskiq";
+import { chatwootBootstrapScript } from "@heyo-sh/heyo-docs/integrations/support/chatwoot";
+import {
+  frontChatBootstrapScript,
+  frontChatScript,
+} from "@heyo-sh/heyo-docs/integrations/support/front";
+import { intercomBootstrapScript } from "@heyo-sh/heyo-docs/integrations/support/intercom";
+import { papercupsBootstrapScript } from "@heyo-sh/heyo-docs/integrations/support/papercups";
+import { typebotBootstrapScript } from "@heyo-sh/heyo-docs/integrations/support/typebot";
+import { umamiAnalyticsScript } from "@heyo-sh/heyo-docs/integrations/analytics/umami";
+import {
+  zammadBootstrapScript,
+  zammadChatScript,
+} from "@heyo-sh/heyo-docs/integrations/support/zammad";
 import "../styles/app.css";
 import { getThemeScript, THEME_STORAGE_KEY } from "../lib/theme";
 
@@ -20,11 +79,128 @@ const {
 } = Astro.props;
 const jsonLd = JSON.stringify(structuredData).replace(/</g, "\\u003c");
 const hasChangelog = config.groups.some((group) => group.type === "changelog");
+const osano = config.integrations.consent.osano
+  ? osanoConsentScript(config.integrations.consent.osano)
+  : undefined;
+const transcend = config.integrations.consent.transcend
+  ? transcendConsentScript(config.integrations.consent.transcend)
+  : undefined;
+const transcendGoogleConsentDefaults =
+  transcend &&
+  (config.integrations.analytics.ga4 || config.integrations.analytics.gtm)
+    ? transcendGoogleConsentModeDefaultsScript()
+    : undefined;
+const adobe = config.integrations.analytics.adobe
+  ? adobeAnalyticsScript(config.integrations.analytics.adobe)
+  : undefined;
+const amplitude = config.integrations.analytics.amplitude
+  ? amplitudeAnalyticsScript(config.integrations.analytics.amplitude)
+  : undefined;
+const clarity = config.integrations.analytics.clarity
+  ? clarityBootstrapScript()
+  : undefined;
+const clearbit = config.integrations.analytics.clearbit
+  ? clearbitAnalyticsScript(config.integrations.analytics.clearbit)
+  : undefined;
+const fathom = config.integrations.analytics.fathom
+  ? fathomAnalyticsScript(config.integrations.analytics.fathom)
+  : undefined;
+const googleAnalytics = config.integrations.analytics.ga4
+  ? googleAnalyticsScript(config.integrations.analytics.ga4)
+  : undefined;
+const googleAnalyticsBootstrap = googleAnalytics
+  ? googleAnalyticsBootstrapScript()
+  : undefined;
+const googleTagManager = config.integrations.analytics.gtm
+  ? googleTagManagerBootstrapScript()
+  : undefined;
+const googleTagManagerNoScript = config.integrations.analytics.gtm
+  ? googleTagManagerNoScriptUrl(config.integrations.analytics.gtm)
+  : undefined;
+const heap = config.integrations.analytics.heap
+  ? heapBootstrapScript()
+  : undefined;
+const hotjar = config.integrations.analytics.hotjar
+  ? hotjarBootstrapScript()
+  : undefined;
+const logRocket = config.integrations.analytics.logrocket
+  ? logRocketScript()
+  : undefined;
+const logRocketBootstrap = logRocket ? logRocketBootstrapScript() : undefined;
+const mixpanel = config.integrations.analytics.mixpanel
+  ? mixpanelScript()
+  : undefined;
+const mixpanelBootstrap = mixpanel ? mixpanelBootstrapScript() : undefined;
+const openpanel = config.integrations.analytics.openpanel
+  ? openpanelScript()
+  : undefined;
+const openpanelBootstrap = openpanel ? openpanelBootstrapScript() : undefined;
+const openReplay = config.integrations.analytics.openreplay
+  ? openReplayBootstrapScript()
+  : undefined;
+const pirsch = config.integrations.analytics.pirsch
+  ? pirschAnalyticsScript(config.integrations.analytics.pirsch)
+  : undefined;
+const plausible = config.integrations.analytics.plausible
+  ? plausibleAnalyticsScript(config.integrations.analytics.plausible)
+  : undefined;
+const posthog = config.integrations.analytics.posthog
+  ? posthogScript(config.integrations.analytics.posthog)
+  : undefined;
+const posthogBootstrap = posthog ? posthogBootstrapScript() : undefined;
+const posthogHost = config.integrations.analytics.posthog
+  ? posthogApiHost(config.integrations.analytics.posthog)
+  : undefined;
+const rybbit = config.integrations.analytics.rybbit
+  ? rybbitAnalyticsScript(config.integrations.analytics.rybbit)
+  : undefined;
+const swetrix = config.integrations.analytics.swetrix
+  ? swetrixScript()
+  : undefined;
+const swetrixBootstrap = swetrix ? swetrixBootstrapScript() : undefined;
+const umami = config.integrations.analytics.umami
+  ? umamiAnalyticsScript(config.integrations.analytics.umami)
+  : undefined;
+const intercom = config.integrations.support.intercom
+  ? intercomBootstrapScript()
+  : undefined;
+const front = config.integrations.support.front ? frontChatScript() : undefined;
+const frontBootstrap = front ? frontChatBootstrapScript() : undefined;
+const chatwoot = config.integrations.support.chatwoot
+  ? chatwootBootstrapScript()
+  : undefined;
+const chaskiq = config.integrations.support.chaskiq
+  ? chaskiqBootstrapScript()
+  : undefined;
+const papercups = config.integrations.support.papercups
+  ? papercupsBootstrapScript()
+  : undefined;
+const typebot = config.integrations.support.typebot
+  ? typebotBootstrapScript()
+  : undefined;
+const zammad = config.integrations.support.zammad
+  ? zammadChatScript(config.integrations.support.zammad)
+  : undefined;
+const zammadBootstrap = zammad ? zammadBootstrapScript() : undefined;
 ---
 
 <!doctype html>
 <html lang="en">
   <head>
+    {
+      transcendGoogleConsentDefaults && (
+        <script is:inline set:html={transcendGoogleConsentDefaults} />
+      )
+    }
+    {
+      transcend && (
+        <script
+          is:inline
+          data-cfasync={transcend.dataCfasync}
+          src={transcend.src}
+        />
+      )
+    }
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="color-scheme" content="light dark" />
@@ -43,12 +219,7 @@ const hasChangelog = config.groups.some((group) => group.type === "changelog");
     {canonical && <meta property="og:url" content={canonical} />}
     <link rel="icon" href="/favicon.ico" sizes="any" />
     <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
-    <link
-      rel="icon"
-      href="/favicon-96x96.png"
-      sizes="96x96"
-      type="image/png"
-    />
+    <link rel="icon" href="/favicon-96x96.png" sizes="96x96" type="image/png" />
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
     <link rel="manifest" href="/site.webmanifest" />
     {
@@ -61,10 +232,324 @@ const hasChangelog = config.groups.some((group) => group.type === "changelog");
         />
       )
     }
-    <script is:inline set:html={getThemeScript(THEME_STORAGE_KEY, config.mode)}></script>
-    <script is:inline type="application/ld+json" set:html={jsonLd}></script>
+    {osano && <script is:inline src={osano.src} />}
+    {
+      googleTagManager && (
+        <script
+          is:inline
+          data-google-tag-manager-container-id={
+            config.integrations.analytics.gtm?.containerId
+          }
+          set:html={googleTagManager}
+        />
+      )
+    }
+    <script
+      is:inline
+      set:html={getThemeScript(THEME_STORAGE_KEY, config.mode)}
+    />
+    {adobe && <script is:inline async src={adobe.src} />}
+    {amplitude && <script is:inline src={amplitude.src} />}
+    {
+      clarity && (
+        <script
+          is:inline
+          data-clarity-project-id={
+            config.integrations.analytics.clarity?.projectId
+          }
+          set:html={clarity}
+        />
+      )
+    }
+    {clearbit && <script is:inline src={clearbit.src} />}
+    {
+      fathom && (
+        <script
+          is:inline
+          data-site={fathom.siteId}
+          data-spa={fathom.spa}
+          defer={fathom.defer}
+          src={fathom.src}
+        />
+      )
+    }
+    {
+      googleAnalytics && googleAnalyticsBootstrap && (
+        <>
+          <script
+            is:inline
+            async={googleAnalytics.async}
+            src={googleAnalytics.src}
+          />
+          <script
+            is:inline
+            data-google-analytics-measurement-id={
+              config.integrations.analytics.ga4?.measurementId
+            }
+            set:html={googleAnalyticsBootstrap}
+          />
+        </>
+      )
+    }
+    {
+      heap && (
+        <script
+          is:inline
+          data-heap-environment-id={
+            config.integrations.analytics.heap?.environmentId
+          }
+          set:html={heap}
+        />
+      )
+    }
+    {
+      hotjar && (
+        <script
+          is:inline
+          data-hotjar-site-id={config.integrations.analytics.hotjar?.siteId}
+          data-hotjar-snippet-version={
+            config.integrations.analytics.hotjar?.snippetVersion
+          }
+          set:html={hotjar}
+        />
+      )
+    }
+    {
+      logRocket && logRocketBootstrap && (
+        <>
+          <script
+            is:inline
+            crossorigin={logRocket.crossOrigin}
+            src={logRocket.src}
+          />
+          <script
+            is:inline
+            data-logrocket-app-id={
+              config.integrations.analytics.logrocket?.appId
+            }
+            set:html={logRocketBootstrap}
+          />
+        </>
+      )
+    }
+    {
+      mixpanel && mixpanelBootstrap && (
+        <>
+          <script is:inline src={mixpanel.src} />
+          <script
+            is:inline
+            data-mixpanel-project-token={
+              config.integrations.analytics.mixpanel?.projectToken
+            }
+            set:html={mixpanelBootstrap}
+          />
+        </>
+      )
+    }
+    {
+      openpanel && openpanelBootstrap && (
+        <>
+          <script
+            is:inline
+            data-openpanel-api-url={
+              config.integrations.analytics.openpanel?.apiUrl
+            }
+            data-openpanel-client-id={
+              config.integrations.analytics.openpanel?.clientId
+            }
+            set:html={openpanelBootstrap}
+          />
+          <script
+            is:inline
+            async={openpanel.async}
+            defer={openpanel.defer}
+            src={openpanel.src}
+          />
+        </>
+      )
+    }
+    {
+      openReplay && (
+        <script
+          is:inline
+          data-openreplay-ingest-point={
+            config.integrations.analytics.openreplay?.ingestPoint
+          }
+          data-openreplay-project-key={
+            config.integrations.analytics.openreplay?.projectKey
+          }
+          set:html={openReplay}
+        />
+      )
+    }
+    {
+      pirsch && (
+        <script
+          is:inline
+          data-code={pirsch.code}
+          defer={pirsch.defer}
+          src={pirsch.src}
+        />
+      )
+    }
+    {
+      plausible && (
+        <script
+          is:inline
+          data-domain={plausible.domain}
+          defer={plausible.defer}
+          src={plausible.src}
+        />
+      )
+    }
+    {
+      posthog && posthogBootstrap && posthogHost && (
+        <>
+          <script is:inline src={posthog.src} />
+          <script
+            is:inline
+            data-posthog-api-host={posthogHost}
+            data-posthog-project-api-key={
+              config.integrations.analytics.posthog?.projectApiKey
+            }
+            set:html={posthogBootstrap}
+          />
+        </>
+      )
+    }
+    {
+      rybbit && (
+        <script
+          is:inline
+          data-site-id={rybbit.siteId}
+          defer={rybbit.defer}
+          src={rybbit.src}
+        />
+      )
+    }
+    {
+      umami && (
+        <script
+          is:inline
+          data-website-id={umami.websiteId}
+          defer={umami.defer}
+          src={umami.src}
+        />
+      )
+    }
+    {
+      chaskiq && (
+        <script
+          is:inline
+          data-chaskiq-app-id={config.integrations.support.chaskiq?.appId}
+          data-chaskiq-base-url={config.integrations.support.chaskiq?.baseUrl}
+          data-chaskiq-ws-url={config.integrations.support.chaskiq?.wsUrl}
+          set:html={chaskiq}
+        />
+      )
+    }
+    {
+      papercups && (
+        <script
+          is:inline
+          data-papercups-base-url={
+            config.integrations.support.papercups?.baseUrl
+          }
+          data-papercups-inbox={config.integrations.support.papercups?.inbox}
+          data-papercups-token={config.integrations.support.papercups?.token}
+          set:html={papercups}
+        />
+      )
+    }
+    {
+      typebot && (
+        <script
+          is:inline
+          data-heyo-typebot
+          data-typebot-api-host={config.integrations.support.typebot?.apiHost}
+          data-typebot-id={config.integrations.support.typebot?.typebot}
+          set:html={typebot}
+          type="module"
+        />
+      )
+    }
+    <script is:inline type="application/ld+json" set:html={jsonLd} />
   </head>
   <body>
+    {
+      googleTagManagerNoScript && (
+        <noscript>
+          <iframe
+            height="0"
+            src={googleTagManagerNoScript}
+            style="display:none;visibility:hidden"
+            title="Google Tag Manager"
+            width="0"
+          />
+        </noscript>
+      )
+    }
     <slot />
+    {
+      swetrix && swetrixBootstrap && (
+        <>
+          <script is:inline defer={swetrix.defer} src={swetrix.src} />
+          <script
+            is:inline
+            data-swetrix-api-url={config.integrations.analytics.swetrix?.apiUrl}
+            data-swetrix-project-id={
+              config.integrations.analytics.swetrix?.projectId
+            }
+            set:html={swetrixBootstrap}
+          />
+        </>
+      )
+    }
+    {
+      intercom && (
+        <script
+          is:inline
+          data-intercom-app-id={config.integrations.support.intercom?.appId}
+          data-intercom-api-base={config.integrations.support.intercom?.apiBase}
+          set:html={intercom}
+        />
+      )
+    }
+    {
+      front && frontBootstrap && (
+        <>
+          <script is:inline src={front.src} />
+          <script
+            is:inline
+            data-front-chat-id={config.integrations.support.front?.chatId}
+            set:html={frontBootstrap}
+          />
+        </>
+      )
+    }
+    {
+      chatwoot && (
+        <script
+          is:inline
+          data-chatwoot-base-url={config.integrations.support.chatwoot?.baseUrl}
+          data-chatwoot-website-token={
+            config.integrations.support.chatwoot?.websiteToken
+          }
+          set:html={chatwoot}
+        />
+      )
+    }
+    {
+      zammad && zammadBootstrap && (
+        <>
+          <script is:inline src={zammad.src} />
+          <script
+            is:inline
+            data-zammad-chat-id={config.integrations.support.zammad?.chatId}
+            set:html={zammadBootstrap}
+          />
+        </>
+      )
+    }
   </body>
 </html>

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

@@ -38,10 +38,7 @@ const seo = exists
     };
 ---
 
-<DocsLayout
-  {...seo}
-  robots={exists ? "index, follow" : "noindex"}
->
+<DocsLayout {...seo} robots={exists ? "index, follow" : "noindex"}>
   <AstroDocsApp
     client:load
     currentOpenApiEndpoint={currentOpenApiEndpoint}