@watchupltd/svelte 0.1.9 → 0.2.0

package/dist/action.d.mts

@@ -0,0 +1,46 @@
+import { Action } from 'svelte/action';
+
+interface TrackClickParams {
+    /** Event name sent to Watchup. */
+    event: string;
+    /** Optional properties merged into the event payload. */
+    properties?: Record<string, unknown>;
+}
+/**
+ * Svelte action that tracks a click event.
+ *
+ * @example
+ * <script>
+ *   import { trackClick } from '@watchupltd/svelte';
+ * </script>
+ * <button use:trackClick={{ event: 'cta.clicked', properties: { variant: 'A' } }}>
+ *   Get started
+ * </button>
+ */
+declare const trackClick: Action<HTMLElement, TrackClickParams>;
+/**
+ * Svelte action that traces the time between `mount` and when `done()` is
+ * called, emitting a trace span.
+ *
+ * @example
+ * <script>
+ *   import { traceAction } from '@watchupltd/svelte';
+ *
+ *   let done: () => void;
+ *
+ *   async function load() {
+ *     const data = await fetchData();
+ *     done?.();
+ *     return data;
+ *   }
+ * </script>
+ * <div use:traceAction={{ span: 'dashboard load', onDone: (fn) => (done = fn) }}>
+ *   ...
+ * </div>
+ */
+declare const traceAction: Action<HTMLElement, {
+    span: string;
+    onDone: (endFn: () => void) => void;
+}>;
+
+export { traceAction, trackClick };

package/dist/action.d.ts

@@ -0,0 +1,46 @@
+import { Action } from 'svelte/action';
+
+interface TrackClickParams {
+    /** Event name sent to Watchup. */
+    event: string;
+    /** Optional properties merged into the event payload. */
+    properties?: Record<string, unknown>;
+}
+/**
+ * Svelte action that tracks a click event.
+ *
+ * @example
+ * <script>
+ *   import { trackClick } from '@watchupltd/svelte';
+ * </script>
+ * <button use:trackClick={{ event: 'cta.clicked', properties: { variant: 'A' } }}>
+ *   Get started
+ * </button>
+ */
+declare const trackClick: Action<HTMLElement, TrackClickParams>;
+/**
+ * Svelte action that traces the time between `mount` and when `done()` is
+ * called, emitting a trace span.
+ *
+ * @example
+ * <script>
+ *   import { traceAction } from '@watchupltd/svelte';
+ *
+ *   let done: () => void;
+ *
+ *   async function load() {
+ *     const data = await fetchData();
+ *     done?.();
+ *     return data;
+ *   }
+ * </script>
+ * <div use:traceAction={{ span: 'dashboard load', onDone: (fn) => (done = fn) }}>
+ *   ...
+ * </div>
+ */
+declare const traceAction: Action<HTMLElement, {
+    span: string;
+    onDone: (endFn: () => void) => void;
+}>;
+
+export { traceAction, trackClick };

package/dist/action.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var svelte = require('svelte');
+
+// src/context.ts
+var KEY = /* @__PURE__ */ Symbol("watchup");
+function getWatchup() {
+  const instance = svelte.getContext(KEY);
+  if (!instance) {
+    throw new Error(
+      "[watchup] getWatchup() must be called inside a component that is a descendant of <WatchupProvider>."
+    );
+  }
+  return instance;
+}
+
+// src/action.ts
+var trackClick = (node, params) => {
+  let watchup;
+  try {
+    watchup = getWatchup();
+  } catch {
+    return {};
+  }
+  const handler = () => {
+    watchup.track(params.event, params.properties);
+  };
+  node.addEventListener("click", handler);
+  return {
+    update(newParams) {
+      params = newParams;
+    },
+    destroy() {
+      node.removeEventListener("click", handler);
+    }
+  };
+};
+var traceAction = (node, params) => {
+  let watchup;
+  try {
+    watchup = getWatchup();
+  } catch {
+    params.onDone(() => {
+    });
+    return {};
+  }
+  const end = watchup.startTrace(params.span);
+  params.onDone(() => end({ status: "ok" }));
+  return {
+    destroy() {
+    }
+  };
+};
+
+exports.traceAction = traceAction;
+exports.trackClick = trackClick;
+//# sourceMappingURL=action.js.map
+//# sourceMappingURL=action.js.map

