@siggn/react 0.1.0 → 0.1.1

package/{src/hooks.ts → dist/hooks.d.ts}

@@ -1,7 +1,6 @@
-import { type Msg, Siggn } from '@siggn/core';
-import type { SubscriptionOptions } from 'packages/react/src/types';
-import { useEffect, useMemo, useRef, type DependencyList } from 'react';
-
+import { Msg, Siggn } from '../../core/src/index.ts';
+import { SubscriptionOptions } from 'packages/react/src/types';
+import { DependencyList } from 'react';
 /**
  * Creates and returns a `Siggn` instance that persists for the lifetime of the component.
  * This is useful for creating a message bus scoped to a component and its children.
@@ -11,7 +10,7 @@ import { useEffect, useMemo, useRef, type DependencyList } from 'react';
  * @category Lifecycle
  * @since 0.0.1
  * @example
- * 
+ *
 ```tsx
  * function MyComponent() {
  *   const localSiggn = useSiggn<{ type: 'local-event' }>();
@@ -19,11 +18,7 @@ import { useEffect, useMemo, useRef, type DependencyList } from 'react';
  * }
  * ```
  */
-export function useSiggn<T extends Msg>(): Siggn<T> {
-  const siggn = useRef(new Siggn<T>());
-  return siggn.current;
-}
-
+export declare function useSiggn<T extends Msg>(): Siggn<T>;
 /**
  * Subscribes to messages and automatically unsubscribes when the component unmounts.
  *
@@ -34,7 +29,7 @@ export function useSiggn<T extends Msg>(): Siggn<T> {
  * @category Subscription
  * @since 0.0.1
  * @example
- * 
+ *
 ```tsx
  * import { siggn } from './siggn'; // Your shared instance
  *
@@ -46,31 +41,9 @@ export function useSiggn<T extends Msg>(): Siggn<T> {
  * }
  * ```
  */
-export function useSubscribe<T extends Msg>(
-  options: SubscriptionOptions<T>,
-  setup: (
-    subscribe: <K extends T['type']>(
-      type: K,
-      callback: (msg: Extract<T, { type: K }>) => void,
-    ) => void,
-  ) => void,
-  deps: DependencyList = [],
-) {
-  const instance = useMemo(
-    () => (options instanceof Siggn ? options : options.instance),
-    [options],
-  );
-  const id = useMemo(() => instance.makeId('id' in options ? options.id : undefined), [instance]);
-
-  useEffect(() => {
-    instance.subscribeMany(id, setup);
-
-    return () => {
-      instance.unsubscribe(id);
-    };
-  }, [instance, id, ...deps]);
-}
-
+export declare function useSubscribe<T extends Msg>(options: SubscriptionOptions<T>, setup: (subscribe: <K extends T['type']>(type: K, callback: (msg: Extract<T, {
+    type: K;
+}>) => void) => void) => void, deps?: DependencyList): void;
 /**
  * Subscribes to all messages on a `Siggn` instance and automatically unsubscribes
  * when the component unmounts.
@@ -82,7 +55,7 @@ export function useSubscribe<T extends Msg>(
  * @category Subscription
  * @since 0.0.1
  * @example
- * 
+ *
 ```tsx
  * import { siggn } from './siggn';
  *
@@ -94,22 +67,5 @@ export function useSubscribe<T extends Msg>(
  * }
  * ```
  */
-export function useSubscribeAll<T extends Msg>(
-  options: SubscriptionOptions<T>,
-  callback: (msg: T) => void,
-  deps: DependencyList = [],
-) {
-  const instance = useMemo(
-    () => (options instanceof Siggn ? options : options.instance),
-    [options],
-  );
-  const id = useMemo(() => instance.makeId('id' in options ? options.id : undefined), [instance]);
-
-  useEffect(() => {
-    instance.subscribeAll(id, callback);
-
-    return () => {
-      instance.unsubscribeGlobal(id);
-    };
-  }, [instance, id, ...deps]);
-}
+export declare function useSubscribeAll<T extends Msg>(options: SubscriptionOptions<T>, callback: (msg: T) => void, deps?: DependencyList): void;
+//# sourceMappingURL=hooks.d.ts.map

