@funnelsgrove/runtime 0.1.28 → 0.1.30

package/dist/components/RuntimeDevInfoBox.js

@@ -3,6 +3,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from 'react';
 import { clearPaywallStateValue } from '../services/funnel-state.service.js';
 import { RUNTIME_PUBLIC_ENV_KEYS, runtimePublicConfig, } from '../services/public-env.js';
+import { isPreviewFrameRuntimeSearch } from '../services/preview-frame.service.js';
 const normalizeDisplayValue = (value) => {
     if (value === null || typeof value === 'undefined' || value === '') {
         return '(empty)';
@@ -19,6 +20,19 @@ const runtimePublicConfigEntries = () => {
 const canUseDom = () => {
     return typeof window !== 'undefined';
 };
+const isRuntimeDevInfoHidden = () => {
+    if (!canUseDom()) {
+        return false;
+    }
+    try {
+        const search = window.location.search;
+        return (new URLSearchParams(search).get('hideRuntimeDevTools') === '1' ||
+            isPreviewFrameRuntimeSearch(search));
+    }
+    catch (_a) {
+        return false;
+    }
+};
 export const copyRuntimeDevInfoValue = async (value) => {
     var _a, _b;
     if (!value || value === '(empty)') {
@@ -65,7 +79,7 @@ export function RuntimeDevInfoBox({ runtimeMode, user, onSwitchToLiveMode, confi
     const [copiedKey, setCopiedKey] = useState(null);
     const [resetDone, setResetDone] = useState(false);
     const configItems = useMemo(() => [...configValues, ...runtimePublicConfigEntries()], [configValues]);
-    if (runtimeMode !== 'test') {
+    if (runtimeMode !== 'test' || isRuntimeDevInfoHidden()) {
         return null;
     }
     const markCopied = (key) => {

package/dist/runtime/posthog-flags.d.ts

@@ -4,6 +4,8 @@ type BootstrapConfig = {
     apiKey: string;
     apiHost: string;
     distinctId: string;
+    projectId?: string;
+    funnelId?: string;
 };
 export declare const bootstrapPostHog: (config: BootstrapConfig) => Promise<void>;
 export declare const isPostHogReady: () => boolean;

package/dist/runtime/posthog-flags.js

@@ -2,6 +2,19 @@ import posthog from 'posthog-js';
 let initialized = false;
 let readyPromise = null;
 export const POSTHOG_FEATURE_FLAG_READY_TIMEOUT_MS = 2500;
+const buildFlagScopeProperties = (config) => {
+    var _a, _b;
+    const properties = {};
+    const projectId = (_a = config.projectId) === null || _a === void 0 ? void 0 : _a.trim();
+    const funnelId = (_b = config.funnelId) === null || _b === void 0 ? void 0 : _b.trim();
+    if (projectId) {
+        properties.project_id = projectId;
+    }
+    if (funnelId) {
+        properties.funnel_id = funnelId;
+    }
+    return properties;
+};
 export const bootstrapPostHog = (config) => {
     if (readyPromise) {
         return readyPromise;
@@ -27,13 +40,19 @@ export const bootstrapPostHog = (config) => {
             api_host: config.apiHost,
             persistence: 'localStorage+cookie',
             person_profiles: 'identified_only',
+            advanced_disable_feature_flags_on_first_load: true,
             bootstrap: { distinctID: config.distinctId },
             loaded: () => {
+                const scopeProperties = buildFlagScopeProperties(config);
+                if (Object.keys(scopeProperties).length > 0) {
+                    posthog.setPersonPropertiesForFlags(scopeProperties, false);
+                }
                 let unsubscribe = null;
                 unsubscribe = posthog.onFeatureFlags(() => {
                     unsubscribe === null || unsubscribe === void 0 ? void 0 : unsubscribe();
                     markReady();
                 });
+                posthog.reloadFeatureFlags();
             },
         });
     });

package/dist/runtime/use-funnel-flow-controller.js

@@ -275,6 +275,8 @@ export function useFunnelFlowController({ analytics, initialStepId, lockToInitia
             apiKey: POSTHOG_PROJECT_API_KEY,
             apiHost: POSTHOG_API_HOST,
             distinctId: localUserId,
+            projectId: PROJECT_ID,
+            funnelId: FUNNEL_ID,
         })
             .then(() => setPostHogReady(true))
             .catch((error) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/runtime",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "type": "module",
   "private": false,
   "main": "./dist/index.js",