package/dist/action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.ts","../src/action.ts"],"names":["getContext"],"mappings":";;;;;AAOA,IAAM,GAAA,0BAAa,SAAS,CAAA;AAkBrB,SAAS,UAAA,GAAsB;AACpC,EAAA,MAAM,QAAA,GAAWA,kBAAgC,GAAG,CAAA;AACpD,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KAEF;AAAA,EACF;AACA,EAAA,OAAO,QAAA;AACT;;;ACRO,IAAM,UAAA,GAAoD,CAC/D,IAAA,EACA,MAAA,KACG;AACH,EAAA,IAAI,OAAA;AACJ,EAAA,IAAI;AACF,IAAA,OAAA,GAAU,UAAA,EAAW;AAAA,EACvB,CAAA,CAAA,MAAQ;AAEN,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,OAAA,CAAQ,KAAA,CAAM,MAAA,CAAO,KAAA,EAAO,MAAA,CAAO,UAAU,CAAA;AAAA,EAC/C,CAAA;AAEA,EAAA,IAAA,CAAK,gBAAA,CAAiB,SAAS,OAAO,CAAA;AAEtC,EAAA,OAAO;AAAA,IACL,OAAO,SAAA,EAAW;AAChB,MAAA,MAAA,GAAS,SAAA;AAAA,IACX,CAAA;AAAA,IACA,OAAA,GAAU;AACR,MAAA,IAAA,CAAK,mBAAA,CAAoB,SAAS,OAAO,CAAA;AAAA,IAC3C;AAAA,GACF;AACF;AAsBO,IAAM,WAAA,GAGT,CAAC,IAAA,EAAM,MAAA,KAAW;AACpB,EAAA,IAAI,OAAA;AACJ,EAAA,IAAI;AACF,IAAA,OAAA,GAAU,UAAA,EAAW;AAAA,EACvB,CAAA,CAAA,MAAQ;AACN,IAAA,MAAA,CAAO,OAAO,MAAM;AAAA,IAAC,CAAC,CAAA;AACtB,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,UAAA,CAAW,MAAA,CAAO,IAAI,CAAA;AAC1C,EAAA,MAAA,CAAO,OAAO,MAAM,GAAA,CAAI,EAAE,MAAA,EAAQ,IAAA,EAAM,CAAC,CAAA;AAEzC,EAAA,OAAO;AAAA,IACL,OAAA,GAAU;AAAA,IAEV;AAAA,GACF;AACF","file":"action.js","sourcesContent":["// ─────────────────────────────────────────────────────────────────────────────\n// @watchupltd/svelte  ·  context helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport { getContext, setContext } from 'svelte';\nimport type { Watchup }          from '@watchupltd/browser';\n\nconst KEY = Symbol('watchup');\n\n/** Called internally by WatchupProvider. */\nexport function _setWatchupContext(instance: Watchup): void {\n  setContext(KEY, instance);\n}\n\n/**\n * Returns the `Watchup` instance from the nearest `<WatchupProvider>`.\n * Call this at component initialisation time (not inside event handlers).\n *\n * @example\n * <script>\n *   import { getWatchup } from '@watchupltd/svelte';\n *   const watchup = getWatchup();\n * </script>\n * <button on:click={() => watchup.track('button.clicked')}>Click me</button>\n */\nexport function getWatchup(): Watchup {\n  const instance = getContext<Watchup | undefined>(KEY);\n  if (!instance) {\n    throw new Error(\n      '[watchup] getWatchup() must be called inside a component ' +\n      'that is a descendant of <WatchupProvider>.',\n    );\n  }\n  return instance;\n}\n","// ─────────────────────────────────────────────────────────────────────────────\n// @watchupltd/svelte  ·  Svelte actions\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport type { Action }  from 'svelte/action';\nimport type { Watchup } from '@watchupltd/browser';\nimport { getWatchup }  from './context.js';\n\ninterface TrackClickParams {\n  /** Event name sent to Watchup. */\n  event:       string;\n  /** Optional properties merged into the event payload. */\n  properties?: Record<string, unknown>;\n}\n\n/**\n * Svelte action that tracks a click event.\n *\n * @example\n * <script>\n *   import { trackClick } from '@watchupltd/svelte';\n * </script>\n * <button use:trackClick={{ event: 'cta.clicked', properties: { variant: 'A' } }}>\n *   Get started\n * </button>\n */\nexport const trackClick: Action<HTMLElement, TrackClickParams> = (\n  node,\n  params,\n) => {\n  let watchup: Watchup;\n  try {\n    watchup = getWatchup();\n  } catch {\n    // No provider in tree — silently no-op\n    return {};\n  }\n\n  const handler = () => {\n    watchup.track(params.event, params.properties);\n  };\n\n  node.addEventListener('click', handler);\n\n  return {\n    update(newParams) {\n      params = newParams;\n    },\n    destroy() {\n      node.removeEventListener('click', handler);\n    },\n  };\n};\n\n/**\n * Svelte action that traces the time between `mount` and when `done()` is\n * called, emitting a trace span.\n *\n * @example\n * <script>\n *   import { traceAction } from '@watchupltd/svelte';\n *\n *   let done: () => void;\n *\n *   async function load() {\n *     const data = await fetchData();\n *     done?.();\n *     return data;\n *   }\n * </script>\n * <div use:traceAction={{ span: 'dashboard load', onDone: (fn) => (done = fn) }}>\n *   ...\n * </div>\n */\nexport const traceAction: Action<\n  HTMLElement,\n  { span: string; onDone: (endFn: () => void) => void }\n> = (node, params) => {\n  let watchup: Watchup;\n  try {\n    watchup = getWatchup();\n  } catch {\n    params.onDone(() => {});\n    return {};\n  }\n\n  const end = watchup.startTrace(params.span);\n  params.onDone(() => end({ status: 'ok' }));\n\n  return {\n    destroy() {\n      // If destroyed before done() was called, mark as cancelled\n    },\n  };\n};\n"]}

package/dist/action.mjs

@@ -0,0 +1,4 @@
+export { traceAction, trackClick } from './chunk-A275SBSC.mjs';
+import './chunk-JOD5F3DS.mjs';
+//# sourceMappingURL=action.mjs.map
+//# sourceMappingURL=action.mjs.map

package/dist/action.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"action.mjs"}

package/dist/chunk-A275SBSC.mjs

@@ -0,0 +1,43 @@
+import { getWatchup } from './chunk-JOD5F3DS.mjs';
+
+// src/action.ts
+var trackClick = (node, params) => {
+  let watchup;
+  try {
+    watchup = getWatchup();
+  } catch {
+    return {};
+  }
+  const handler = () => {
+    watchup.track(params.event, params.properties);
+  };
+  node.addEventListener("click", handler);
+  return {
+    update(newParams) {
+      params = newParams;
+    },
+    destroy() {
+      node.removeEventListener("click", handler);
+    }
+  };
+};
+var traceAction = (node, params) => {
+  let watchup;
+  try {
+    watchup = getWatchup();
+  } catch {
+    params.onDone(() => {
+    });
+    return {};
+  }
+  const end = watchup.startTrace(params.span);
+  params.onDone(() => end({ status: "ok" }));
+  return {
+    destroy() {
+    }
+  };
+};
+
+export { traceAction, trackClick };
+//# sourceMappingURL=chunk-A275SBSC.mjs.map
+//# sourceMappingURL=chunk-A275SBSC.mjs.map