package/dist/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../src/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAExE;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAGlD;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,YAAY,CAAC,CAAC,SAAS,GAAG,EACxC,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAC/B,KAAK,EAAE,CACL,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EAC7B,IAAI,EAAE,CAAC,EACP,QAAQ,EAAE,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC,KAAK,IAAI,KAC7C,IAAI,KACN,IAAI,EACT,IAAI,GAAE,cAAmB,QAe1B;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,GAAG,EAC3C,OAAO,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAC/B,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,EAC1B,IAAI,GAAE,cAAmB,QAe1B"}

package/dist/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@siggn/core"),c=require("react");function t(){return c.useRef(new r.Siggn).current}function b(e,s,i=[]){const u=c.useMemo(()=>e instanceof r.Siggn?e:e.instance,[e]),n=c.useMemo(()=>u.makeId("id"in e?e.id:void 0),[u]);c.useEffect(()=>(u.subscribeMany(n,s),()=>{u.unsubscribe(n)}),[u,n,...i])}function a(e,s,i=[]){const u=c.useMemo(()=>e instanceof r.Siggn?e:e.instance,[e]),n=c.useMemo(()=>u.makeId("id"in e?e.id:void 0),[u]);c.useEffect(()=>(u.subscribeAll(n,s),()=>{u.unsubscribeGlobal(n)}),[u,n,...i])}exports.useSiggn=t;exports.useSubscribe=b;exports.useSubscribeAll=a;Object.keys(r).forEach(e=>{e!=="default"&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:()=>r[e]})});
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/hooks.ts"],"sourcesContent":["import { type Msg, Siggn } from '@siggn/core';\nimport type { SubscriptionOptions } from 'packages/react/src/types';\nimport { useEffect, useMemo, useRef, type DependencyList } from 'react';\n\n/**\n * Creates and returns a `Siggn` instance that persists for the lifetime of the component.\n * This is useful for creating a message bus scoped to a component and its children.\n *\n * @template T A union of all possible message types for the new instance.\n * @returns A `Siggn<T>` instance.\n * @category Lifecycle\n * @since 0.0.1\n * @example\n * \n```tsx\n * function MyComponent() {\n *   const localSiggn = useSiggn<{ type: 'local-event' }>();\n *   // ...\n * }\n * ```\n */\nexport function useSiggn<T extends Msg>(): Siggn<T> {\n  const siggn = useRef(new Siggn<T>());\n  return siggn.current;\n}\n\n/**\n * Subscribes to messages and automatically unsubscribes when the component unmounts.\n *\n * @template T A union of all possible message types.\n * @param options A `Siggn` instance or an object with the instance and an optional subscriber ID.\n * @param setup A function that receives a `subscribe` helper to define subscriptions.\n * @param deps An optional dependency array to control when the subscriptions are re-created.\n * @category Subscription\n * @since 0.0.1\n * @example\n * \n```tsx\n * import { siggn } from './siggn'; // Your shared instance\n *\n * function MyComponent() {\n *   useSubscribe(siggn, (subscribe) => {\n *     subscribe('user-created', (msg) => console.log(msg.name));\n *   });\n *   // ...\n * }\n * ```\n */\nexport function useSubscribe<T extends Msg>(\n  options: SubscriptionOptions<T>,\n  setup: (\n    subscribe: <K extends T['type']>(\n      type: K,\n      callback: (msg: Extract<T, { type: K }>) => void,\n    ) => void,\n  ) => void,\n  deps: DependencyList = [],\n) {\n  const instance = useMemo(\n    () => (options instanceof Siggn ? options : options.instance),\n    [options],\n  );\n  const id = useMemo(() => instance.makeId('id' in options ? options.id : undefined), [instance]);\n\n  useEffect(() => {\n    instance.subscribeMany(id, setup);\n\n    return () => {\n      instance.unsubscribe(id);\n    };\n  }, [instance, id, ...deps]);\n}\n\n/**\n * Subscribes to all messages on a `Siggn` instance and automatically unsubscribes\n * when the component unmounts.\n *\n * @template T A union of all possible message types.\n * @param options A `Siggn` instance or an object with the instance and an optional subscriber ID.\n * @param callback The function to call for any message.\n * @param deps An optional dependency array to control when the subscription is re-created.\n * @category Subscription\n * @since 0.0.1\n * @example\n * \n```tsx\n * import { siggn } from './siggn';\n *\n * function LoggerComponent() {\n *   useSubscribeAll(siggn, (msg) => {\n *     console.log(`[LOG]: ${msg.type}`);\n *   }, []);\n *   // ...\n * }\n * ```\n */\nexport function useSubscribeAll<T extends Msg>(\n  options: SubscriptionOptions<T>,\n  callback: (msg: T) => void,\n  deps: DependencyList = [],\n) {\n  const instance = useMemo(\n    () => (options instanceof Siggn ? options : options.instance),\n    [options],\n  );\n  const id = useMemo(() => instance.makeId('id' in options ? options.id : undefined), [instance]);\n\n  useEffect(() => {\n    instance.subscribeAll(id, callback);\n\n    return () => {\n      instance.unsubscribeGlobal(id);\n    };\n  }, [instance, id, ...deps]);\n}\n"],"names":["useSiggn","useRef","Siggn","useSubscribe","options","setup","deps","instance","useMemo","id","useEffect","useSubscribeAll","callback"],"mappings":"kIAqBO,SAASA,GAAoC,CAElD,OADcC,EAAAA,OAAO,IAAIC,EAAAA,KAAU,EACtB,OACf,CAwBO,SAASC,EACdC,EACAC,EAMAC,EAAuB,CAAA,EACvB,CACA,MAAMC,EAAWC,EAAAA,QACf,IAAOJ,aAAmBF,EAAAA,MAAQE,EAAUA,EAAQ,SACpD,CAACA,CAAO,CAAA,EAEJK,EAAKD,EAAAA,QAAQ,IAAMD,EAAS,OAAO,OAAQH,EAAUA,EAAQ,GAAK,MAAS,EAAG,CAACG,CAAQ,CAAC,EAE9FG,EAAAA,UAAU,KACRH,EAAS,cAAcE,EAAIJ,CAAK,EAEzB,IAAM,CACXE,EAAS,YAAYE,CAAE,CACzB,GACC,CAACF,EAAUE,EAAI,GAAGH,CAAI,CAAC,CAC5B,CAyBO,SAASK,EACdP,EACAQ,EACAN,EAAuB,CAAA,EACvB,CACA,MAAMC,EAAWC,EAAAA,QACf,IAAOJ,aAAmBF,EAAAA,MAAQE,EAAUA,EAAQ,SACpD,CAACA,CAAO,CAAA,EAEJK,EAAKD,EAAAA,QAAQ,IAAMD,EAAS,OAAO,OAAQH,EAAUA,EAAQ,GAAK,MAAS,EAAG,CAACG,CAAQ,CAAC,EAE9FG,EAAAA,UAAU,KACRH,EAAS,aAAaE,EAAIG,CAAQ,EAE3B,IAAM,CACXL,EAAS,kBAAkBE,CAAE,CAC/B,GACC,CAACF,EAAUE,EAAI,GAAGH,CAAI,CAAC,CAC5B"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './hooks.js';
+export * from '../../core/src/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/index.es.js

