mirror of
https://github.com/hanzoai/insights-js.git
synced 2026-10-30 18:34:19 +00:00
zeekay
043ac58d3c
Extends the sweep beyond packages/ to the whole repo (178 files): workflows,
.eslintrc, playground, examples, tooling, root docs. Zero upstream-brand refs and
zero such filenames outside the exemptions.
REVERTS A LICENSING ERROR (from earlier rebrand e43ab1af, not this sweep):
- LICENSE had its copyright holder rewritten to 'Insights'. Restored to the real
holder: 'Copyright 2020 Posthog / Hiberly, Inc.' (+ Mixpanel, Inc.).
- NOTICE credited a non-existent upstream (github.com/getinsights/insights-js).
Restored to the real one: github.com/PostHog/posthog-js.
Apache-2.0 4(c) requires retaining upstream attribution; rewriting a third
party's copyright line falsifies ownership. Both files are now excluded from the
guard and documented as exempt in LLM.md.
Also:
- Deleted junk: AGENTS.md~upstream_main (merge leftover), the now-obsolete
rebrand script; renamed upload-*-s3.ts tooling (still used by cli.ts).
- Removed 42 stale playground/example pnpm-lock.yaml files: they pinned upstream
packages the package.json no longer references. Regenerated on install —
sed-ing a lockfile would corrupt its integrity hashes.
- Guard renamed no-posthog.yml -> brand-guard.yml and now assembles the pattern
at runtime, so no filename or file content carries the string (the previous
guard was swept by its own rule, inverting it to forbid 'insights').
47 lines
2.0 KiB
TypeScript
47 lines
2.0 KiB
TypeScript
'use client'
|
|
|
|
import { useFeatureFlag, useActiveFeatureFlags } from '@hanzo/insights-next'
|
|
|
|
export default function SSRBootstrapPage() {
|
|
// These values are available immediately on first render - no flicker.
|
|
// The InsightsProvider in layout.tsx has `bootstrapFlags` enabled, which
|
|
// evaluates flags server-side and passes them to the client via bootstrap.
|
|
const activeFlags = useActiveFeatureFlags()
|
|
const exampleFlag = useFeatureFlag('example-flag')
|
|
|
|
return (
|
|
<div>
|
|
<h1 className="text-2xl font-bold mb-2">SSR Bootstrapped Feature Flags</h1>
|
|
<p className="text-gray-600 mb-6">
|
|
This page uses client-side hooks (<code className="bg-gray-100 px-1 rounded">useFeatureFlag</code>
|
|
), but because the layout has <code className="bg-gray-100 px-1 rounded">bootstrapFlags</code> enabled,
|
|
flag values are available on the first render with no flicker.
|
|
</p>
|
|
|
|
<div className="bg-white rounded-lg border border-gray-200 p-6 mb-4">
|
|
<h2 className="font-semibold mb-2">Example Flag</h2>
|
|
<pre className="bg-gray-50 p-3 rounded text-sm overflow-auto">
|
|
{JSON.stringify(exampleFlag, null, 2) ?? 'undefined'}
|
|
</pre>
|
|
</div>
|
|
|
|
<div className="bg-white rounded-lg border border-gray-200 p-6">
|
|
<h2 className="font-semibold mb-2">Active Feature Flags</h2>
|
|
{activeFlags && activeFlags.length > 0 ? (
|
|
<ul className="text-sm space-y-1">
|
|
{activeFlags.map((flag) => (
|
|
<li key={flag} className="font-mono">
|
|
{flag}
|
|
</li>
|
|
))}
|
|
</ul>
|
|
) : (
|
|
<p className="text-sm text-gray-500">
|
|
No active flags. Create some in your Insights project to see them here.
|
|
</p>
|
|
)}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|