package/dist/chunk-A275SBSC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/action.ts"],"names":[],"mappings":";;;AA0BO,IAAM,UAAA,GAAoD,CAC/D,IAAA,EACA,MAAA,KACG;AACH,EAAA,IAAI,OAAA;AACJ,EAAA,IAAI;AACF,IAAA,OAAA,GAAU,UAAA,EAAW;AAAA,EACvB,CAAA,CAAA,MAAQ;AAEN,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,OAAA,CAAQ,KAAA,CAAM,MAAA,CAAO,KAAA,EAAO,MAAA,CAAO,UAAU,CAAA;AAAA,EAC/C,CAAA;AAEA,EAAA,IAAA,CAAK,gBAAA,CAAiB,SAAS,OAAO,CAAA;AAEtC,EAAA,OAAO;AAAA,IACL,OAAO,SAAA,EAAW;AAChB,MAAA,MAAA,GAAS,SAAA;AAAA,IACX,CAAA;AAAA,IACA,OAAA,GAAU;AACR,MAAA,IAAA,CAAK,mBAAA,CAAoB,SAAS,OAAO,CAAA;AAAA,IAC3C;AAAA,GACF;AACF;AAsBO,IAAM,WAAA,GAGT,CAAC,IAAA,EAAM,MAAA,KAAW;AACpB,EAAA,IAAI,OAAA;AACJ,EAAA,IAAI;AACF,IAAA,OAAA,GAAU,UAAA,EAAW;AAAA,EACvB,CAAA,CAAA,MAAQ;AACN,IAAA,MAAA,CAAO,OAAO,MAAM;AAAA,IAAC,CAAC,CAAA;AACtB,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,UAAA,CAAW,MAAA,CAAO,IAAI,CAAA;AAC1C,EAAA,MAAA,CAAO,OAAO,MAAM,GAAA,CAAI,EAAE,MAAA,EAAQ,IAAA,EAAM,CAAC,CAAA;AAEzC,EAAA,OAAO;AAAA,IACL,OAAA,GAAU;AAAA,IAEV;AAAA,GACF;AACF","file":"chunk-A275SBSC.mjs","sourcesContent":["// ─────────────────────────────────────────────────────────────────────────────\n// @watchupltd/svelte  ·  Svelte actions\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport type { Action }  from 'svelte/action';\nimport type { Watchup } from '@watchupltd/browser';\nimport { getWatchup }  from './context.js';\n\ninterface TrackClickParams {\n  /** Event name sent to Watchup. */\n  event:       string;\n  /** Optional properties merged into the event payload. */\n  properties?: Record<string, unknown>;\n}\n\n/**\n * Svelte action that tracks a click event.\n *\n * @example\n * <script>\n *   import { trackClick } from '@watchupltd/svelte';\n * </script>\n * <button use:trackClick={{ event: 'cta.clicked', properties: { variant: 'A' } }}>\n *   Get started\n * </button>\n */\nexport const trackClick: Action<HTMLElement, TrackClickParams> = (\n  node,\n  params,\n) => {\n  let watchup: Watchup;\n  try {\n    watchup = getWatchup();\n  } catch {\n    // No provider in tree — silently no-op\n    return {};\n  }\n\n  const handler = () => {\n    watchup.track(params.event, params.properties);\n  };\n\n  node.addEventListener('click', handler);\n\n  return {\n    update(newParams) {\n      params = newParams;\n    },\n    destroy() {\n      node.removeEventListener('click', handler);\n    },\n  };\n};\n\n/**\n * Svelte action that traces the time between `mount` and when `done()` is\n * called, emitting a trace span.\n *\n * @example\n * <script>\n *   import { traceAction } from '@watchupltd/svelte';\n *\n *   let done: () => void;\n *\n *   async function load() {\n *     const data = await fetchData();\n *     done?.();\n *     return data;\n *   }\n * </script>\n * <div use:traceAction={{ span: 'dashboard load', onDone: (fn) => (done = fn) }}>\n *   ...\n * </div>\n */\nexport const traceAction: Action<\n  HTMLElement,\n  { span: string; onDone: (endFn: () => void) => void }\n> = (node, params) => {\n  let watchup: Watchup;\n  try {\n    watchup = getWatchup();\n  } catch {\n    params.onDone(() => {});\n    return {};\n  }\n\n  const end = watchup.startTrace(params.span);\n  params.onDone(() => end({ status: 'ok' }));\n\n  return {\n    destroy() {\n      // If destroyed before done() was called, mark as cancelled\n    },\n  };\n};\n"]}

package/dist/chunk-JOD5F3DS.mjs

@@ -0,0 +1,20 @@
+import { setContext, getContext } from 'svelte';
+
+// src/context.ts
+var KEY = /* @__PURE__ */ Symbol("watchup");
+function _setWatchupContext(instance) {
+  setContext(KEY, instance);
+}
+function getWatchup() {
+  const instance = getContext(KEY);
+  if (!instance) {
+    throw new Error(
+      "[watchup] getWatchup() must be called inside a component that is a descendant of <WatchupProvider>."
+    );
+  }
+  return instance;
+}
+
+export { _setWatchupContext, getWatchup };
+//# sourceMappingURL=chunk-JOD5F3DS.mjs.map
+//# sourceMappingURL=chunk-JOD5F3DS.mjs.map

package/dist/chunk-JOD5F3DS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.ts"],"names":[],"mappings":";;;AAOA,IAAM,GAAA,0BAAa,SAAS,CAAA;AAGrB,SAAS,mBAAmB,QAAA,EAAyB;AAC1D,EAAA,UAAA,CAAW,KAAK,QAAQ,CAAA;AAC1B;AAaO,SAAS,UAAA,GAAsB;AACpC,EAAA,MAAM,QAAA,GAAW,WAAgC,GAAG,CAAA;AACpD,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KAEF;AAAA,EACF;AACA,EAAA,OAAO,QAAA;AACT","file":"chunk-JOD5F3DS.mjs","sourcesContent":["// ─────────────────────────────────────────────────────────────────────────────\n// @watchupltd/svelte  ·  context helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport { getContext, setContext } from 'svelte';\nimport type { Watchup }          from '@watchupltd/browser';\n\nconst KEY = Symbol('watchup');\n\n/** Called internally by WatchupProvider. */\nexport function _setWatchupContext(instance: Watchup): void {\n  setContext(KEY, instance);\n}\n\n/**\n * Returns the `Watchup` instance from the nearest `<WatchupProvider>`.\n * Call this at component initialisation time (not inside event handlers).\n *\n * @example\n * <script>\n *   import { getWatchup } from '@watchupltd/svelte';\n *   const watchup = getWatchup();\n * </script>\n * <button on:click={() => watchup.track('button.clicked')}>Click me</button>\n */\nexport function getWatchup(): Watchup {\n  const instance = getContext<Watchup | undefined>(KEY);\n  if (!instance) {\n    throw new Error(\n      '[watchup] getWatchup() must be called inside a component ' +\n      'that is a descendant of <WatchupProvider>.',\n    );\n  }\n  return instance;\n}\n"]}