@@ -0,0 +1,30 @@
+import { Siggn as s } from "@siggn/core";
+export * from "@siggn/core";
+import { useRef as t, useMemo as i, useEffect as b } from "react";
+function d() {
+  return t(new s()).current;
+}
+function g(e, r, u = []) {
+  const n = i(
+    () => e instanceof s ? e : e.instance,
+    [e]
+  ), c = i(() => n.makeId("id" in e ? e.id : void 0), [n]);
+  b(() => (n.subscribeMany(c, r), () => {
+    n.unsubscribe(c);
+  }), [n, c, ...u]);
+}
+function m(e, r, u = []) {
+  const n = i(
+    () => e instanceof s ? e : e.instance,
+    [e]
+  ), c = i(() => n.makeId("id" in e ? e.id : void 0), [n]);
+  b(() => (n.subscribeAll(c, r), () => {
+    n.unsubscribeGlobal(c);
+  }), [n, c, ...u]);
+}
+export {
+  d as useSiggn,
+  g as useSubscribe,
+  m as useSubscribeAll
+};
+//# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../src/hooks.ts"],"sourcesContent":["import { type Msg, Siggn } from '@siggn/core';\nimport type { SubscriptionOptions } from 'packages/react/src/types';\nimport { useEffect, useMemo, useRef, type DependencyList } from 'react';\n\n/**\n * Creates and returns a `Siggn` instance that persists for the lifetime of the component.\n * This is useful for creating a message bus scoped to a component and its children.\n *\n * @template T A union of all possible message types for the new instance.\n * @returns A `Siggn<T>` instance.\n * @category Lifecycle\n * @since 0.0.1\n * @example\n * \n```tsx\n * function MyComponent() {\n *   const localSiggn = useSiggn<{ type: 'local-event' }>();\n *   // ...\n * }\n * ```\n */\nexport function useSiggn<T extends Msg>(): Siggn<T> {\n  const siggn = useRef(new Siggn<T>());\n  return siggn.current;\n}\n\n/**\n * Subscribes to messages and automatically unsubscribes when the component unmounts.\n *\n * @template T A union of all possible message types.\n * @param options A `Siggn` instance or an object with the instance and an optional subscriber ID.\n * @param setup A function that receives a `subscribe` helper to define subscriptions.\n * @param deps An optional dependency array to control when the subscriptions are re-created.\n * @category Subscription\n * @since 0.0.1\n * @example\n * \n```tsx\n * import { siggn } from './siggn'; // Your shared instance\n *\n * function MyComponent() {\n *   useSubscribe(siggn, (subscribe) => {\n *     subscribe('user-created', (msg) => console.log(msg.name));\n *   });\n *   // ...\n * }\n * ```\n */\nexport function useSubscribe<T extends Msg>(\n  options: SubscriptionOptions<T>,\n  setup: (\n    subscribe: <K extends T['type']>(\n      type: K,\n      callback: (msg: Extract<T, { type: K }>) => void,\n    ) => void,\n  ) => void,\n  deps: DependencyList = [],\n) {\n  const instance = useMemo(\n    () => (options instanceof Siggn ? options : options.instance),\n    [options],\n  );\n  const id = useMemo(() => instance.makeId('id' in options ? options.id : undefined), [instance]);\n\n  useEffect(() => {\n    instance.subscribeMany(id, setup);\n\n    return () => {\n      instance.unsubscribe(id);\n    };\n  }, [instance, id, ...deps]);\n}\n\n/**\n * Subscribes to all messages on a `Siggn` instance and automatically unsubscribes\n * when the component unmounts.\n *\n * @template T A union of all possible message types.\n * @param options A `Siggn` instance or an object with the instance and an optional subscriber ID.\n * @param callback The function to call for any message.\n * @param deps An optional dependency array to control when the subscription is re-created.\n * @category Subscription\n * @since 0.0.1\n * @example\n * \n```tsx\n * import { siggn } from './siggn';\n *\n * function LoggerComponent() {\n *   useSubscribeAll(siggn, (msg) => {\n *     console.log(`[LOG]: ${msg.type}`);\n *   }, []);\n *   // ...\n * }\n * ```\n */\nexport function useSubscribeAll<T extends Msg>(\n  options: SubscriptionOptions<T>,\n  callback: (msg: T) => void,\n  deps: DependencyList = [],\n) {\n  const instance = useMemo(\n    () => (options instanceof Siggn ? options : options.instance),\n    [options],\n  );\n  const id = useMemo(() => instance.makeId('id' in options ? options.id : undefined), [instance]);\n\n  useEffect(() => {\n    instance.subscribeAll(id, callback);\n\n    return () => {\n      instance.unsubscribeGlobal(id);\n    };\n  }, [instance, id, ...deps]);\n}\n"],"names":["useSiggn","useRef","Siggn","useSubscribe","options","setup","deps","instance","useMemo","id","useEffect","useSubscribeAll","callback"],"mappings":";;;AAqBO,SAASA,IAAoC;AAElD,SADcC,EAAO,IAAIC,GAAU,EACtB;AACf;AAwBO,SAASC,EACdC,GACAC,GAMAC,IAAuB,CAAA,GACvB;AACA,QAAMC,IAAWC;AAAA,IACf,MAAOJ,aAAmBF,IAAQE,IAAUA,EAAQ;AAAA,IACpD,CAACA,CAAO;AAAA,EAAA,GAEJK,IAAKD,EAAQ,MAAMD,EAAS,OAAO,QAAQH,IAAUA,EAAQ,KAAK,MAAS,GAAG,CAACG,CAAQ,CAAC;AAE9F,EAAAG,EAAU,OACRH,EAAS,cAAcE,GAAIJ,CAAK,GAEzB,MAAM;AACX,IAAAE,EAAS,YAAYE,CAAE;AAAA,EACzB,IACC,CAACF,GAAUE,GAAI,GAAGH,CAAI,CAAC;AAC5B;AAyBO,SAASK,EACdP,GACAQ,GACAN,IAAuB,CAAA,GACvB;AACA,QAAMC,IAAWC;AAAA,IACf,MAAOJ,aAAmBF,IAAQE,IAAUA,EAAQ;AAAA,IACpD,CAACA,CAAO;AAAA,EAAA,GAEJK,IAAKD,EAAQ,MAAMD,EAAS,OAAO,QAAQH,IAAUA,EAAQ,KAAK,MAAS,GAAG,CAACG,CAAQ,CAAC;AAE9F,EAAAG,EAAU,OACRH,EAAS,aAAaE,GAAIG,CAAQ,GAE3B,MAAM;AACX,IAAAL,EAAS,kBAAkBE,CAAE;AAAA,EAC/B,IACC,CAACF,GAAUE,GAAI,GAAGH,CAAI,CAAC;AAC5B;"}

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+import { Msg, Siggn } from '../../core/src/index.ts';
+export type SubscriptionOptions<T extends Msg> = Siggn<T> | {
+    instance: Siggn<T>;
+    id?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,GAAG,IACzC,KAAK,CAAC,CAAC,CAAC,GACR;IACE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@siggn/react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A lightweight type safe message bus system for React",
   "keywords": [
     "pub/sub",
@@ -36,6 +36,9 @@
     }
   },
   "type": "module",
