move into namespace

Author: Christopher J Baker

package-lock.json

@@ -0,0 +1,53 @@
+{
+  "name": "@r2wc/pubsub",
+  "version": "0.1.0",
+  "description": "Easily integrate Emotion with R2WC.",
+  "homepage": "https://www.bitovi.com/open-source/react-to-web-component",
+  "author": "Bitovi",
+  "license": "MIT",
+  "keywords": [
+    "React",
+    "Web Component",
+    "Emotion"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bitovi/react-to-web-component.git"
+  },
+  "type": "module",
+  "main": "./dist/pubsub.cjs",
+  "module": "./dist/pubsub.js",
+  "types": "./dist/pubsub.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/pubsub.cjs",
+      "import": "./dist/pubsub.js",
+      "types": "./dist/pubsub.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "eslint": "eslint .",
+    "prettier": "prettier --check .",
+    "depcheck": "depcheck .",
+    "dev": "vite",
+    "test": "vitest",
+    "test:ci": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "clean": "rm -rf tsconfig.tsbuildinfo dist",
+    "build": "vite build"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.0",
+    "@types/react-dom": "^18.0.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  }
+}

packages/pubsub/package.json

@@ -0,0 +1,3 @@
+export * from "./pubsub"
+export * from "./usePubSub"
+export * from "./usePubSubState"

packages/pubsub/src/index.ts

@@ -1,24 +1,24 @@
-import { useEffect, useCallback, useRef } from "react";
+import { useEffect, useCallback, useRef } from "react"
 
-import { BaseMessage, publish, subscribe } from "./pub-sub";
+import { BaseMessage, publish, subscribe } from "./pubsub"
 
-const _internalTopicStabilizer = "-||-||-";
+const _internalTopicStabilizer = "-||-||-"
 
 export const usePubSub = <TMessage extends BaseMessage>(
   topics: string[],
-  handler?: (data: TMessage) => void
+  handler?: (data: TMessage) => void,
 ): ((data: TMessage) => void) => {
-  const stableHandler = useRef(handler);
+  const stableHandler = useRef(handler)
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
   useEffect(
     () => subscribe(topics, stableHandler?.current),
-    [topics.join(_internalTopicStabilizer)]
-  );
+    [topics.join(_internalTopicStabilizer)],
+  )
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
   return useCallback(
     (data: TMessage) => publish(topics, data),
-    [topics.join(_internalTopicStabilizer)]
-  );
-};
+    [topics.join(_internalTopicStabilizer)],
+  )
+}

pub-sub/pub-sub.ts renamed to packages/pubsub/src/pubsub.ts

@@ -0,0 +1,31 @@
+import { useState, useCallback } from "react"
+
+import { BaseMessage } from "./pubsub"
+import { usePubSub } from "./usePubSub"
+
+export const usePubSubState = <TMessage extends BaseMessage>(
+  topics: string[],
+  initialValue?: TMessage,
+  filter?: (data: TMessage) => boolean,
+): [TMessage | undefined, (data: TMessage) => void] => {
+  const [state, setState] = useState(initialValue)
+
+  const filteredSetter = useCallback(
+    (data: TMessage) => {
+      if (!filter) {
+        setState(data)
+        return
+      }
+
+      if (filter(data)) {
+        setState(data)
+        return
+      }
+    },
+    [filter],
+  )
+
+  const publish = usePubSub(topics, filteredSetter)
+
+  return [state, publish]
+}

pub-sub/usePubSub.ts renamed to packages/pubsub/src/usePubSub.ts

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.react.json",
+  "include": ["src"]
+}

packages/pubsub/src/usePubSubState.ts

@@ -0,0 +1,29 @@
+/// <reference types="vitest" />
+import react from "@vitejs/plugin-react"
+import { defineConfig } from "vite"
+import dts from "vite-plugin-dts"
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    lib: {
+      entry: "src/pubsub.tsx",
+      formats: ["es", "cjs"],
+    },
+    rollupOptions: {
+      external: ["react", "react/jsx-runtime"],
+    },
+  },
+  plugins: [
+    dts({
+      exclude: ["src/**/*.test.*"],
+      rollupTypes: true,
+    }),
+    react(),
+  ],
+  test: {
+    environment: "jsdom",
+    restoreMocks: true,
+    mockReset: true,
+  },
+})