mirror of
https://github.com/hanzoai/insights.git
synced 2026-10-30 16:15:31 +00:00
zeekay
bc4ddf332b
Mechanically re-derived: bin/debrand runs over a fresh import of posthog/posthog@fa1a9a60d4 (2026-08-06). The pipeline (.hanzo/workflows), the Dockerfiles and bin/docker* entrypoints, compose files, LLM.md and the squashed initial migration are restored from the shipped tree, same as the previous import. The prune's import-closure guard kept 21 products the new core now imports; dropping them is a refactor now, recorded rather than forced.
63 lines
2.4 KiB
TypeScript
63 lines
2.4 KiB
TypeScript
import { OnboardingComponentsContext, createInstallation } from 'scenes/onboarding/shared/OnboardingDocsContentWrapper'
|
|
|
|
import { StepDefinition } from '../steps'
|
|
import { DEFAULT_SNIPPET_METHODS, snippetFunctions } from './_snippets/js-snippet-builder'
|
|
import { SDK_DEFAULTS_DATE } from './_snippets/sdkDefaults'
|
|
|
|
export const getBubbleSteps = (ctx: OnboardingComponentsContext): StepDefinition[] => {
|
|
const { CodeBlock, Markdown, dedent, snippets } = ctx
|
|
|
|
const JSEventCapture = snippets?.JSEventCapture
|
|
|
|
return [
|
|
{
|
|
title: 'Copy the web snippet',
|
|
badge: 'required',
|
|
content: (
|
|
<>
|
|
<Markdown>First, copy your Insights web snippet:</Markdown>
|
|
<CodeBlock
|
|
blocks={[
|
|
{
|
|
language: 'html',
|
|
file: 'HTML',
|
|
code: dedent`
|
|
<script>
|
|
${snippetFunctions(DEFAULT_SNIPPET_METHODS)}
|
|
insights.init('<ph_project_token>', {
|
|
api_host: '<ph_client_api_host>',
|
|
defaults: '${SDK_DEFAULTS_DATE}'
|
|
})
|
|
</script>
|
|
`,
|
|
},
|
|
]}
|
|
/>
|
|
</>
|
|
),
|
|
},
|
|
{
|
|
title: 'Add to Bubble',
|
|
badge: 'required',
|
|
content: (
|
|
<Markdown>
|
|
{dedent`
|
|
Go to your Bubble site settings by clicking on the icon in the left-hand menu. If you haven't
|
|
already, sign up for at least the **Starter** site plan. This enables you to add custom code. Then:
|
|
|
|
1. Go to the **SEO / metatags** tab in site settings.
|
|
2. Paste your Insights snippet in the **Script/meta tags in header** section.
|
|
3. Deploy your site to live.
|
|
`}
|
|
</Markdown>
|
|
),
|
|
},
|
|
{
|
|
title: 'Send events',
|
|
content: <>{JSEventCapture && <JSEventCapture />}</>,
|
|
},
|
|
]
|
|
}
|
|
|
|
export const BubbleInstallation = createInstallation(getBubbleSteps)
|