@jwiedeman/gtm-kit-solid 1.1.6 → 1.2.0

package/dist/index.cjs

@@ -1,17 +1,146 @@
 'use strict';
 
+var web = require('solid-js/web');
 var solidJs = require('solid-js');
 var store = require('solid-js/store');
 var gtmKit = require('@jwiedeman/gtm-kit');
 
-var s=solidJs.createContext();function v(t){var l;let i=(l=t.autoInit)!=null?l:!0,r=t.onBeforeInit,u=t.onAfterInit,m={containers:t.containers,...t.dataLayerName&&{dataLayerName:t.dataLayerName},...t.host&&{host:t.host},...t.scriptAttributes&&{scriptAttributes:t.scriptAttributes}},e=gtmKit.createGtmClient(m),[C,d]=store.createStore({initialized:!1}),c={client:e,push:n=>e.push(n),setConsentDefaults:(n,a)=>e.setConsentDefaults(n,a),updateConsent:(n,a)=>e.updateConsent(n,a),whenReady:()=>e.whenReady(),onReady:n=>e.onReady(n),get initialized(){return C.initialized}};return r&&r(e),i&&(e.init(),d("initialized",!0),u&&u(e)),solidJs.onCleanup(()=>{e.teardown();}),React.createElement(s.Provider,{value:c},t.children)}var o=()=>{let t=solidJs.useContext(s);if(!t)throw new Error('[gtm-kit] useGtm() was called outside of a GtmProvider. Make sure to wrap your app with <GtmProvider containers="GTM-XXXXXX">.');return t},S=()=>o(),h=()=>o().push,P=()=>{let{setConsentDefaults:t,updateConsent:i}=o();return {setConsentDefaults:t,updateConsent:i}},R=()=>o().client,L=()=>o().whenReady;
+// src/context.tsx
+var GtmContext = solidJs.createContext();
+var warnOnNestedProvider = () => {
+  if (process.env.NODE_ENV !== "production") {
+    console.warn("[gtm-kit/solid] Nested GtmProvider detected. You should only have one GtmProvider at the root of your app. The nested provider will be ignored.");
+  }
+};
+function GtmProvider(props) {
+  var _a;
+  const existingContext = solidJs.useContext(GtmContext);
+  if (existingContext) {
+    warnOnNestedProvider();
+    return web.memo(() => props.children);
+  }
+  const autoInit = (_a = props.autoInit) != null ? _a : true;
+  const onBeforeInit = props.onBeforeInit;
+  const onAfterInit = props.onAfterInit;
+  const clientOptions = {
+    containers: props.containers,
+    ...props.dataLayerName && {
+      dataLayerName: props.dataLayerName
+    },
+    ...props.host && {
+      host: props.host
+    },
+    ...props.scriptAttributes && {
+      scriptAttributes: props.scriptAttributes
+    }
+  };
+  const client = gtmKit.createGtmClient(clientOptions);
+  const [state, setState] = store.createStore({
+    initialized: false
+  });
+  const contextValue = {
+    client,
+    push: (value) => client.push(value),
+    setConsentDefaults: (consentState, regionOptions) => client.setConsentDefaults(consentState, regionOptions),
+    updateConsent: (consentState, regionOptions) => client.updateConsent(consentState, regionOptions),
+    isReady: () => client.isReady(),
+    whenReady: () => client.whenReady(),
+    onReady: (callback) => client.onReady(callback),
+    get initialized() {
+      return state.initialized;
+    }
+  };
+  if (onBeforeInit) {
+    onBeforeInit(client);
+  }
+  if (autoInit) {
+    client.init();
+    setState("initialized", true);
+    if (onAfterInit) {
+      onAfterInit(client);
+    }
+  }
+  solidJs.onCleanup(() => {
+    client.teardown();
+  });
+  return web.createComponent(GtmContext.Provider, {
+    value: contextValue,
+    get children() {
+      return props.children;
+    }
+  });
+}
+var useGtmContext = () => {
+  const context = solidJs.useContext(GtmContext);
+  if (!context) {
+    throw new Error('[gtm-kit/solid] useGtm() was called outside of a GtmProvider. Make sure to wrap your app with <GtmProvider containers="GTM-XXXXXX">.');
+  }
+  return context;
+};
+var useGtm = () => {
+  return useGtmContext();
+};
+var useGtmPush = () => {
+  return useGtmContext().push;
+};
+var useGtmConsent = () => {
+  const {
+    setConsentDefaults,
+    updateConsent
+  } = useGtmContext();
+  return {
+    setConsentDefaults,
+    updateConsent
+  };
+};
+var useGtmClient = () => {
+  return useGtmContext().client;
+};
+var useGtmReady = () => {
+  return useGtmContext().whenReady;
+};
+var useIsGtmReady = () => {
+  return useGtmContext().isReady;
+};
+function GtmErrorBoundary(props) {
+  var _a, _b;
+  const logErrors = (_a = props.logErrors) != null ? _a : process.env.NODE_ENV !== "production";
+  const onError = props.onError;
+  const handleError = (err) => {
+    if (logErrors) {
+      console.error("[gtm-kit/solid] Error caught by GtmErrorBoundary:", err);
+    }
+    if (onError) {
+      try {
+        onError(err);
+      } catch (e) {
+      }
+    }
+  };
+  const defaultFallback = (_err, _reset) => props.children;
+  const fallback = (_b = props.fallback) != null ? _b : defaultFallback;
+  return web.createComponent(solidJs.ErrorBoundary, {
+    fallback: (err, reset) => {
+      handleError(err);
+      if (typeof fallback === "function") {
+        return fallback(err, reset);
+      }
+      return fallback;
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
 
-exports.GtmContext = s;
-exports.GtmProvider = v;
-exports.useGtm = S;
-exports.useGtmClient = R;
-exports.useGtmConsent = P;
-exports.useGtmPush = h;
-exports.useGtmReady = L;
+exports.GtmContext = GtmContext;
+exports.GtmErrorBoundary = GtmErrorBoundary;
+exports.GtmProvider = GtmProvider;
+exports.useGtm = useGtm;
+exports.useGtmClient = useGtmClient;
+exports.useGtmConsent = useGtmConsent;
+exports.useGtmPush = useGtmPush;
+exports.useGtmReady = useGtmReady;
+exports.useIsGtmReady = useIsGtmReady;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/context.tsx"],"names":["createContext","useContext","onCleanup","createStore","createGtmClient","GtmContext","GtmProvider","props","_a","autoInit","onBeforeInit","onAfterInit","clientOptions","client","state","setState","contextValue","value","consentState","regionOptions","callback","useGtmContext","context","useGtm","useGtmPush","useGtmConsent","setConsentDefaults","updateConsent","useGtmClient","useGtmReady"],"mappings":"AAAA,OAAS,iBAAAA,EAAe,cAAAC,EAAY,aAAAC,MAA2B,WAC/D,OAAS,eAAAC,MAAmB,iBAC5B,OACE,mBAAAC,MAOK,qBA0DA,IAAMC,EAAaL,EAA+B,EAkBlD,SAASM,EAAYC,EAAsC,CAtFlE,IAAAC,EAyFE,IAAMC,GAAWD,EAAAD,EAAM,WAAN,KAAAC,EAAkB,GAC7BE,EAAeH,EAAM,aACrBI,EAAcJ,EAAM,YAGpBK,EAAwC,CAC5C,WAAYL,EAAM,WAClB,GAAIA,EAAM,eAAiB,CAAE,cAAeA,EAAM,aAAc,EAChE,GAAIA,EAAM,MAAQ,CAAE,KAAMA,EAAM,IAAK,EACrC,GAAIA,EAAM,kBAAoB,CAAE,iBAAkBA,EAAM,gBAAiB,CAC3E,EAEMM,EAAST,EAAgBQ,CAAa,EAEtC,CAACE,EAAOC,CAAQ,EAAIZ,EAAsC,CAC9D,YAAa,EACf,CAAC,EAEKa,EAAgC,CACpC,OAAAH,EACA,KAAOI,GAA0BJ,EAAO,KAAKI,CAAK,EAClD,mBAAoB,CAACC,EAA4BC,IAC/CN,EAAO,mBAAmBK,EAAcC,CAAa,EACvD,cAAe,CAACD,EAA4BC,IAC1CN,EAAO,cAAcK,EAAcC,CAAa,EAClD,UAAW,IAAMN,EAAO,UAAU,EAClC,QAAUO,GAAqDP,EAAO,QAAQO,CAAQ,EACtF,IAAI,aAAc,CAChB,OAAON,EAAM,WACf,CACF,EAGA,OAAIJ,GACFA,EAAaG,CAAM,EAIjBJ,IACFI,EAAO,KAAK,EACZE,EAAS,cAAe,EAAI,EAGxBJ,GACFA,EAAYE,CAAM,GAKtBX,EAAU,IAAM,CACdW,EAAO,SAAS,CAClB,CAAC,EAEM,oBAACR,EAAW,SAAX,CAAoB,MAAOW,GAAeT,EAAM,QAAS,CACnE,CAKA,IAAMc,EAAgB,IAAuB,CAC3C,IAAMC,EAAUrB,EAAWI,CAAU,EACrC,GAAI,CAACiB,EACH,MAAM,IAAI,MACR,gIAEF,EAEF,OAAOA,CACT,EAoBaC,EAAS,IACbF,EAAc,EAsBVG,EAAa,IACjBH,EAAc,EAAE,KAwBZI,EAAgB,IAAqB,CAChD,GAAM,CAAE,mBAAAC,EAAoB,cAAAC,CAAc,EAAIN,EAAc,EAC5D,MAAO,CAAE,mBAAAK,EAAoB,cAAAC,CAAc,CAC7C,EAgBaC,EAAe,IACnBP,EAAc,EAAE,OAwBZQ,EAAc,IAClBR,EAAc,EAAE","sourcesContent":["import { createContext, useContext, onCleanup, type JSX } from 'solid-js';\nimport { createStore } from 'solid-js/store';\nimport {\n  createGtmClient,\n  type ConsentRegionOptions,\n  type ConsentState,\n  type CreateGtmClientOptions,\n  type DataLayerValue,\n  type GtmClient,\n  type ScriptLoadState\n} from '@jwiedeman/gtm-kit';\n\n/**\n * Props for the GTM Provider component.\n */\nexport interface GtmProviderProps extends CreateGtmClientOptions {\n  /** Child components */\n  children: JSX.Element;\n\n  /**\n   * Whether to automatically initialize GTM when the provider mounts.\n   * @default true\n   */\n  autoInit?: boolean;\n\n  /**\n   * Callback executed before GTM initialization.\n   * Use this to set consent defaults.\n   */\n  onBeforeInit?: (client: GtmClient) => void;\n\n  /**\n   * Callback executed after GTM initialization.\n   */\n  onAfterInit?: (client: GtmClient) => void;\n}\n\n/**\n * The GTM context value containing all GTM functionality.\n */\nexport interface GtmContextValue {\n  /** The underlying GTM client instance */\n  client: GtmClient;\n  /** Push a value to the data layer */\n  push: (value: DataLayerValue) => void;\n  /** Set consent defaults (must be called before init) */\n  setConsentDefaults: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  /** Update consent state */\n  updateConsent: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  /** Returns a promise that resolves when all GTM scripts are loaded */\n  whenReady: () => Promise<ScriptLoadState[]>;\n  /** Register a callback for when GTM scripts are ready */\n  onReady: (callback: (state: ScriptLoadState[]) => void) => () => void;\n  /** Whether GTM has been initialized */\n  initialized: boolean;\n}\n\n/**\n * Consent-specific API subset.\n */\nexport interface GtmConsentApi {\n  setConsentDefaults: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  updateConsent: (state: ConsentState, options?: ConsentRegionOptions) => void;\n}\n\n/**\n * The GTM context for SolidJS.\n */\nexport const GtmContext = createContext<GtmContextValue>();\n\n/**\n * GTM Provider component for SolidJS.\n *\n * @example\n * ```tsx\n * import { GtmProvider } from '@jwiedeman/gtm-kit-solid';\n *\n * function App() {\n *   return (\n *     <GtmProvider containers=\"GTM-XXXXXX\">\n *       <MyApp />\n *     </GtmProvider>\n *   );\n * }\n * ```\n */\nexport function GtmProvider(props: GtmProviderProps): JSX.Element {\n  // Note: Don't destructure children - in Solid.js, children is a getter that\n  // should only be accessed inside the returned JSX to maintain proper reactivity\n  const autoInit = props.autoInit ?? true;\n  const onBeforeInit = props.onBeforeInit;\n  const onAfterInit = props.onAfterInit;\n\n  // Extract client options (everything except children and lifecycle hooks)\n  const clientOptions: CreateGtmClientOptions = {\n    containers: props.containers,\n    ...(props.dataLayerName && { dataLayerName: props.dataLayerName }),\n    ...(props.host && { host: props.host }),\n    ...(props.scriptAttributes && { scriptAttributes: props.scriptAttributes })\n  };\n\n  const client = createGtmClient(clientOptions);\n\n  const [state, setState] = createStore<{ initialized: boolean }>({\n    initialized: false\n  });\n\n  const contextValue: GtmContextValue = {\n    client,\n    push: (value: DataLayerValue) => client.push(value),\n    setConsentDefaults: (consentState: ConsentState, regionOptions?: ConsentRegionOptions) =>\n      client.setConsentDefaults(consentState, regionOptions),\n    updateConsent: (consentState: ConsentState, regionOptions?: ConsentRegionOptions) =>\n      client.updateConsent(consentState, regionOptions),\n    whenReady: () => client.whenReady(),\n    onReady: (callback: (loadState: ScriptLoadState[]) => void) => client.onReady(callback),\n    get initialized() {\n      return state.initialized;\n    }\n  };\n\n  // Call onBeforeInit hook if provided (for consent defaults)\n  if (onBeforeInit) {\n    onBeforeInit(client);\n  }\n\n  // Auto-initialize if enabled\n  if (autoInit) {\n    client.init();\n    setState('initialized', true);\n\n    // Call onAfterInit hook if provided\n    if (onAfterInit) {\n      onAfterInit(client);\n    }\n  }\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    client.teardown();\n  });\n\n  return <GtmContext.Provider value={contextValue}>{props.children}</GtmContext.Provider>;\n}\n\n/**\n * Internal helper to get the GTM context with proper error handling.\n */\nconst useGtmContext = (): GtmContextValue => {\n  const context = useContext(GtmContext);\n  if (!context) {\n    throw new Error(\n      '[gtm-kit] useGtm() was called outside of a GtmProvider. ' +\n        'Make sure to wrap your app with <GtmProvider containers=\"GTM-XXXXXX\">.'\n    );\n  }\n  return context;\n};\n\n/**\n * Hook to access the full GTM context.\n *\n * @example\n * ```tsx\n * import { useGtm } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const { push, client } = useGtm();\n *\n *   return (\n *     <button onClick={() => push({ event: 'click' })}>\n *       Click me\n *     </button>\n *   );\n * }\n * ```\n */\nexport const useGtm = (): GtmContextValue => {\n  return useGtmContext();\n};\n\n/**\n * Hook to get just the push function.\n * Use this when you only need to push events.\n *\n * @example\n * ```tsx\n * import { useGtmPush } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const push = useGtmPush();\n *\n *   return (\n *     <button onClick={() => push({ event: 'purchase', value: 99 })}>\n *       Buy\n *     </button>\n *   );\n * }\n * ```\n */\nexport const useGtmPush = (): ((value: DataLayerValue) => void) => {\n  return useGtmContext().push;\n};\n\n/**\n * Hook to access consent management functions.\n *\n * @example\n * ```tsx\n * import { useGtmConsent } from '@jwiedeman/gtm-kit-solid';\n *\n * function CookieBanner() {\n *   const { updateConsent } = useGtmConsent();\n *\n *   const acceptAll = () => {\n *     updateConsent({\n *       ad_storage: 'granted',\n *       analytics_storage: 'granted'\n *     });\n *   };\n *\n *   return <button onClick={acceptAll}>Accept All</button>;\n * }\n * ```\n */\nexport const useGtmConsent = (): GtmConsentApi => {\n  const { setConsentDefaults, updateConsent } = useGtmContext();\n  return { setConsentDefaults, updateConsent };\n};\n\n/**\n * Hook to get the raw GTM client instance.\n *\n * @example\n * ```tsx\n * import { useGtmClient } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const client = useGtmClient();\n *\n *   return <div>Initialized: {client.isInitialized() ? 'Yes' : 'No'}</div>;\n * }\n * ```\n */\nexport const useGtmClient = (): GtmClient => {\n  return useGtmContext().client;\n};\n\n/**\n * Hook to get the whenReady function.\n * Use this to wait for GTM scripts to load.\n *\n * @example\n * ```tsx\n * import { useGtmReady } from '@jwiedeman/gtm-kit-solid';\n * import { onMount } from 'solid-js';\n *\n * function MyComponent() {\n *   const whenReady = useGtmReady();\n *\n *   onMount(async () => {\n *     const states = await whenReady();\n *     console.log('GTM loaded:', states);\n *   });\n *\n *   return <div>Loading...</div>;\n * }\n * ```\n */\nexport const useGtmReady = (): (() => Promise<ScriptLoadState[]>) => {\n  return useGtmContext().whenReady;\n};\n"]}
+{"version":3,"sources":["../src/context.tsx"],"names":["createContext","useContext","onCleanup","ErrorBoundary","createStore","createGtmClient","GtmContext","warnOnNestedProvider","process","env","NODE_ENV","console","warn","GtmProvider","props","existingContext","_$memo","children","autoInit","onBeforeInit","onAfterInit","clientOptions","containers","dataLayerName","host","scriptAttributes","client","state","setState","initialized","contextValue","push","value","setConsentDefaults","consentState","regionOptions","updateConsent","isReady","whenReady","onReady","callback","init","teardown","_$createComponent","Provider","useGtmContext","context","Error","useGtm","useGtmPush","useGtmConsent","useGtmClient","useGtmReady","useIsGtmReady","GtmErrorBoundary","logErrors","onError","handleError","err","error","defaultFallback","_err","_reset","fallback","reset"],"mappings":"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","sourcesContent":["import { createContext, useContext, onCleanup, ErrorBoundary, type JSX } from 'solid-js';\nimport { createStore } from 'solid-js/store';\nimport {\n  createGtmClient,\n  type ConsentRegionOptions,\n  type ConsentState,\n  type CreateGtmClientOptions,\n  type DataLayerValue,\n  type GtmClient,\n  type ScriptLoadState\n} from '@jwiedeman/gtm-kit';\n\n/**\n * Props for the GTM Provider component.\n */\nexport interface GtmProviderProps extends CreateGtmClientOptions {\n  /** Child components */\n  children: JSX.Element;\n\n  /**\n   * Whether to automatically initialize GTM when the provider mounts.\n   * @default true\n   */\n  autoInit?: boolean;\n\n  /**\n   * Callback executed before GTM initialization.\n   * Use this to set consent defaults.\n   */\n  onBeforeInit?: (client: GtmClient) => void;\n\n  /**\n   * Callback executed after GTM initialization.\n   */\n  onAfterInit?: (client: GtmClient) => void;\n}\n\n/**\n * The GTM context value containing all GTM functionality.\n */\nexport interface GtmContextValue {\n  /** The underlying GTM client instance */\n  client: GtmClient;\n  /** Push a value to the data layer */\n  push: (value: DataLayerValue) => void;\n  /** Set consent defaults (must be called before init) */\n  setConsentDefaults: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  /** Update consent state */\n  updateConsent: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  /** Synchronously check if all GTM scripts have finished loading */\n  isReady: () => boolean;\n  /** Returns a promise that resolves when all GTM scripts are loaded */\n  whenReady: () => Promise<ScriptLoadState[]>;\n  /** Register a callback for when GTM scripts are ready */\n  onReady: (callback: (state: ScriptLoadState[]) => void) => () => void;\n  /** Whether GTM has been initialized */\n  initialized: boolean;\n}\n\n/**\n * Consent-specific API subset.\n */\nexport interface GtmConsentApi {\n  setConsentDefaults: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  updateConsent: (state: ConsentState, options?: ConsentRegionOptions) => void;\n}\n\n/**\n * The GTM context for SolidJS.\n */\nexport const GtmContext = createContext<GtmContextValue>();\n\nconst warnOnNestedProvider = (): void => {\n  if (process.env.NODE_ENV !== 'production') {\n    console.warn(\n      '[gtm-kit/solid] Nested GtmProvider detected. You should only have one GtmProvider at the root of your app. ' +\n        'The nested provider will be ignored.'\n    );\n  }\n};\n\n/**\n * GTM Provider component for SolidJS.\n *\n * @example\n * ```tsx\n * import { GtmProvider } from '@jwiedeman/gtm-kit-solid';\n *\n * function App() {\n *   return (\n *     <GtmProvider containers=\"GTM-XXXXXX\">\n *       <MyApp />\n *     </GtmProvider>\n *   );\n * }\n * ```\n */\nexport function GtmProvider(props: GtmProviderProps): JSX.Element {\n  // Check for nested provider\n  const existingContext = useContext(GtmContext);\n  if (existingContext) {\n    warnOnNestedProvider();\n    return <>{props.children}</>;\n  }\n\n  // Note: Don't destructure children - in Solid.js, children is a getter that\n  // should only be accessed inside the returned JSX to maintain proper reactivity\n  const autoInit = props.autoInit ?? true;\n  const onBeforeInit = props.onBeforeInit;\n  const onAfterInit = props.onAfterInit;\n\n  // Extract client options (everything except children and lifecycle hooks)\n  const clientOptions: CreateGtmClientOptions = {\n    containers: props.containers,\n    ...(props.dataLayerName && { dataLayerName: props.dataLayerName }),\n    ...(props.host && { host: props.host }),\n    ...(props.scriptAttributes && { scriptAttributes: props.scriptAttributes })\n  };\n\n  const client = createGtmClient(clientOptions);\n\n  const [state, setState] = createStore<{ initialized: boolean }>({\n    initialized: false\n  });\n\n  const contextValue: GtmContextValue = {\n    client,\n    push: (value: DataLayerValue) => client.push(value),\n    setConsentDefaults: (consentState: ConsentState, regionOptions?: ConsentRegionOptions) =>\n      client.setConsentDefaults(consentState, regionOptions),\n    updateConsent: (consentState: ConsentState, regionOptions?: ConsentRegionOptions) =>\n      client.updateConsent(consentState, regionOptions),\n    isReady: () => client.isReady(),\n    whenReady: () => client.whenReady(),\n    onReady: (callback: (loadState: ScriptLoadState[]) => void) => client.onReady(callback),\n    get initialized() {\n      return state.initialized;\n    }\n  };\n\n  // Call onBeforeInit hook if provided (for consent defaults)\n  if (onBeforeInit) {\n    onBeforeInit(client);\n  }\n\n  // Auto-initialize if enabled\n  if (autoInit) {\n    client.init();\n    setState('initialized', true);\n\n    // Call onAfterInit hook if provided\n    if (onAfterInit) {\n      onAfterInit(client);\n    }\n  }\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    client.teardown();\n  });\n\n  return <GtmContext.Provider value={contextValue}>{props.children}</GtmContext.Provider>;\n}\n\n/**\n * Internal helper to get the GTM context with proper error handling.\n */\nconst useGtmContext = (): GtmContextValue => {\n  const context = useContext(GtmContext);\n  if (!context) {\n    throw new Error(\n      '[gtm-kit/solid] useGtm() was called outside of a GtmProvider. ' +\n        'Make sure to wrap your app with <GtmProvider containers=\"GTM-XXXXXX\">.'\n    );\n  }\n  return context;\n};\n\n/**\n * Hook to access the full GTM context.\n *\n * @example\n * ```tsx\n * import { useGtm } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const { push, client } = useGtm();\n *\n *   return (\n *     <button onClick={() => push({ event: 'click' })}>\n *       Click me\n *     </button>\n *   );\n * }\n * ```\n */\nexport const useGtm = (): GtmContextValue => {\n  return useGtmContext();\n};\n\n/**\n * Hook to get just the push function.\n * Use this when you only need to push events.\n *\n * @example\n * ```tsx\n * import { useGtmPush } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const push = useGtmPush();\n *\n *   return (\n *     <button onClick={() => push({ event: 'purchase', value: 99 })}>\n *       Buy\n *     </button>\n *   );\n * }\n * ```\n */\nexport const useGtmPush = (): ((value: DataLayerValue) => void) => {\n  return useGtmContext().push;\n};\n\n/**\n * Hook to access consent management functions.\n *\n * @example\n * ```tsx\n * import { useGtmConsent } from '@jwiedeman/gtm-kit-solid';\n *\n * function CookieBanner() {\n *   const { updateConsent } = useGtmConsent();\n *\n *   const acceptAll = () => {\n *     updateConsent({\n *       ad_storage: 'granted',\n *       analytics_storage: 'granted'\n *     });\n *   };\n *\n *   return <button onClick={acceptAll}>Accept All</button>;\n * }\n * ```\n */\nexport const useGtmConsent = (): GtmConsentApi => {\n  const { setConsentDefaults, updateConsent } = useGtmContext();\n  return { setConsentDefaults, updateConsent };\n};\n\n/**\n * Hook to get the raw GTM client instance.\n *\n * @example\n * ```tsx\n * import { useGtmClient } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const client = useGtmClient();\n *\n *   return <div>Initialized: {client.isInitialized() ? 'Yes' : 'No'}</div>;\n * }\n * ```\n */\nexport const useGtmClient = (): GtmClient => {\n  return useGtmContext().client;\n};\n\n/**\n * Hook to get the whenReady function.\n * Use this to wait for GTM scripts to load.\n *\n * @example\n * ```tsx\n * import { useGtmReady } from '@jwiedeman/gtm-kit-solid';\n * import { onMount } from 'solid-js';\n *\n * function MyComponent() {\n *   const whenReady = useGtmReady();\n *\n *   onMount(async () => {\n *     const states = await whenReady();\n *     console.log('GTM loaded:', states);\n *   });\n *\n *   return <div>Loading...</div>;\n * }\n * ```\n */\nexport const useGtmReady = (): (() => Promise<ScriptLoadState[]>) => {\n  return useGtmContext().whenReady;\n};\n\n/**\n * Hook to check if GTM scripts have finished loading synchronously.\n *\n * @example\n * ```tsx\n * import { useIsGtmReady } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const isReady = useIsGtmReady();\n *\n *   return <div>GTM Ready: {isReady() ? 'Yes' : 'No'}</div>;\n * }\n * ```\n */\nexport const useIsGtmReady = (): (() => boolean) => {\n  return useGtmContext().isReady;\n};\n\n/**\n * Props for GtmErrorBoundary component.\n */\nexport interface GtmErrorBoundaryProps {\n  /** Child components */\n  children: JSX.Element;\n  /** Fallback UI to render when an error occurs */\n  fallback?: JSX.Element | ((err: Error, reset: () => void) => JSX.Element);\n  /** Callback invoked when an error is caught */\n  onError?: (error: Error) => void;\n  /** Whether to log errors to console (default: true in development) */\n  logErrors?: boolean;\n}\n\n/**\n * Error boundary component for GTM provider in SolidJS apps.\n * Catches errors during GTM initialization and renders a fallback UI.\n *\n * @example\n * ```tsx\n * import { GtmProvider, GtmErrorBoundary } from '@jwiedeman/gtm-kit-solid';\n *\n * function App() {\n *   return (\n *     <GtmErrorBoundary\n *       fallback={(err, reset) => (\n *         <div>\n *           <p>GTM failed: {err.message}</p>\n *           <button onClick={reset}>Retry</button>\n *         </div>\n *       )}\n *     >\n *       <GtmProvider containers=\"GTM-XXXXXX\">\n *         <MyApp />\n *       </GtmProvider>\n *     </GtmErrorBoundary>\n *   );\n * }\n * ```\n */\nexport function GtmErrorBoundary(props: GtmErrorBoundaryProps): JSX.Element {\n  const logErrors = props.logErrors ?? process.env.NODE_ENV !== 'production';\n  const onError = props.onError;\n\n  const handleError = (err: Error) => {\n    if (logErrors) {\n      console.error('[gtm-kit/solid] Error caught by GtmErrorBoundary:', err);\n    }\n\n    if (onError) {\n      try {\n        onError(err);\n      } catch {\n        // Ignore callback errors\n      }\n    }\n  };\n\n  // Default fallback - just render children (silent degradation)\n  const defaultFallback = (_err: Error, _reset: () => void) => props.children;\n\n  const fallback = props.fallback ?? defaultFallback;\n\n  return (\n    <ErrorBoundary\n      fallback={(err: Error, reset: () => void) => {\n        handleError(err);\n        if (typeof fallback === 'function') {\n          return fallback(err, reset);\n        }\n        return fallback;\n      }}\n    >\n      {props.children}\n    </ErrorBoundary>\n  );\n}\n"]}

package/dist/index.d.cts

@@ -35,6 +35,8 @@ interface GtmContextValue {
     setConsentDefaults: (state: ConsentState, options?: ConsentRegionOptions) => void;
     /** Update consent state */
     updateConsent: (state: ConsentState, options?: ConsentRegionOptions) => void;
+    /** Synchronously check if all GTM scripts have finished loading */
+    isReady: () => boolean;
     /** Returns a promise that resolves when all GTM scripts are loaded */
     whenReady: () => Promise<ScriptLoadState[]>;
     /** Register a callback for when GTM scripts are ready */
@@ -168,5 +170,60 @@ declare const useGtmClient: () => GtmClient;
  * ```
  */
 declare const useGtmReady: () => (() => Promise<ScriptLoadState[]>);
+/**
+ * Hook to check if GTM scripts have finished loading synchronously.
+ *
+ * @example
+ * ```tsx
+ * import { useIsGtmReady } from '@jwiedeman/gtm-kit-solid';
+ *
+ * function MyComponent() {
+ *   const isReady = useIsGtmReady();
+ *
+ *   return <div>GTM Ready: {isReady() ? 'Yes' : 'No'}</div>;
+ * }
+ * ```
+ */
+declare const useIsGtmReady: () => (() => boolean);
+/**
+ * Props for GtmErrorBoundary component.
+ */
+interface GtmErrorBoundaryProps {
+    /** Child components */
+    children: JSX.Element;
+    /** Fallback UI to render when an error occurs */
+    fallback?: JSX.Element | ((err: Error, reset: () => void) => JSX.Element);
+    /** Callback invoked when an error is caught */
+    onError?: (error: Error) => void;
+    /** Whether to log errors to console (default: true in development) */
+    logErrors?: boolean;
+}
+/**
+ * Error boundary component for GTM provider in SolidJS apps.
+ * Catches errors during GTM initialization and renders a fallback UI.
+ *
+ * @example
+ * ```tsx
+ * import { GtmProvider, GtmErrorBoundary } from '@jwiedeman/gtm-kit-solid';
+ *
+ * function App() {
+ *   return (
+ *     <GtmErrorBoundary
+ *       fallback={(err, reset) => (
+ *         <div>
+ *           <p>GTM failed: {err.message}</p>
+ *           <button onClick={reset}>Retry</button>
+ *         </div>
+ *       )}
+ *     >
+ *       <GtmProvider containers="GTM-XXXXXX">
+ *         <MyApp />
+ *       </GtmProvider>
+ *     </GtmErrorBoundary>
+ *   );
+ * }
+ * ```
+ */
+declare function GtmErrorBoundary(props: GtmErrorBoundaryProps): JSX.Element;
 
-export { GtmConsentApi, GtmContext, GtmContextValue, GtmProvider, GtmProviderProps, useGtm, useGtmClient, useGtmConsent, useGtmPush, useGtmReady };
+export { GtmConsentApi, GtmContext, GtmContextValue, GtmErrorBoundary, GtmErrorBoundaryProps, GtmProvider, GtmProviderProps, useGtm, useGtmClient, useGtmConsent, useGtmPush, useGtmReady, useIsGtmReady };

package/dist/index.d.ts

@@ -35,6 +35,8 @@ interface GtmContextValue {
     setConsentDefaults: (state: ConsentState, options?: ConsentRegionOptions) => void;
     /** Update consent state */
     updateConsent: (state: ConsentState, options?: ConsentRegionOptions) => void;
+    /** Synchronously check if all GTM scripts have finished loading */
+    isReady: () => boolean;
     /** Returns a promise that resolves when all GTM scripts are loaded */
     whenReady: () => Promise<ScriptLoadState[]>;
     /** Register a callback for when GTM scripts are ready */
@@ -168,5 +170,60 @@ declare const useGtmClient: () => GtmClient;
  * ```
  */
 declare const useGtmReady: () => (() => Promise<ScriptLoadState[]>);
+/**
+ * Hook to check if GTM scripts have finished loading synchronously.
+ *
+ * @example
+ * ```tsx
+ * import { useIsGtmReady } from '@jwiedeman/gtm-kit-solid';
+ *
+ * function MyComponent() {
+ *   const isReady = useIsGtmReady();
+ *
+ *   return <div>GTM Ready: {isReady() ? 'Yes' : 'No'}</div>;
+ * }
+ * ```
+ */
+declare const useIsGtmReady: () => (() => boolean);
+/**
+ * Props for GtmErrorBoundary component.
+ */
+interface GtmErrorBoundaryProps {
+    /** Child components */
+    children: JSX.Element;
+    /** Fallback UI to render when an error occurs */
+    fallback?: JSX.Element | ((err: Error, reset: () => void) => JSX.Element);
+    /** Callback invoked when an error is caught */
+    onError?: (error: Error) => void;
+    /** Whether to log errors to console (default: true in development) */
+    logErrors?: boolean;
+}
+/**
+ * Error boundary component for GTM provider in SolidJS apps.
+ * Catches errors during GTM initialization and renders a fallback UI.
+ *
+ * @example
+ * ```tsx
+ * import { GtmProvider, GtmErrorBoundary } from '@jwiedeman/gtm-kit-solid';
+ *
+ * function App() {
+ *   return (
+ *     <GtmErrorBoundary
+ *       fallback={(err, reset) => (
+ *         <div>
+ *           <p>GTM failed: {err.message}</p>
+ *           <button onClick={reset}>Retry</button>
+ *         </div>
+ *       )}
+ *     >
+ *       <GtmProvider containers="GTM-XXXXXX">
+ *         <MyApp />
+ *       </GtmProvider>
+ *     </GtmErrorBoundary>
+ *   );
+ * }
+ * ```
+ */
+declare function GtmErrorBoundary(props: GtmErrorBoundaryProps): JSX.Element;
 
-export { GtmConsentApi, GtmContext, GtmContextValue, GtmProvider, GtmProviderProps, useGtm, useGtmClient, useGtmConsent, useGtmPush, useGtmReady };
+export { GtmConsentApi, GtmContext, GtmContextValue, GtmErrorBoundary, GtmErrorBoundaryProps, GtmProvider, GtmProviderProps, useGtm, useGtmClient, useGtmConsent, useGtmPush, useGtmReady, useIsGtmReady };

package/dist/index.js

@@ -1,9 +1,136 @@
-import { createContext, onCleanup, useContext } from 'solid-js';
+import { memo, createComponent } from 'solid-js/web';
+import { createContext, useContext, onCleanup, ErrorBoundary } from 'solid-js';
 import { createStore } from 'solid-js/store';
 import { createGtmClient } from '@jwiedeman/gtm-kit';
 
-var s=createContext();function v(t){var l;let i=(l=t.autoInit)!=null?l:!0,r=t.onBeforeInit,u=t.onAfterInit,m={containers:t.containers,...t.dataLayerName&&{dataLayerName:t.dataLayerName},...t.host&&{host:t.host},...t.scriptAttributes&&{scriptAttributes:t.scriptAttributes}},e=createGtmClient(m),[C,d]=createStore({initialized:!1}),c={client:e,push:n=>e.push(n),setConsentDefaults:(n,a)=>e.setConsentDefaults(n,a),updateConsent:(n,a)=>e.updateConsent(n,a),whenReady:()=>e.whenReady(),onReady:n=>e.onReady(n),get initialized(){return C.initialized}};return r&&r(e),i&&(e.init(),d("initialized",!0),u&&u(e)),onCleanup(()=>{e.teardown();}),React.createElement(s.Provider,{value:c},t.children)}var o=()=>{let t=useContext(s);if(!t)throw new Error('[gtm-kit] useGtm() was called outside of a GtmProvider. Make sure to wrap your app with <GtmProvider containers="GTM-XXXXXX">.');return t},S=()=>o(),h=()=>o().push,P=()=>{let{setConsentDefaults:t,updateConsent:i}=o();return {setConsentDefaults:t,updateConsent:i}},R=()=>o().client,L=()=>o().whenReady;
+// src/context.tsx
+var GtmContext = createContext();
+var warnOnNestedProvider = () => {
+  if (process.env.NODE_ENV !== "production") {
+    console.warn("[gtm-kit/solid] Nested GtmProvider detected. You should only have one GtmProvider at the root of your app. The nested provider will be ignored.");
+  }
+};
+function GtmProvider(props) {
+  var _a;
+  const existingContext = useContext(GtmContext);
+  if (existingContext) {
+    warnOnNestedProvider();
+    return memo(() => props.children);
+  }
+  const autoInit = (_a = props.autoInit) != null ? _a : true;
+  const onBeforeInit = props.onBeforeInit;
+  const onAfterInit = props.onAfterInit;
+  const clientOptions = {
+    containers: props.containers,
+    ...props.dataLayerName && {
+      dataLayerName: props.dataLayerName
+    },
+    ...props.host && {
+      host: props.host
+    },
+    ...props.scriptAttributes && {
+      scriptAttributes: props.scriptAttributes
+    }
+  };
+  const client = createGtmClient(clientOptions);
+  const [state, setState] = createStore({
+    initialized: false
+  });
+  const contextValue = {
+    client,
+    push: (value) => client.push(value),
+    setConsentDefaults: (consentState, regionOptions) => client.setConsentDefaults(consentState, regionOptions),
+    updateConsent: (consentState, regionOptions) => client.updateConsent(consentState, regionOptions),
+    isReady: () => client.isReady(),
+    whenReady: () => client.whenReady(),
+    onReady: (callback) => client.onReady(callback),
+    get initialized() {
+      return state.initialized;
+    }
+  };
+  if (onBeforeInit) {
+    onBeforeInit(client);
+  }
+  if (autoInit) {
+    client.init();
+    setState("initialized", true);
+    if (onAfterInit) {
+      onAfterInit(client);
+    }
+  }
+  onCleanup(() => {
+    client.teardown();
+  });
+  return createComponent(GtmContext.Provider, {
+    value: contextValue,
+    get children() {
+      return props.children;
+    }
+  });
+}
+var useGtmContext = () => {
+  const context = useContext(GtmContext);
+  if (!context) {
+    throw new Error('[gtm-kit/solid] useGtm() was called outside of a GtmProvider. Make sure to wrap your app with <GtmProvider containers="GTM-XXXXXX">.');
+  }
+  return context;
+};
+var useGtm = () => {
+  return useGtmContext();
+};
+var useGtmPush = () => {
+  return useGtmContext().push;
+};
+var useGtmConsent = () => {
+  const {
+    setConsentDefaults,
+    updateConsent
+  } = useGtmContext();
+  return {
+    setConsentDefaults,
+    updateConsent
+  };
+};
+var useGtmClient = () => {
+  return useGtmContext().client;
+};
+var useGtmReady = () => {
+  return useGtmContext().whenReady;
+};
+var useIsGtmReady = () => {
+  return useGtmContext().isReady;
+};
+function GtmErrorBoundary(props) {
+  var _a, _b;
+  const logErrors = (_a = props.logErrors) != null ? _a : process.env.NODE_ENV !== "production";
+  const onError = props.onError;
+  const handleError = (err) => {
+    if (logErrors) {
+      console.error("[gtm-kit/solid] Error caught by GtmErrorBoundary:", err);
+    }
+    if (onError) {
+      try {
+        onError(err);
+      } catch (e) {
+      }
+    }
+  };
+  const defaultFallback = (_err, _reset) => props.children;
+  const fallback = (_b = props.fallback) != null ? _b : defaultFallback;
+  return createComponent(ErrorBoundary, {
+    fallback: (err, reset) => {
+      handleError(err);
+      if (typeof fallback === "function") {
+        return fallback(err, reset);
+      }
+      return fallback;
+    },
+    get children() {
+      return props.children;
+    }
+  });
+}
 
-export { s as GtmContext, v as GtmProvider, S as useGtm, R as useGtmClient, P as useGtmConsent, h as useGtmPush, L as useGtmReady };
+export { GtmContext, GtmErrorBoundary, GtmProvider, useGtm, useGtmClient, useGtmConsent, useGtmPush, useGtmReady, useIsGtmReady };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/context.tsx"],"names":["createContext","useContext","onCleanup","createStore","createGtmClient","GtmContext","GtmProvider","props","_a","autoInit","onBeforeInit","onAfterInit","clientOptions","client","state","setState","contextValue","value","consentState","regionOptions","callback","useGtmContext","context","useGtm","useGtmPush","useGtmConsent","setConsentDefaults","updateConsent","useGtmClient","useGtmReady"],"mappings":"AAAA,OAAS,iBAAAA,EAAe,cAAAC,EAAY,aAAAC,MAA2B,WAC/D,OAAS,eAAAC,MAAmB,iBAC5B,OACE,mBAAAC,MAOK,qBA0DA,IAAMC,EAAaL,EAA+B,EAkBlD,SAASM,EAAYC,EAAsC,CAtFlE,IAAAC,EAyFE,IAAMC,GAAWD,EAAAD,EAAM,WAAN,KAAAC,EAAkB,GAC7BE,EAAeH,EAAM,aACrBI,EAAcJ,EAAM,YAGpBK,EAAwC,CAC5C,WAAYL,EAAM,WAClB,GAAIA,EAAM,eAAiB,CAAE,cAAeA,EAAM,aAAc,EAChE,GAAIA,EAAM,MAAQ,CAAE,KAAMA,EAAM,IAAK,EACrC,GAAIA,EAAM,kBAAoB,CAAE,iBAAkBA,EAAM,gBAAiB,CAC3E,EAEMM,EAAST,EAAgBQ,CAAa,EAEtC,CAACE,EAAOC,CAAQ,EAAIZ,EAAsC,CAC9D,YAAa,EACf,CAAC,EAEKa,EAAgC,CACpC,OAAAH,EACA,KAAOI,GAA0BJ,EAAO,KAAKI,CAAK,EAClD,mBAAoB,CAACC,EAA4BC,IAC/CN,EAAO,mBAAmBK,EAAcC,CAAa,EACvD,cAAe,CAACD,EAA4BC,IAC1CN,EAAO,cAAcK,EAAcC,CAAa,EAClD,UAAW,IAAMN,EAAO,UAAU,EAClC,QAAUO,GAAqDP,EAAO,QAAQO,CAAQ,EACtF,IAAI,aAAc,CAChB,OAAON,EAAM,WACf,CACF,EAGA,OAAIJ,GACFA,EAAaG,CAAM,EAIjBJ,IACFI,EAAO,KAAK,EACZE,EAAS,cAAe,EAAI,EAGxBJ,GACFA,EAAYE,CAAM,GAKtBX,EAAU,IAAM,CACdW,EAAO,SAAS,CAClB,CAAC,EAEM,oBAACR,EAAW,SAAX,CAAoB,MAAOW,GAAeT,EAAM,QAAS,CACnE,CAKA,IAAMc,EAAgB,IAAuB,CAC3C,IAAMC,EAAUrB,EAAWI,CAAU,EACrC,GAAI,CAACiB,EACH,MAAM,IAAI,MACR,gIAEF,EAEF,OAAOA,CACT,EAoBaC,EAAS,IACbF,EAAc,EAsBVG,EAAa,IACjBH,EAAc,EAAE,KAwBZI,EAAgB,IAAqB,CAChD,GAAM,CAAE,mBAAAC,EAAoB,cAAAC,CAAc,EAAIN,EAAc,EAC5D,MAAO,CAAE,mBAAAK,EAAoB,cAAAC,CAAc,CAC7C,EAgBaC,EAAe,IACnBP,EAAc,EAAE,OAwBZQ,EAAc,IAClBR,EAAc,EAAE","sourcesContent":["import { createContext, useContext, onCleanup, type JSX } from 'solid-js';\nimport { createStore } from 'solid-js/store';\nimport {\n  createGtmClient,\n  type ConsentRegionOptions,\n  type ConsentState,\n  type CreateGtmClientOptions,\n  type DataLayerValue,\n  type GtmClient,\n  type ScriptLoadState\n} from '@jwiedeman/gtm-kit';\n\n/**\n * Props for the GTM Provider component.\n */\nexport interface GtmProviderProps extends CreateGtmClientOptions {\n  /** Child components */\n  children: JSX.Element;\n\n  /**\n   * Whether to automatically initialize GTM when the provider mounts.\n   * @default true\n   */\n  autoInit?: boolean;\n\n  /**\n   * Callback executed before GTM initialization.\n   * Use this to set consent defaults.\n   */\n  onBeforeInit?: (client: GtmClient) => void;\n\n  /**\n   * Callback executed after GTM initialization.\n   */\n  onAfterInit?: (client: GtmClient) => void;\n}\n\n/**\n * The GTM context value containing all GTM functionality.\n */\nexport interface GtmContextValue {\n  /** The underlying GTM client instance */\n  client: GtmClient;\n  /** Push a value to the data layer */\n  push: (value: DataLayerValue) => void;\n  /** Set consent defaults (must be called before init) */\n  setConsentDefaults: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  /** Update consent state */\n  updateConsent: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  /** Returns a promise that resolves when all GTM scripts are loaded */\n  whenReady: () => Promise<ScriptLoadState[]>;\n  /** Register a callback for when GTM scripts are ready */\n  onReady: (callback: (state: ScriptLoadState[]) => void) => () => void;\n  /** Whether GTM has been initialized */\n  initialized: boolean;\n}\n\n/**\n * Consent-specific API subset.\n */\nexport interface GtmConsentApi {\n  setConsentDefaults: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  updateConsent: (state: ConsentState, options?: ConsentRegionOptions) => void;\n}\n\n/**\n * The GTM context for SolidJS.\n */\nexport const GtmContext = createContext<GtmContextValue>();\n\n/**\n * GTM Provider component for SolidJS.\n *\n * @example\n * ```tsx\n * import { GtmProvider } from '@jwiedeman/gtm-kit-solid';\n *\n * function App() {\n *   return (\n *     <GtmProvider containers=\"GTM-XXXXXX\">\n *       <MyApp />\n *     </GtmProvider>\n *   );\n * }\n * ```\n */\nexport function GtmProvider(props: GtmProviderProps): JSX.Element {\n  // Note: Don't destructure children - in Solid.js, children is a getter that\n  // should only be accessed inside the returned JSX to maintain proper reactivity\n  const autoInit = props.autoInit ?? true;\n  const onBeforeInit = props.onBeforeInit;\n  const onAfterInit = props.onAfterInit;\n\n  // Extract client options (everything except children and lifecycle hooks)\n  const clientOptions: CreateGtmClientOptions = {\n    containers: props.containers,\n    ...(props.dataLayerName && { dataLayerName: props.dataLayerName }),\n    ...(props.host && { host: props.host }),\n    ...(props.scriptAttributes && { scriptAttributes: props.scriptAttributes })\n  };\n\n  const client = createGtmClient(clientOptions);\n\n  const [state, setState] = createStore<{ initialized: boolean }>({\n    initialized: false\n  });\n\n  const contextValue: GtmContextValue = {\n    client,\n    push: (value: DataLayerValue) => client.push(value),\n    setConsentDefaults: (consentState: ConsentState, regionOptions?: ConsentRegionOptions) =>\n      client.setConsentDefaults(consentState, regionOptions),\n    updateConsent: (consentState: ConsentState, regionOptions?: ConsentRegionOptions) =>\n      client.updateConsent(consentState, regionOptions),\n    whenReady: () => client.whenReady(),\n    onReady: (callback: (loadState: ScriptLoadState[]) => void) => client.onReady(callback),\n    get initialized() {\n      return state.initialized;\n    }\n  };\n\n  // Call onBeforeInit hook if provided (for consent defaults)\n  if (onBeforeInit) {\n    onBeforeInit(client);\n  }\n\n  // Auto-initialize if enabled\n  if (autoInit) {\n    client.init();\n    setState('initialized', true);\n\n    // Call onAfterInit hook if provided\n    if (onAfterInit) {\n      onAfterInit(client);\n    }\n  }\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    client.teardown();\n  });\n\n  return <GtmContext.Provider value={contextValue}>{props.children}</GtmContext.Provider>;\n}\n\n/**\n * Internal helper to get the GTM context with proper error handling.\n */\nconst useGtmContext = (): GtmContextValue => {\n  const context = useContext(GtmContext);\n  if (!context) {\n    throw new Error(\n      '[gtm-kit] useGtm() was called outside of a GtmProvider. ' +\n        'Make sure to wrap your app with <GtmProvider containers=\"GTM-XXXXXX\">.'\n    );\n  }\n  return context;\n};\n\n/**\n * Hook to access the full GTM context.\n *\n * @example\n * ```tsx\n * import { useGtm } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const { push, client } = useGtm();\n *\n *   return (\n *     <button onClick={() => push({ event: 'click' })}>\n *       Click me\n *     </button>\n *   );\n * }\n * ```\n */\nexport const useGtm = (): GtmContextValue => {\n  return useGtmContext();\n};\n\n/**\n * Hook to get just the push function.\n * Use this when you only need to push events.\n *\n * @example\n * ```tsx\n * import { useGtmPush } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const push = useGtmPush();\n *\n *   return (\n *     <button onClick={() => push({ event: 'purchase', value: 99 })}>\n *       Buy\n *     </button>\n *   );\n * }\n * ```\n */\nexport const useGtmPush = (): ((value: DataLayerValue) => void) => {\n  return useGtmContext().push;\n};\n\n/**\n * Hook to access consent management functions.\n *\n * @example\n * ```tsx\n * import { useGtmConsent } from '@jwiedeman/gtm-kit-solid';\n *\n * function CookieBanner() {\n *   const { updateConsent } = useGtmConsent();\n *\n *   const acceptAll = () => {\n *     updateConsent({\n *       ad_storage: 'granted',\n *       analytics_storage: 'granted'\n *     });\n *   };\n *\n *   return <button onClick={acceptAll}>Accept All</button>;\n * }\n * ```\n */\nexport const useGtmConsent = (): GtmConsentApi => {\n  const { setConsentDefaults, updateConsent } = useGtmContext();\n  return { setConsentDefaults, updateConsent };\n};\n\n/**\n * Hook to get the raw GTM client instance.\n *\n * @example\n * ```tsx\n * import { useGtmClient } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const client = useGtmClient();\n *\n *   return <div>Initialized: {client.isInitialized() ? 'Yes' : 'No'}</div>;\n * }\n * ```\n */\nexport const useGtmClient = (): GtmClient => {\n  return useGtmContext().client;\n};\n\n/**\n * Hook to get the whenReady function.\n * Use this to wait for GTM scripts to load.\n *\n * @example\n * ```tsx\n * import { useGtmReady } from '@jwiedeman/gtm-kit-solid';\n * import { onMount } from 'solid-js';\n *\n * function MyComponent() {\n *   const whenReady = useGtmReady();\n *\n *   onMount(async () => {\n *     const states = await whenReady();\n *     console.log('GTM loaded:', states);\n *   });\n *\n *   return <div>Loading...</div>;\n * }\n * ```\n */\nexport const useGtmReady = (): (() => Promise<ScriptLoadState[]>) => {\n  return useGtmContext().whenReady;\n};\n"]}
+{"version":3,"sources":["../src/context.tsx"],"names":["createContext","useContext","onCleanup","ErrorBoundary","createStore","createGtmClient","GtmContext","warnOnNestedProvider","process","env","NODE_ENV","console","warn","GtmProvider","props","existingContext","_$memo","children","autoInit","onBeforeInit","onAfterInit","clientOptions","containers","dataLayerName","host","scriptAttributes","client","state","setState","initialized","contextValue","push","value","setConsentDefaults","consentState","regionOptions","updateConsent","isReady","whenReady","onReady","callback","init","teardown","_$createComponent","Provider","useGtmContext","context","Error","useGtm","useGtmPush","useGtmConsent","useGtmClient","useGtmReady","useIsGtmReady","GtmErrorBoundary","logErrors","onError","handleError","err","error","defaultFallback","_err","_reset","fallback","reset"],"mappings":";;;AAAA,SAASA,eAAeC,YAAYC,WAAWC,qBAA+B;AAC9E,SAASC,mBAAmB;AAC5B,SACEC,uBAOK;AA4DA,IAAMC,aAAaN,cAA+B;AAEzD,IAAMO,uBAAuBA,MAAY;AACvC,MAAIC,QAAQC,IAAIC,aAAa,cAAc;AACzCC,YAAQC,KACN,iJAEF;EACF;AACF;AAkBO,SAASC,YAAYC,OAAsC;;AAEhE,QAAMC,kBAAkBd,WAAWK,UAAU;AAC7C,MAAIS,iBAAiB;AACnBR,yBAAqB;AACrB,WAAAS,OAAA,MAAUF,MAAMG,QAAQ;EAC1B;AAIA,QAAMC,YAAWJ,WAAMI,aAANJ,YAAkB;AACnC,QAAMK,eAAeL,MAAMK;AAC3B,QAAMC,cAAcN,MAAMM;AAG1B,QAAMC,gBAAwC;IAC5CC,YAAYR,MAAMQ;IAClB,GAAIR,MAAMS,iBAAiB;MAAEA,eAAeT,MAAMS;IAAc;IAChE,GAAIT,MAAMU,QAAQ;MAAEA,MAAMV,MAAMU;IAAK;IACrC,GAAIV,MAAMW,oBAAoB;MAAEA,kBAAkBX,MAAMW;IAAiB;EAC3E;AAEA,QAAMC,SAASrB,gBAAgBgB,aAAa;AAE5C,QAAM,CAACM,OAAOC,QAAQ,IAAIxB,YAAsC;IAC9DyB,aAAa;EACf,CAAC;AAED,QAAMC,eAAgC;IACpCJ;IACAK,MAAOC,WAA0BN,OAAOK,KAAKC,KAAK;IAClDC,oBAAoBA,CAACC,cAA4BC,kBAC/CT,OAAOO,mBAAmBC,cAAcC,aAAa;IACvDC,eAAeA,CAACF,cAA4BC,kBAC1CT,OAAOU,cAAcF,cAAcC,aAAa;IAClDE,SAASA,MAAMX,OAAOW,QAAQ;IAC9BC,WAAWA,MAAMZ,OAAOY,UAAU;IAClCC,SAAUC,cAAqDd,OAAOa,QAAQC,QAAQ;IACtF,IAAIX,cAAc;AAChB,aAAOF,MAAME;IACf;EACF;AAGA,MAAIV,cAAc;AAChBA,iBAAaO,MAAM;EACrB;AAGA,MAAIR,UAAU;AACZQ,WAAOe,KAAK;AACZb,aAAS,eAAe,IAAI;AAG5B,QAAIR,aAAa;AACfA,kBAAYM,MAAM;IACpB;EACF;AAGAxB,YAAU,MAAM;AACdwB,WAAOgB,SAAS;EAClB,CAAC;AAED,SAAAC,kBAAQrC,WAAWsC,UAAQ;IAACZ,OAAOF;IAAY,IAAAb,WAAA;AAAA,aAAGH,MAAMG;IAAQ;EAAA,CAAA;AAClE;AAKA,IAAM4B,gBAAgBA,MAAuB;AAC3C,QAAMC,UAAU7C,WAAWK,UAAU;AACrC,MAAI,CAACwC,SAAS;AACZ,UAAM,IAAIC,MACR,sIAEF;EACF;AACA,SAAOD;AACT;AAoBO,IAAME,SAASA,MAAuB;AAC3C,SAAOH,cAAc;AACvB;AAqBO,IAAMI,aAAaA,MAAyC;AACjE,SAAOJ,cAAc,EAAEd;AACzB;AAuBO,IAAMmB,gBAAgBA,MAAqB;AAChD,QAAM;IAAEjB;IAAoBG;EAAc,IAAIS,cAAc;AAC5D,SAAO;IAAEZ;IAAoBG;EAAc;AAC7C;AAgBO,IAAMe,eAAeA,MAAiB;AAC3C,SAAON,cAAc,EAAEnB;AACzB;AAuBO,IAAM0B,cAAcA,MAA0C;AACnE,SAAOP,cAAc,EAAEP;AACzB;AAgBO,IAAMe,gBAAgBA,MAAuB;AAClD,SAAOR,cAAc,EAAER;AACzB;AA0CO,SAASiB,iBAAiBxC,OAA2C;;AAC1E,QAAMyC,aAAYzC,WAAMyC,cAANzC,YAAmBN,QAAQC,IAAIC,aAAa;AAC9D,QAAM8C,UAAU1C,MAAM0C;AAEtB,QAAMC,cAAeC,SAAe;AAClC,QAAIH,WAAW;AACb5C,cAAQgD,MAAM,qDAAqDD,GAAG;IACxE;AAEA,QAAIF,SAAS;AACX,UAAI;AACFA,gBAAQE,GAAG;MACb,SAAQ;MACN;IAEJ;EACF;AAGA,QAAME,kBAAkBA,CAACC,MAAaC,WAAuBhD,MAAMG;AAEnE,QAAM8C,YAAWjD,WAAMiD,aAANjD,YAAkB8C;AAEnC,SAAAjB,kBACGxC,eAAa;IACZ4D,UAAUA,CAACL,KAAYM,UAAsB;AAC3CP,kBAAYC,GAAG;AACf,UAAI,OAAOK,aAAa,YAAY;AAClC,eAAOA,SAASL,KAAKM,KAAK;MAC5B;AACA,aAAOD;IACT;IAAC,IAAA9C,WAAA;AAAA,aAEAH,MAAMG;IAAQ;EAAA,CAAA;AAGrB","sourcesContent":["import { createContext, useContext, onCleanup, ErrorBoundary, type JSX } from 'solid-js';\nimport { createStore } from 'solid-js/store';\nimport {\n  createGtmClient,\n  type ConsentRegionOptions,\n  type ConsentState,\n  type CreateGtmClientOptions,\n  type DataLayerValue,\n  type GtmClient,\n  type ScriptLoadState\n} from '@jwiedeman/gtm-kit';\n\n/**\n * Props for the GTM Provider component.\n */\nexport interface GtmProviderProps extends CreateGtmClientOptions {\n  /** Child components */\n  children: JSX.Element;\n\n  /**\n   * Whether to automatically initialize GTM when the provider mounts.\n   * @default true\n   */\n  autoInit?: boolean;\n\n  /**\n   * Callback executed before GTM initialization.\n   * Use this to set consent defaults.\n   */\n  onBeforeInit?: (client: GtmClient) => void;\n\n  /**\n   * Callback executed after GTM initialization.\n   */\n  onAfterInit?: (client: GtmClient) => void;\n}\n\n/**\n * The GTM context value containing all GTM functionality.\n */\nexport interface GtmContextValue {\n  /** The underlying GTM client instance */\n  client: GtmClient;\n  /** Push a value to the data layer */\n  push: (value: DataLayerValue) => void;\n  /** Set consent defaults (must be called before init) */\n  setConsentDefaults: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  /** Update consent state */\n  updateConsent: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  /** Synchronously check if all GTM scripts have finished loading */\n  isReady: () => boolean;\n  /** Returns a promise that resolves when all GTM scripts are loaded */\n  whenReady: () => Promise<ScriptLoadState[]>;\n  /** Register a callback for when GTM scripts are ready */\n  onReady: (callback: (state: ScriptLoadState[]) => void) => () => void;\n  /** Whether GTM has been initialized */\n  initialized: boolean;\n}\n\n/**\n * Consent-specific API subset.\n */\nexport interface GtmConsentApi {\n  setConsentDefaults: (state: ConsentState, options?: ConsentRegionOptions) => void;\n  updateConsent: (state: ConsentState, options?: ConsentRegionOptions) => void;\n}\n\n/**\n * The GTM context for SolidJS.\n */\nexport const GtmContext = createContext<GtmContextValue>();\n\nconst warnOnNestedProvider = (): void => {\n  if (process.env.NODE_ENV !== 'production') {\n    console.warn(\n      '[gtm-kit/solid] Nested GtmProvider detected. You should only have one GtmProvider at the root of your app. ' +\n        'The nested provider will be ignored.'\n    );\n  }\n};\n\n/**\n * GTM Provider component for SolidJS.\n *\n * @example\n * ```tsx\n * import { GtmProvider } from '@jwiedeman/gtm-kit-solid';\n *\n * function App() {\n *   return (\n *     <GtmProvider containers=\"GTM-XXXXXX\">\n *       <MyApp />\n *     </GtmProvider>\n *   );\n * }\n * ```\n */\nexport function GtmProvider(props: GtmProviderProps): JSX.Element {\n  // Check for nested provider\n  const existingContext = useContext(GtmContext);\n  if (existingContext) {\n    warnOnNestedProvider();\n    return <>{props.children}</>;\n  }\n\n  // Note: Don't destructure children - in Solid.js, children is a getter that\n  // should only be accessed inside the returned JSX to maintain proper reactivity\n  const autoInit = props.autoInit ?? true;\n  const onBeforeInit = props.onBeforeInit;\n  const onAfterInit = props.onAfterInit;\n\n  // Extract client options (everything except children and lifecycle hooks)\n  const clientOptions: CreateGtmClientOptions = {\n    containers: props.containers,\n    ...(props.dataLayerName && { dataLayerName: props.dataLayerName }),\n    ...(props.host && { host: props.host }),\n    ...(props.scriptAttributes && { scriptAttributes: props.scriptAttributes })\n  };\n\n  const client = createGtmClient(clientOptions);\n\n  const [state, setState] = createStore<{ initialized: boolean }>({\n    initialized: false\n  });\n\n  const contextValue: GtmContextValue = {\n    client,\n    push: (value: DataLayerValue) => client.push(value),\n    setConsentDefaults: (consentState: ConsentState, regionOptions?: ConsentRegionOptions) =>\n      client.setConsentDefaults(consentState, regionOptions),\n    updateConsent: (consentState: ConsentState, regionOptions?: ConsentRegionOptions) =>\n      client.updateConsent(consentState, regionOptions),\n    isReady: () => client.isReady(),\n    whenReady: () => client.whenReady(),\n    onReady: (callback: (loadState: ScriptLoadState[]) => void) => client.onReady(callback),\n    get initialized() {\n      return state.initialized;\n    }\n  };\n\n  // Call onBeforeInit hook if provided (for consent defaults)\n  if (onBeforeInit) {\n    onBeforeInit(client);\n  }\n\n  // Auto-initialize if enabled\n  if (autoInit) {\n    client.init();\n    setState('initialized', true);\n\n    // Call onAfterInit hook if provided\n    if (onAfterInit) {\n      onAfterInit(client);\n    }\n  }\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    client.teardown();\n  });\n\n  return <GtmContext.Provider value={contextValue}>{props.children}</GtmContext.Provider>;\n}\n\n/**\n * Internal helper to get the GTM context with proper error handling.\n */\nconst useGtmContext = (): GtmContextValue => {\n  const context = useContext(GtmContext);\n  if (!context) {\n    throw new Error(\n      '[gtm-kit/solid] useGtm() was called outside of a GtmProvider. ' +\n        'Make sure to wrap your app with <GtmProvider containers=\"GTM-XXXXXX\">.'\n    );\n  }\n  return context;\n};\n\n/**\n * Hook to access the full GTM context.\n *\n * @example\n * ```tsx\n * import { useGtm } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const { push, client } = useGtm();\n *\n *   return (\n *     <button onClick={() => push({ event: 'click' })}>\n *       Click me\n *     </button>\n *   );\n * }\n * ```\n */\nexport const useGtm = (): GtmContextValue => {\n  return useGtmContext();\n};\n\n/**\n * Hook to get just the push function.\n * Use this when you only need to push events.\n *\n * @example\n * ```tsx\n * import { useGtmPush } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const push = useGtmPush();\n *\n *   return (\n *     <button onClick={() => push({ event: 'purchase', value: 99 })}>\n *       Buy\n *     </button>\n *   );\n * }\n * ```\n */\nexport const useGtmPush = (): ((value: DataLayerValue) => void) => {\n  return useGtmContext().push;\n};\n\n/**\n * Hook to access consent management functions.\n *\n * @example\n * ```tsx\n * import { useGtmConsent } from '@jwiedeman/gtm-kit-solid';\n *\n * function CookieBanner() {\n *   const { updateConsent } = useGtmConsent();\n *\n *   const acceptAll = () => {\n *     updateConsent({\n *       ad_storage: 'granted',\n *       analytics_storage: 'granted'\n *     });\n *   };\n *\n *   return <button onClick={acceptAll}>Accept All</button>;\n * }\n * ```\n */\nexport const useGtmConsent = (): GtmConsentApi => {\n  const { setConsentDefaults, updateConsent } = useGtmContext();\n  return { setConsentDefaults, updateConsent };\n};\n\n/**\n * Hook to get the raw GTM client instance.\n *\n * @example\n * ```tsx\n * import { useGtmClient } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const client = useGtmClient();\n *\n *   return <div>Initialized: {client.isInitialized() ? 'Yes' : 'No'}</div>;\n * }\n * ```\n */\nexport const useGtmClient = (): GtmClient => {\n  return useGtmContext().client;\n};\n\n/**\n * Hook to get the whenReady function.\n * Use this to wait for GTM scripts to load.\n *\n * @example\n * ```tsx\n * import { useGtmReady } from '@jwiedeman/gtm-kit-solid';\n * import { onMount } from 'solid-js';\n *\n * function MyComponent() {\n *   const whenReady = useGtmReady();\n *\n *   onMount(async () => {\n *     const states = await whenReady();\n *     console.log('GTM loaded:', states);\n *   });\n *\n *   return <div>Loading...</div>;\n * }\n * ```\n */\nexport const useGtmReady = (): (() => Promise<ScriptLoadState[]>) => {\n  return useGtmContext().whenReady;\n};\n\n/**\n * Hook to check if GTM scripts have finished loading synchronously.\n *\n * @example\n * ```tsx\n * import { useIsGtmReady } from '@jwiedeman/gtm-kit-solid';\n *\n * function MyComponent() {\n *   const isReady = useIsGtmReady();\n *\n *   return <div>GTM Ready: {isReady() ? 'Yes' : 'No'}</div>;\n * }\n * ```\n */\nexport const useIsGtmReady = (): (() => boolean) => {\n  return useGtmContext().isReady;\n};\n\n/**\n * Props for GtmErrorBoundary component.\n */\nexport interface GtmErrorBoundaryProps {\n  /** Child components */\n  children: JSX.Element;\n  /** Fallback UI to render when an error occurs */\n  fallback?: JSX.Element | ((err: Error, reset: () => void) => JSX.Element);\n  /** Callback invoked when an error is caught */\n  onError?: (error: Error) => void;\n  /** Whether to log errors to console (default: true in development) */\n  logErrors?: boolean;\n}\n\n/**\n * Error boundary component for GTM provider in SolidJS apps.\n * Catches errors during GTM initialization and renders a fallback UI.\n *\n * @example\n * ```tsx\n * import { GtmProvider, GtmErrorBoundary } from '@jwiedeman/gtm-kit-solid';\n *\n * function App() {\n *   return (\n *     <GtmErrorBoundary\n *       fallback={(err, reset) => (\n *         <div>\n *           <p>GTM failed: {err.message}</p>\n *           <button onClick={reset}>Retry</button>\n *         </div>\n *       )}\n *     >\n *       <GtmProvider containers=\"GTM-XXXXXX\">\n *         <MyApp />\n *       </GtmProvider>\n *     </GtmErrorBoundary>\n *   );\n * }\n * ```\n */\nexport function GtmErrorBoundary(props: GtmErrorBoundaryProps): JSX.Element {\n  const logErrors = props.logErrors ?? process.env.NODE_ENV !== 'production';\n  const onError = props.onError;\n\n  const handleError = (err: Error) => {\n    if (logErrors) {\n      console.error('[gtm-kit/solid] Error caught by GtmErrorBoundary:', err);\n    }\n\n    if (onError) {\n      try {\n        onError(err);\n      } catch {\n        // Ignore callback errors\n      }\n    }\n  };\n\n  // Default fallback - just render children (silent degradation)\n  const defaultFallback = (_err: Error, _reset: () => void) => props.children;\n\n  const fallback = props.fallback ?? defaultFallback;\n\n  return (\n    <ErrorBoundary\n      fallback={(err: Error, reset: () => void) => {\n        handleError(err);\n        if (typeof fallback === 'function') {\n          return fallback(err, reset);\n        }\n        return fallback;\n      }}\n    >\n      {props.children}\n    </ErrorBoundary>\n  );\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jwiedeman/gtm-kit-solid",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "description": "SolidJS primitives and context for GTM Kit - Google Tag Manager integration with signals.",
   "repository": {
     "type": "git",
@@ -50,13 +50,14 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@jwiedeman/gtm-kit": "^1.0.0"
+    "@jwiedeman/gtm-kit": "^1.2.0"
   },
   "peerDependencies": {
     "solid-js": "^1.0.0"
   },
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.7",
+    "esbuild-plugin-solid": "^0.6.0",
     "solid-js": "^1.8.17",
     "solid-testing-library": "^0.5.1",
     "tslib": "^2.6.2"