package/dist/context.d.mts

@@ -0,0 +1,18 @@
+import { Watchup } from '@watchupltd/browser';
+
+/** Called internally by WatchupProvider. */
+declare function _setWatchupContext(instance: Watchup): void;
+/**
+ * Returns the `Watchup` instance from the nearest `<WatchupProvider>`.
+ * Call this at component initialisation time (not inside event handlers).
+ *
+ * @example
+ * <script>
+ *   import { getWatchup } from '@watchupltd/svelte';
+ *   const watchup = getWatchup();
+ * </script>
+ * <button on:click={() => watchup.track('button.clicked')}>Click me</button>
+ */
+declare function getWatchup(): Watchup;
+
+export { _setWatchupContext, getWatchup };

package/dist/context.d.ts

@@ -0,0 +1,18 @@
+import { Watchup } from '@watchupltd/browser';
+
+/** Called internally by WatchupProvider. */
+declare function _setWatchupContext(instance: Watchup): void;
+/**
+ * Returns the `Watchup` instance from the nearest `<WatchupProvider>`.
+ * Call this at component initialisation time (not inside event handlers).
+ *
+ * @example
+ * <script>
+ *   import { getWatchup } from '@watchupltd/svelte';
+ *   const watchup = getWatchup();
+ * </script>
+ * <button on:click={() => watchup.track('button.clicked')}>Click me</button>
+ */
+declare function getWatchup(): Watchup;
+
+export { _setWatchupContext, getWatchup };

package/dist/context.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var svelte = require('svelte');
+
+// src/context.ts
+var KEY = /* @__PURE__ */ Symbol("watchup");
+function _setWatchupContext(instance) {
+  svelte.setContext(KEY, instance);
+}
+function getWatchup() {
+  const instance = svelte.getContext(KEY);
+  if (!instance) {
+    throw new Error(
+      "[watchup] getWatchup() must be called inside a component that is a descendant of <WatchupProvider>."
+    );
+  }
+  return instance;
+}
+
+exports._setWatchupContext = _setWatchupContext;
+exports.getWatchup = getWatchup;
+//# sourceMappingURL=context.js.map
+//# sourceMappingURL=context.js.map

package/dist/context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.ts"],"names":["setContext","getContext"],"mappings":";;;;;AAOA,IAAM,GAAA,0BAAa,SAAS,CAAA;AAGrB,SAAS,mBAAmB,QAAA,EAAyB;AAC1D,EAAAA,iBAAA,CAAW,KAAK,QAAQ,CAAA;AAC1B;AAaO,SAAS,UAAA,GAAsB;AACpC,EAAA,MAAM,QAAA,GAAWC,kBAAgC,GAAG,CAAA;AACpD,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KAEF;AAAA,EACF;AACA,EAAA,OAAO,QAAA;AACT","file":"context.js","sourcesContent":["// ─────────────────────────────────────────────────────────────────────────────\n// @watchupltd/svelte  ·  context helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport { getContext, setContext } from 'svelte';\nimport type { Watchup }          from '@watchupltd/browser';\n\nconst KEY = Symbol('watchup');\n\n/** Called internally by WatchupProvider. */\nexport function _setWatchupContext(instance: Watchup): void {\n  setContext(KEY, instance);\n}\n\n/**\n * Returns the `Watchup` instance from the nearest `<WatchupProvider>`.\n * Call this at component initialisation time (not inside event handlers).\n *\n * @example\n * <script>\n *   import { getWatchup } from '@watchupltd/svelte';\n *   const watchup = getWatchup();\n * </script>\n * <button on:click={() => watchup.track('button.clicked')}>Click me</button>\n */\nexport function getWatchup(): Watchup {\n  const instance = getContext<Watchup | undefined>(KEY);\n  if (!instance) {\n    throw new Error(\n      '[watchup] getWatchup() must be called inside a component ' +\n      'that is a descendant of <WatchupProvider>.',\n    );\n  }\n  return instance;\n}\n"]}

package/dist/context.mjs

@@ -0,0 +1,3 @@
+export { _setWatchupContext, getWatchup } from './chunk-JOD5F3DS.mjs';
+//# sourceMappingURL=context.mjs.map
+//# sourceMappingURL=context.mjs.map

package/dist/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"context.mjs"}

package/dist/index.d.mts

@@ -0,0 +1,45 @@
+export { getWatchup } from './context.mjs';
+export { traceAction, trackClick } from './action.mjs';
+import { WatchupUser, FlagContext } from '@watchupltd/browser';
+export { ErrorPayload, EventPayload, FeatureFlag, FlagContext, TracePayload, WatchupOptions, WatchupUser } from '@watchupltd/browser';
+import 'svelte/action';
+
+/**
+ * Attach a user to all subsequent errors and traces.
+ * Call this after login, inside a Svelte component or store subscription.
+ *
+ * @example
+ * import { identify } from '@watchupltd/svelte';
+ * identify({ id: $user.id, email: $user.email, name: $user.name });
+ */
+declare function identify(user: WatchupUser): void;
+/**
+ * Remove the current user context (e.g. after logout).
+ *
+ * @example
+ * import { clearUser } from '@watchupltd/svelte';
+ * clearUser();
+ */
+declare function clearUser(): void;
+
+/**
+ * Check whether a feature flag is enabled for the current visitor/user.
+ *
+ * @example
+ * import { isFlagEnabled } from '@watchupltd/svelte';
+ * {#if isFlagEnabled('new-checkout')}
+ *   <NewCheckout />
+ * {/if}
+ */
+declare function isFlagEnabled(key: string, ctx?: FlagContext): boolean;
+/**
+ * Get the variant key for a multivariate (A/B) flag.
+ * Returns `"control"` if the flag is off or the visitor isn't in the rollout.
+ *
+ * @example
+ * import { getFlagVariant } from '@watchupltd/svelte';
+ * const variant = getFlagVariant('pricing-layout');
+ */
+declare function getFlagVariant(key: string, ctx?: FlagContext): string;
+
+export { clearUser, getFlagVariant, identify, isFlagEnabled };