+  "files": [
+    "dist"
+  ],
   "sideEffects": false,
   "devDependencies": {
     "typescript": "^5.9.3",

package/.prettierrc

@@ -1,16 +0,0 @@
-{
-  "arrowParens": "always",
-  "bracketSpacing": true,
-  "htmlWhitespaceSensitivity": "css",
-  "insertPragma": false,
-  "jsxSingleQuote": true,
-  "printWidth": 100,
-  "proseWrap": "always",
-  "quoteProps": "as-needed",
-  "requirePragma": false,
-  "semi": true,
-  "singleQuote": true,
-  "tabWidth": 2,
-  "trailingComma": "all",
-  "useTabs": false
-}

package/CHANGELOG.md

@@ -1,28 +0,0 @@
-# @siggn/react
-
-## 0.1.0
-
-### Minor Changes
-
-- [`54e3afd`](https://github.com/Guiguerreiro39/siggn/commit/54e3afd430bdb73ef0549ebdfbf9fc6f76bc62b1)
-  Thanks [@Guiguerreiro39](https://github.com/Guiguerreiro39)! - - Introduced automatic garbage
-  collection to prevent memory leaks.
-  - Added code documentation
-  - Added `subscriptionsCount` property to `Siggn`
-
-### Patch Changes
-
-- Updated dependencies
-  [[`54e3afd`](https://github.com/Guiguerreiro39/siggn/commit/54e3afd430bdb73ef0549ebdfbf9fc6f76bc62b1)]:
-  - @siggn/core@0.1.0
-
-## 0.0.1
-
-### Patch Changes
-
-- [`d2a88af`](https://github.com/Guiguerreiro39/siggn/commit/d2a88af8e484f28e436c594cd3238379295941a2)
-  Thanks [@Guiguerreiro39](https://github.com/Guiguerreiro39)! - Added react hooks support
-
-- Updated dependencies
-  [[`d2a88af`](https://github.com/Guiguerreiro39/siggn/commit/d2a88af8e484f28e436c594cd3238379295941a2)]:
-  - @siggn/core@0.0.5

package/src/index.ts

@@ -1,2 +0,0 @@
-export * from './hooks.js';
-export * from '@siggn/core';

package/src/types.ts

@@ -1,8 +0,0 @@
-import type { Msg, Siggn } from '@siggn/core';
-
-export type SubscriptionOptions<T extends Msg> =
-  | Siggn<T>
-  | {
-      instance: Siggn<T>;
-      id?: string;
-    };

package/tests/hooks.test.tsx

@@ -1,270 +0,0 @@
-import { test, expect, describe, beforeEach, afterEach, vi } from 'vitest';
-import { useSiggn, useSubscribe, useSubscribeAll } from '../src/hooks.js';
-import { Siggn } from '@siggn/core';
-import { act, render, renderHook, screen, cleanup } from '@testing-library/react';
-import { useState } from 'react';
-
-type Msg =
-  | {
-      type: 'increment_count';
-      value: number;
-    }
-  | { type: 'decrement_count'; value: number }
-  | { type: 'custom_event'; data: string }
-  | { type: 'dependency_changed'; newValue: number };
-
-describe('@siggn/react', () => {
-  let siggn: Siggn<Msg>;
-
-  beforeEach(() => {
-    const { result } = renderHook(() => useSiggn<Msg>());
-    siggn = result.current;
-  });
-
-  afterEach(() => {
-    cleanup();
-  });
-
-  test('user should be able to create a siggn instance and subscribe using hooks', () => {
-    function TestComponent() {
-      const [count, setCount] = useState(0);
-
-      useSubscribe(siggn, (subscribe) => {
-        subscribe('increment_count', (msg) => {
-          setCount((prev) => prev + msg.value);
-        });
-
-        subscribe('decrement_count', (msg) => {
-          setCount((prev) => prev - msg.value);
-        });
-      });
-
-      return <div data-testid='value'>{count}</div>;
-    }
-
-    render(<TestComponent />);
-
-    expect(screen.getByTestId('value')).toHaveTextContent('0');
-
-    act(() => {
-      siggn.publish({ type: 'increment_count', value: 4 });
-    });
-
-    expect(screen.getByTestId('value')).toHaveTextContent('4');
-
-    act(() => {
-      siggn.publish({ type: 'decrement_count', value: 2 });
-    });
-
-    expect(screen.getByTestId('value')).toHaveTextContent('2');
-  });
-
-  test('useSiggn should return a stable instance across re-renders', () => {
-    const { result, rerender } = renderHook(() => useSiggn<Msg>());
-    const firstInstance = result.current;
-
-    rerender(); // Re-render the hook
-
-    const secondInstance = result.current;
-    expect(firstInstance).toBe(secondInstance); // Should be the same instance
-  });
-
-  test('useSubscribe should work with explicit id in options', () => {
-    let receivedData: string | null = null;
-    const customId = 'my-custom-subscriber';
-
-    function TestComponent() {
-      useSubscribe({ instance: siggn, id: customId }, (subscribe) => {
-        subscribe('custom_event', (msg) => {
-          receivedData = msg.data;
-        });
-      });
-      return null;
-    }
-
-    render(<TestComponent />);
-
-    act(() => {
-      siggn.publish({ type: 'custom_event', data: 'hello' });
-    });
-
-    expect(receivedData).toBe('hello');
-
-    // Manually unsubscribe using the custom ID
-    act(() => {
-      siggn.unsubscribe(customId);
-    });
-
-    act(() => {
-      siggn.publish({ type: 'custom_event', data: 'world' });
-    });
-
-    // Should not receive 'world' as it's unsubscribed
-    expect(receivedData).toBe('hello');
-  });
-
-  test('useSubscribe should re-subscribe when dependencies change', () => {
-    let callCount = 0;
-    let lastReceivedValue = 0;
-
-    function TestComponent({ depValue }: { depValue: number }) {
-      useSubscribe(
-        siggn,
-        (subscribe) => {
-          callCount++; // This should increment when subscription is re-established
-          subscribe('dependency_changed', (msg) => {
-            lastReceivedValue = msg.newValue + depValue; // Use depValue in callback
-          });
-        },
-        [depValue], // Dependency array includes depValue
-      );
-      return <div data-testid='last-value'>{lastReceivedValue}</div>;
-    }
-
-    const { rerender } = render(<TestComponent depValue={10} />);
-
-    act(() => {
-      siggn.publish({ type: 'dependency_changed', newValue: 5 });
-    });
-    expect(lastReceivedValue).toBe(15); // 5 + 10
-    expect(callCount).toBe(1);
-
-    rerender(<TestComponent depValue={20} />); // Change dependency
-
-    act(() => {
-      siggn.publish({ type: 'dependency_changed', newValue: 5 });
-    });
-
-    expect(lastReceivedValue).toBe(25); // 5 + 20
-    expect(callCount).toBe(2); // Subscription should have been re-established
-  });
-
-  test('useSubscribe should automatically unsubscribe on component unmount', () => {
-    let receivedMessage: string | null = null;
-
-    function TestComponent() {
-      useSubscribe(siggn, (subscribe) => {
-        subscribe('custom_event', (msg) => {
-          receivedMessage = msg.data;
-        });
-      });
-      return null;
-    }
-
-    const { unmount } = render(<TestComponent />);
-
-    act(() => {
-      siggn.publish({ type: 'custom_event', data: 'first message' });
-    });
-    expect(receivedMessage).toBe('first message');
-
-    receivedMessage = null; // Reset for next check
-
-    unmount(); // Unmount the component
-
-    act(() => {
-      siggn.publish({ type: 'custom_event', data: 'second message' });
-    });
-
-    // After unmount, the subscription should be gone
-    expect(receivedMessage).toBeNull();
-  });
-
-  test('useSubscribeAll should receive all messages', () => {
-    const receivedMessages: Msg[] = [];
-    const callback = vi.fn((msg: Msg) => {
-      receivedMessages.push(msg);
-    });
-
-    function TestComponent() {
-      useSubscribeAll(siggn, callback);
-      return null;
-    }
-
-    render(<TestComponent />);
-
-    act(() => {
-      siggn.publish({ type: 'increment_count', value: 1 });
-      siggn.publish({ type: 'custom_event', data: 'test' });
-    });
-
-    expect(callback).toHaveBeenCalledTimes(2);
-    expect(receivedMessages).toEqual([
-      { type: 'increment_count', value: 1 },
-      { type: 'custom_event', data: 'test' },
-    ]);
-  });
-
-  test('useSubscribeAll should automatically unsubscribe on component unmount', () => {
-    const callback = vi.fn();
-
-    function TestComponent() {
-      useSubscribeAll(siggn, callback);
-      return null;
-    }
-
-    const { unmount } = render(<TestComponent />);
-
-    act(() => {
-      siggn.publish({ type: 'increment_count', value: 1 });
-    });
-    expect(callback).toHaveBeenCalledTimes(1);
-
-    unmount();
-
-    act(() => {
-      siggn.publish({ type: 'custom_event', data: 'after unmount' });
-    });
-
-    expect(callback).toHaveBeenCalledTimes(1); // Should not be called again
-  });
-
-  test('useSubscribeAll should re-subscribe when dependencies change', () => {
-    const callback = vi.fn();
-
-    function TestComponent({ dep }: { dep: number }) {
-      useSubscribeAll(siggn, callback, [dep]);
-      return null;
-    }
-
-    const { rerender } = render(<TestComponent dep={1} />);
-
-    act(() => {
-      siggn.publish({ type: 'increment_count', value: 1 });
-    });
-    expect(callback).toHaveBeenCalledTimes(1);
-
-    rerender(<TestComponent dep={2} />);
-
-    act(() => {
-      siggn.publish({ type: 'increment_count', value: 2 });
-    });
-    expect(callback).toHaveBeenCalledTimes(2);
-  });
-
-  test('useSubscribeAll should work with explicit id in options', () => {
-    const callback = vi.fn();
-    const customId = 'my-global-subscriber';
-
-    function TestComponent() {
-      useSubscribeAll({ instance: siggn, id: customId }, callback);
-      return null;
-    }
-
-    render(<TestComponent />);
-
-    act(() => {
-      siggn.publish({ type: 'increment_count', value: 1 });
-    });
-    expect(callback).toHaveBeenCalledTimes(1);
-
-    act(() => {
-      siggn.unsubscribeGlobal(customId);
-    });
-
-    act(() => {
-      siggn.publish({ type: 'increment_count', value: 2 });
-    });
-    expect(callback).toHaveBeenCalledTimes(1); // Should not be called again
-  });
-});

package/tsconfig.build.json

@@ -1,10 +0,0 @@
-{
-  "extends": "./tsconfig.src.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": ".tsbuildinfo/build.tsbuildinfo",
-    "outDir": "dist",
-    "declarationDir": "dist",
-    "stripInternal": true
-  },
-  "references": [{ "path": "../core" }]
-}

package/tsconfig.examples.json

@@ -1,14 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "include": ["examples"],
-  "references": [
-    {
-      "path": "tsconfig.build.json"
-    }
-  ],
-  "compilerOptions": {
-    "tsBuildInfoFile": ".tsbuildinfo/examples.tsbuildinfo",
-    "rootDir": "examples",
-    "noEmit": true
-  }
-}

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "references": [
-    {
-      "path": "tsconfig.src.json"
-    },
-    {
-      "path": "tsconfig.test.json"
-    },
-    {
-      "path": "tsconfig.examples.json"
-    }
-  ]
-}

package/tsconfig.src.json

@@ -1,10 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "include": ["src"],
-  "compilerOptions": {
-    "tsBuildInfoFile": ".tsbuildinfo/src.tsbuildinfo",
-    "rootDir": "src",
-    "outDir": "dist"
-  },
-  "references": [{ "path": "../core" }]
-}

package/tsconfig.test.json

@@ -1,16 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "include": ["tests"],
-  "references": [
-    {
-      "path": "tsconfig.src.json"
-    }
-  ],
-  "compilerOptions": {
-    "tsBuildInfoFile": ".tsbuildinfo/test.tsbuildinfo",
-    "rootDir": "tests",
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "types": ["@testing-library/jest-dom", "vitest/globals"]
-  }
-}

package/vite.config.ts

@@ -1,49 +0,0 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import dts from 'vite-plugin-dts';
-import path from 'path';
-
-export default defineConfig({
-  resolve: {
-    alias: {
-      '@siggn/core': path.resolve(__dirname, '../core/src/index.ts'),
-    },
-  },
-  build: {
-    lib: {
-      entry: 'src/index.ts',
-      name: 'SiggnReact',
-      formats: ['es', 'cjs'],
-      fileName: (format) => `index.${format}.js`,
-    },
-    sourcemap: true,
-    outDir: 'dist',
-    emptyOutDir: true,
-    rollupOptions: {
-      // Prevent bundling peer dependencies like React, etc.
-      external: ['react', 'react-dom', '@siggn/core'],
-      output: {
-        globals: {
-          react: 'React',
-          'react-dom': 'ReactDOM',
-          '@siggn/core': 'SiggnCore',
-        },
-      },
-    },
-  },
-  test: {
-    environment: 'jsdom',
-    globals: true,
-    setupFiles: './vitest.setup.ts',
-  },
-  plugins: [
-    react(),
-    dts({
-      insertTypesEntry: true,
-      tsconfigPath: 'tsconfig.build.json',
-      outDir: 'dist',
-      include: ['src'],
-      exclude: ['src/**/*.test.ts', 'tests/**'],
-    }),
-  ],
-});

package/vitest.setup.ts

@@ -1,7 +0,0 @@
-import '@testing-library/jest-dom/vitest';
-import { cleanup } from '@testing-library/react';
-import { afterEach } from 'vitest';
-
-afterEach(() => {
-  cleanup();
-});