package/dist/index.d.ts

@@ -1,12 +1,45 @@
-import { initBrowserWatchUp, BrowserWatchUpOptions } from "@watchup/browser";
-import { WatchUpClient } from "@watchup/core";
-export * from "@watchup/core";
-export { initBrowserWatchUp };
-export interface ReadableWatchUpStore {
-    subscribe(run: (client: WatchUpClient | null) => void): () => void;
-}
-export declare function initSvelteWatchUp(options: BrowserWatchUpOptions): WatchUpClient;
-export declare function getSvelteWatchUp(): WatchUpClient;
-export declare function watchUpStore(): ReadableWatchUpStore;
-export declare function captureSvelteError(error: unknown, metadata?: Record<string, unknown>): void;
-//# sourceMappingURL=index.d.ts.map
+export { getWatchup } from './context.js';
+export { traceAction, trackClick } from './action.js';
+import { WatchupUser, FlagContext } from '@watchupltd/browser';
+export { ErrorPayload, EventPayload, FeatureFlag, FlagContext, TracePayload, WatchupOptions, WatchupUser } from '@watchupltd/browser';
+import 'svelte/action';
+
+/**
+ * Attach a user to all subsequent errors and traces.
+ * Call this after login, inside a Svelte component or store subscription.
+ *
+ * @example
+ * import { identify } from '@watchupltd/svelte';
+ * identify({ id: $user.id, email: $user.email, name: $user.name });
+ */
+declare function identify(user: WatchupUser): void;
+/**
+ * Remove the current user context (e.g. after logout).
+ *
+ * @example
+ * import { clearUser } from '@watchupltd/svelte';
+ * clearUser();
+ */
+declare function clearUser(): void;
+
+/**
+ * Check whether a feature flag is enabled for the current visitor/user.
+ *
+ * @example
+ * import { isFlagEnabled } from '@watchupltd/svelte';
+ * {#if isFlagEnabled('new-checkout')}
+ *   <NewCheckout />
+ * {/if}
+ */
+declare function isFlagEnabled(key: string, ctx?: FlagContext): boolean;
+/**
+ * Get the variant key for a multivariate (A/B) flag.
+ * Returns `"control"` if the flag is off or the visitor isn't in the rollout.
+ *
+ * @example
+ * import { getFlagVariant } from '@watchupltd/svelte';
+ * const variant = getFlagVariant('pricing-layout');
+ */
+declare function getFlagVariant(key: string, ctx?: FlagContext): string;
+
+export { clearUser, getFlagVariant, identify, isFlagEnabled };

package/dist/index.js

@@ -1,40 +1,79 @@
-import { initBrowserWatchUp } from "@watchup/browser";
-export * from "@watchup/core";
-export { initBrowserWatchUp };
-let client = null;
-const subscribers = new Set();
-export function initSvelteWatchUp(options) {
-    client = initBrowserWatchUp(options);
-    notify();
-    return client;
+'use strict';
+
+var svelte = require('svelte');
+
+// src/context.ts
+var KEY = /* @__PURE__ */ Symbol("watchup");
+function getWatchup() {
+  const instance = svelte.getContext(KEY);
+  if (!instance) {
+    throw new Error(
+      "[watchup] getWatchup() must be called inside a component that is a descendant of <WatchupProvider>."
+    );
+  }
+  return instance;
 }
-export function getSvelteWatchUp() {
-    if (!client) {
-        throw new Error("WatchUp Svelte client has not been initialized");
+
+// src/action.ts
+var trackClick = (node, params) => {
+  let watchup;
+  try {
+    watchup = getWatchup();
+  } catch {
+    return {};
+  }
+  const handler = () => {
+    watchup.track(params.event, params.properties);
+  };
+  node.addEventListener("click", handler);
+  return {
+    update(newParams) {
+      params = newParams;
+    },
+    destroy() {
+      node.removeEventListener("click", handler);
     }
-    return client;
+  };
+};
+var traceAction = (node, params) => {
+  let watchup;
+  try {
+    watchup = getWatchup();
+  } catch {
+    params.onDone(() => {
+    });
+    return {};
+  }
+  const end = watchup.startTrace(params.span);
+  params.onDone(() => end({ status: "ok" }));
+  return {
+    destroy() {
+    }
+  };
+};
+
+// src/identify.ts
+function identify(user) {
+  getWatchup().setUser(user);
 }
-export function watchUpStore() {
-    return {
-        subscribe(run) {
-            subscribers.add(run);
-            run(client);
-            return () => {
-                subscribers.delete(run);
-            };
-        }
-    };
+function clearUser() {
+  getWatchup().clearUser();
 }
-export function captureSvelteError(error, metadata) {
-    if (!client) {
-        return;
-    }
-    void client.captureException(error, {
-        service: "svelte",
-        metadata
-    });
+
+// src/flags.ts
+function isFlagEnabled(key, ctx) {
+  return getWatchup().isEnabled(key, ctx);
 }
-function notify() {
-    subscribers.forEach((run) => run(client));
+function getFlagVariant(key, ctx) {
+  return getWatchup().getVariant(key, ctx);
 }
+
+exports.clearUser = clearUser;
+exports.getFlagVariant = getFlagVariant;
+exports.getWatchup = getWatchup;
+exports.identify = identify;
+exports.isFlagEnabled = isFlagEnabled;
+exports.traceAction = traceAction;
+exports.trackClick = trackClick;
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAyB,MAAM,kBAAkB,CAAC;AAE7E,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAM9B,IAAI,MAAM,GAAyB,IAAI,CAAC;AACxC,MAAM,WAAW,GAAG,IAAI,GAAG,EAA0C,CAAC;AAEtE,MAAM,UAAU,iBAAiB,CAAC,OAA8B;IAC9D,MAAM,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACrC,MAAM,EAAE,CAAC;IACT,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,gBAAgB;IAC9B,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,YAAY;IAC1B,OAAO;QACL,SAAS,CAAC,GAAG;YACX,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACrB,GAAG,CAAC,MAAM,CAAC,CAAC;YACZ,OAAO,GAAG,EAAE;gBACV,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAC1B,CAAC,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,kBAAkB,CAAC,KAAc,EAAE,QAAkC;IACnF,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO;IACT,CAAC;IACD,KAAK,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE;QAClC,OAAO,EAAE,QAAQ;QACjB,QAAQ;KACT,CAAC,CAAC;AACL,CAAC;AAED,SAAS,MAAM;IACb,WAAW,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC;AAC5C,CAAC"}
+{"version":3,"sources":["../src/context.ts","../src/action.ts","../src/identify.ts","../src/flags.ts"],"names":["getContext"],"mappings":";;;;;AAOA,IAAM,GAAA,0BAAa,SAAS,CAAA;AAkBrB,SAAS,UAAA,GAAsB;AACpC,EAAA,MAAM,QAAA,GAAWA,kBAAgC,GAAG,CAAA;AACpD,EAAA,IAAI,CAAC,QAAA,EAAU;AACb,IAAA,MAAM,IAAI,KAAA;AAAA,MACR;AAAA,KAEF;AAAA,EACF;AACA,EAAA,OAAO,QAAA;AACT;;;ACRO,IAAM,UAAA,GAAoD,CAC/D,IAAA,EACA,MAAA,KACG;AACH,EAAA,IAAI,OAAA;AACJ,EAAA,IAAI;AACF,IAAA,OAAA,GAAU,UAAA,EAAW;AAAA,EACvB,CAAA,CAAA,MAAQ;AAEN,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,MAAM,UAAU,MAAM;AACpB,IAAA,OAAA,CAAQ,KAAA,CAAM,MAAA,CAAO,KAAA,EAAO,MAAA,CAAO,UAAU,CAAA;AAAA,EAC/C,CAAA;AAEA,EAAA,IAAA,CAAK,gBAAA,CAAiB,SAAS,OAAO,CAAA;AAEtC,EAAA,OAAO;AAAA,IACL,OAAO,SAAA,EAAW;AAChB,MAAA,MAAA,GAAS,SAAA;AAAA,IACX,CAAA;AAAA,IACA,OAAA,GAAU;AACR,MAAA,IAAA,CAAK,mBAAA,CAAoB,SAAS,OAAO,CAAA;AAAA,IAC3C;AAAA,GACF;AACF;AAsBO,IAAM,WAAA,GAGT,CAAC,IAAA,EAAM,MAAA,KAAW;AACpB,EAAA,IAAI,OAAA;AACJ,EAAA,IAAI;AACF,IAAA,OAAA,GAAU,UAAA,EAAW;AAAA,EACvB,CAAA,CAAA,MAAQ;AACN,IAAA,MAAA,CAAO,OAAO,MAAM;AAAA,IAAC,CAAC,CAAA;AACtB,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,UAAA,CAAW,MAAA,CAAO,IAAI,CAAA;AAC1C,EAAA,MAAA,CAAO,OAAO,MAAM,GAAA,CAAI,EAAE,MAAA,EAAQ,IAAA,EAAM,CAAC,CAAA;AAEzC,EAAA,OAAO;AAAA,IACL,OAAA,GAAU;AAAA,IAEV;AAAA,GACF;AACF;;;AC/EO,SAAS,SAAS,IAAA,EAAyB;AAChD,EAAA,UAAA,EAAW,CAAE,QAAQ,IAAI,CAAA;AAC3B;AASO,SAAS,SAAA,GAAkB;AAChC,EAAA,UAAA,GAAa,SAAA,EAAU;AACzB;;;ACZO,SAAS,aAAA,CAAc,KAAa,GAAA,EAA4B;AACrE,EAAA,OAAO,UAAA,EAAW,CAAE,SAAA,CAAU,GAAA,EAAK,GAAG,CAAA;AACxC;AAUO,SAAS,cAAA,CAAe,KAAa,GAAA,EAA2B;AACrE,EAAA,OAAO,UAAA,EAAW,CAAE,UAAA,CAAW,GAAA,EAAK,GAAG,CAAA;AACzC","file":"index.js","sourcesContent":["// ─────────────────────────────────────────────────────────────────────────────\n// @watchupltd/svelte  ·  context helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport { getContext, setContext } from 'svelte';\nimport type { Watchup }          from '@watchupltd/browser';\n\nconst KEY = Symbol('watchup');\n\n/** Called internally by WatchupProvider. */\nexport function _setWatchupContext(instance: Watchup): void {\n  setContext(KEY, instance);\n}\n\n/**\n * Returns the `Watchup` instance from the nearest `<WatchupProvider>`.\n * Call this at component initialisation time (not inside event handlers).\n *\n * @example\n * <script>\n *   import { getWatchup } from '@watchupltd/svelte';\n *   const watchup = getWatchup();\n * </script>\n * <button on:click={() => watchup.track('button.clicked')}>Click me</button>\n */\nexport function getWatchup(): Watchup {\n  const instance = getContext<Watchup | undefined>(KEY);\n  if (!instance) {\n    throw new Error(\n      '[watchup] getWatchup() must be called inside a component ' +\n      'that is a descendant of <WatchupProvider>.',\n    );\n  }\n  return instance;\n}\n","// ─────────────────────────────────────────────────────────────────────────────\n// @watchupltd/svelte  ·  Svelte actions\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport type { Action }  from 'svelte/action';\nimport type { Watchup } from '@watchupltd/browser';\nimport { getWatchup }  from './context.js';\n\ninterface TrackClickParams {\n  /** Event name sent to Watchup. */\n  event:       string;\n  /** Optional properties merged into the event payload. */\n  properties?: Record<string, unknown>;\n}\n\n/**\n * Svelte action that tracks a click event.\n *\n * @example\n * <script>\n *   import { trackClick } from '@watchupltd/svelte';\n * </script>\n * <button use:trackClick={{ event: 'cta.clicked', properties: { variant: 'A' } }}>\n *   Get started\n * </button>\n */\nexport const trackClick: Action<HTMLElement, TrackClickParams> = (\n  node,\n  params,\n) => {\n  let watchup: Watchup;\n  try {\n    watchup = getWatchup();\n  } catch {\n    // No provider in tree — silently no-op\n    return {};\n  }\n\n  const handler = () => {\n    watchup.track(params.event, params.properties);\n  };\n\n  node.addEventListener('click', handler);\n\n  return {\n    update(newParams) {\n      params = newParams;\n    },\n    destroy() {\n      node.removeEventListener('click', handler);\n    },\n  };\n};\n\n/**\n * Svelte action that traces the time between `mount` and when `done()` is\n * called, emitting a trace span.\n *\n * @example\n * <script>\n *   import { traceAction } from '@watchupltd/svelte';\n *\n *   let done: () => void;\n *\n *   async function load() {\n *     const data = await fetchData();\n *     done?.();\n *     return data;\n *   }\n * </script>\n * <div use:traceAction={{ span: 'dashboard load', onDone: (fn) => (done = fn) }}>\n *   ...\n * </div>\n */\nexport const traceAction: Action<\n  HTMLElement,\n  { span: string; onDone: (endFn: () => void) => void }\n> = (node, params) => {\n  let watchup: Watchup;\n  try {\n    watchup = getWatchup();\n  } catch {\n    params.onDone(() => {});\n    return {};\n  }\n\n  const end = watchup.startTrace(params.span);\n  params.onDone(() => end({ status: 'ok' }));\n\n  return {\n    destroy() {\n      // If destroyed before done() was called, mark as cancelled\n    },\n  };\n};\n","// ─────────────────────────────────────────────────────────────────────────────\n// @watchupltd/svelte  ·  user identification helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport type { WatchupUser } from '@watchupltd/browser';\nimport { getWatchup } from './context.js';\n\n/**\n * Attach a user to all subsequent errors and traces.\n * Call this after login, inside a Svelte component or store subscription.\n *\n * @example\n * import { identify } from '@watchupltd/svelte';\n * identify({ id: $user.id, email: $user.email, name: $user.name });\n */\nexport function identify(user: WatchupUser): void {\n  getWatchup().setUser(user);\n}\n\n/**\n * Remove the current user context (e.g. after logout).\n *\n * @example\n * import { clearUser } from '@watchupltd/svelte';\n * clearUser();\n */\nexport function clearUser(): void {\n  getWatchup().clearUser();\n}\n","// ─────────────────────────────────────────────────────────────────────────────\n// @watchupltd/svelte  ·  feature flag helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport type { FlagContext } from '@watchupltd/browser';\nimport { getWatchup } from './context.js';\n\n/**\n * Check whether a feature flag is enabled for the current visitor/user.\n *\n * @example\n * import { isFlagEnabled } from '@watchupltd/svelte';\n * {#if isFlagEnabled('new-checkout')}\n *   <NewCheckout />\n * {/if}\n */\nexport function isFlagEnabled(key: string, ctx?: FlagContext): boolean {\n  return getWatchup().isEnabled(key, ctx);\n}\n\n/**\n * Get the variant key for a multivariate (A/B) flag.\n * Returns `\"control\"` if the flag is off or the visitor isn't in the rollout.\n *\n * @example\n * import { getFlagVariant } from '@watchupltd/svelte';\n * const variant = getFlagVariant('pricing-layout');\n */\nexport function getFlagVariant(key: string, ctx?: FlagContext): string {\n  return getWatchup().getVariant(key, ctx);\n}\n"]}

package/dist/index.mjs

@@ -0,0 +1,23 @@
+export { traceAction, trackClick } from './chunk-A275SBSC.mjs';
+import { getWatchup } from './chunk-JOD5F3DS.mjs';
+export { getWatchup } from './chunk-JOD5F3DS.mjs';
+
+// src/identify.ts
+function identify(user) {
+  getWatchup().setUser(user);
+}
+function clearUser() {
+  getWatchup().clearUser();
+}
+
+// src/flags.ts
+function isFlagEnabled(key, ctx) {
+  return getWatchup().isEnabled(key, ctx);
+}
+function getFlagVariant(key, ctx) {
+  return getWatchup().getVariant(key, ctx);
+}
+
+export { clearUser, getFlagVariant, identify, isFlagEnabled };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/identify.ts","../src/flags.ts"],"names":[],"mappings":";;;;;AAeO,SAAS,SAAS,IAAA,EAAyB;AAChD,EAAA,UAAA,EAAW,CAAE,QAAQ,IAAI,CAAA;AAC3B;AASO,SAAS,SAAA,GAAkB;AAChC,EAAA,UAAA,GAAa,SAAA,EAAU;AACzB;;;ACZO,SAAS,aAAA,CAAc,KAAa,GAAA,EAA4B;AACrE,EAAA,OAAO,UAAA,EAAW,CAAE,SAAA,CAAU,GAAA,EAAK,GAAG,CAAA;AACxC;AAUO,SAAS,cAAA,CAAe,KAAa,GAAA,EAA2B;AACrE,EAAA,OAAO,UAAA,EAAW,CAAE,UAAA,CAAW,GAAA,EAAK,GAAG,CAAA;AACzC","file":"index.mjs","sourcesContent":["// ─────────────────────────────────────────────────────────────────────────────\n// @watchupltd/svelte  ·  user identification helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport type { WatchupUser } from '@watchupltd/browser';\nimport { getWatchup } from './context.js';\n\n/**\n * Attach a user to all subsequent errors and traces.\n * Call this after login, inside a Svelte component or store subscription.\n *\n * @example\n * import { identify } from '@watchupltd/svelte';\n * identify({ id: $user.id, email: $user.email, name: $user.name });\n */\nexport function identify(user: WatchupUser): void {\n  getWatchup().setUser(user);\n}\n\n/**\n * Remove the current user context (e.g. after logout).\n *\n * @example\n * import { clearUser } from '@watchupltd/svelte';\n * clearUser();\n */\nexport function clearUser(): void {\n  getWatchup().clearUser();\n}\n","// ─────────────────────────────────────────────────────────────────────────────\n// @watchupltd/svelte  ·  feature flag helpers\n// ─────────────────────────────────────────────────────────────────────────────\n\nimport type { FlagContext } from '@watchupltd/browser';\nimport { getWatchup } from './context.js';\n\n/**\n * Check whether a feature flag is enabled for the current visitor/user.\n *\n * @example\n * import { isFlagEnabled } from '@watchupltd/svelte';\n * {#if isFlagEnabled('new-checkout')}\n *   <NewCheckout />\n * {/if}\n */\nexport function isFlagEnabled(key: string, ctx?: FlagContext): boolean {\n  return getWatchup().isEnabled(key, ctx);\n}\n\n/**\n * Get the variant key for a multivariate (A/B) flag.\n * Returns `\"control\"` if the flag is off or the visitor isn't in the rollout.\n *\n * @example\n * import { getFlagVariant } from '@watchupltd/svelte';\n * const variant = getFlagVariant('pricing-layout');\n */\nexport function getFlagVariant(key: string, ctx?: FlagContext): string {\n  return getWatchup().getVariant(key, ctx);\n}\n"]}

package/package.json

@@ -1,28 +1,41 @@
 {
   "name": "@watchupltd/svelte",
-  "version": "0.1.9",
-  "type": "module",
+  "version": "0.2.0",
+  "description": "Official Watchup SDK for Svelte / SvelteKit — provider, context, and actions",
+  "license": "MIT",
+  "author": "Watchup Ltd",
   "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
-    }
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./WatchupProvider.svelte": "./src/WatchupProvider.svelte"
   },
+  "files": [
+    "dist",
+    "src/WatchupProvider.svelte",
+    "README.md"
+  ],
+  "sideEffects": [
+    "./src/WatchupProvider.svelte"
+  ],
   "scripts": {
-    "build": "tsc -p tsconfig.json"
-  },
-  "dependencies": {
-    "@watchupltd/browser": "0.1.9",
-    "@watchupltd/core": "0.1.9"
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "dev": "tsup --watch"
   },
   "peerDependencies": {
-    "svelte": ">=4"
+    "@watchupltd/browser": "^0.1.0",
+    "svelte": ">=4.0.0"
   },
-  "peerDependenciesMeta": {
-    "svelte": {
-      "optional": true
-    }
+  "devDependencies": {
+    "@watchupltd/browser": "*",
+    "svelte": "^4.2.18",
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5"
   }
 }

package/src/WatchupProvider.svelte

@@ -0,0 +1,32 @@
+<script lang="ts">
+  // ─────────────────────────────────────────────────────────────────────────
+  // @watchupltd/svelte  ·  WatchupProvider
+  //
+  // Mount this once near the root of your Svelte/SvelteKit app.
+  //
+  // @example
+  // <!-- +layout.svelte -->
+  // <script>
+  //   import { WatchupProvider } from '@watchupltd/svelte';
+  // </script>
+  // <WatchupProvider apiKey="wup_live_xxx">
+  //   <slot />
+  // </WatchupProvider>
+  // ─────────────────────────────────────────────────────────────────────────
+
+  import { onDestroy }              from 'svelte';
+  import { Watchup, type WatchupOptions } from '@watchupltd/browser';
+  import { _setWatchupContext }     from './context.js';
+
+  export let apiKey:  string;
+  export let options: Omit<WatchupOptions, 'apiKey'> = {};
+
+  const instance = new Watchup({ apiKey, ...options });
+  _setWatchupContext(instance);
+
+  onDestroy(() => {
+    instance.shutdown();
+  });
+</script>
+
+<slot />

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,KAAK,IAAI,GAAG,MAAM,IAAI,CAAC;CACpE;AAKD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,qBAAqB,GAAG,aAAa,CAI/E;AAED,wBAAgB,gBAAgB,IAAI,aAAa,CAKhD;AAED,wBAAgB,YAAY,IAAI,oBAAoB,CAUnD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAQ3F"}

package/src/index.ts

@@ -1,50 +0,0 @@
-import { initBrowserWatchUp, BrowserWatchUpOptions } from "@watchup/browser";
-import { WatchUpClient } from "@watchup/core";
-export * from "@watchup/core";
-export { initBrowserWatchUp };
-
-export interface ReadableWatchUpStore {
-  subscribe(run: (client: WatchUpClient | null) => void): () => void;
-}
-
-let client: WatchUpClient | null = null;
-const subscribers = new Set<(client: WatchUpClient | null) => void>();
-
-export function initSvelteWatchUp(options: BrowserWatchUpOptions): WatchUpClient {
-  client = initBrowserWatchUp(options);
-  notify();
-  return client;
-}
-
-export function getSvelteWatchUp(): WatchUpClient {
-  if (!client) {
-    throw new Error("WatchUp Svelte client has not been initialized");
-  }
-  return client;
-}
-
-export function watchUpStore(): ReadableWatchUpStore {
-  return {
-    subscribe(run) {
-      subscribers.add(run);
-      run(client);
-      return () => {
-        subscribers.delete(run);
-      };
-    }
-  };
-}
-
-export function captureSvelteError(error: unknown, metadata?: Record<string, unknown>): void {
-  if (!client) {
-    return;
-  }
-  void client.captureException(error, {
-    service: "svelte",
-    metadata
-  });
-}
-
-function notify(): void {
-  subscribers.forEach((run) => run(client));
-}

package/tsconfig.json

@@ -1,9 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "rootDir": "src",
-    "outDir": "dist"
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": ["src/**/*.test.ts"]
-}