react-peer-chat 0.8.1 → 0.8.3

package/.env

@@ -0,0 +1 @@
+GITHUB_TOKEN=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

package/.release-it.js

@@ -0,0 +1,86 @@
+const COMMIT_HASH_LENGTH = 7;
+
+const typeMap = {
+  feat: "Features",
+  fix: "Bug Fixes",
+  chore: "Chores",
+  perf: "Performance Improvements",
+  revert: "Reverts",
+  docs: "Documentation",
+  style: "Styles",
+  refactor: "Code Refactoring",
+  test: "Tests",
+  build: "Build System",
+  ci: "Continuous Integration",
+};
+
+module.exports = {
+  git: {
+    commit: true,
+    tag: true,
+    push: true,
+    commitMessage: "release: ${version}",
+    tagName: "v${version}",
+  },
+  github: {
+    release: true,
+  },
+  hooks: {
+    "after:bump": "pnpm run compile",
+  },
+  npm: {
+    publish: false,
+  },
+  plugins: {
+    "@release-it/conventional-changelog": {
+      preset: "conventionalcommits",
+      infile: "CHANGELOG.md",
+      writerOpts: {
+        transform: (commit, context) => {
+          const notes = commit.notes.map((note) => ({ ...note, title: "BREAKING CHANGES" }));
+          const type = typeMap[commit.type] || "Other";
+          const scope = commit.scope === "*" ? "" : commit.scope;
+          const shortHash = typeof commit.hash === "string" ? commit.hash.substring(0, COMMIT_HASH_LENGTH) : commit.shortHash;
+          const issues = [];
+
+          let message = commit.subject || "";
+          if (message) {
+            if (!/[.!?]$/.test(message)) message += ".";
+            message += " ";
+          }
+          if (commit.body) message += commit.body.trim();
+
+          let url = context.repository ? `${context.host}/${context.owner}/${context.repository}` : context.repoUrl;
+          if (url) {
+            url = `${url}/issues/`;
+            // Issue URLs
+            message = message.replace(/#([0-9]+)/g, (_, issue) => {
+              issues.push(issue);
+              return `[#${issue}](${url}${issue})`;
+            });
+          }
+
+          if (context.host) {
+            // User URLs
+            message = message.replace(/\B@([a-z0-9](?:-?[a-z0-9/]){0,38})/g, (_, username) => {
+              if (username.includes("/")) return `@${username}`;
+              return `[@${username}](${context.host}/${username})`;
+            });
+          }
+
+          // remove references that already appear in the subject/body
+          const references = commit.references.filter((reference) => !issues.includes(reference.issue));
+
+          return {
+            notes,
+            type,
+            scope,
+            shortHash,
+            subject: message,
+            references,
+          };
+        },
+      },
+    },
+  },
+};

package/README.md

@@ -33,7 +33,7 @@ To install `react-peer-chat`:
 
 ## Usage
 
-`react-peer-chat` provides two primary methods to integrate chat functionality into your React apps: through the `<Chat>` component and the `useSpeech` hook.
+`react-peer-chat` provides two primary methods to integrate chat functionality into your React apps: through the `<Chat>` component and the `useChat` hook.
 
 It also exports a `clearChat` function that clears the text chat from the browser's session storage when called.
 
@@ -255,10 +255,18 @@ function Chat({ text = true, audio = true, onMessageReceived, dialogOptions, pro
               </dialog>
             </div>
           )}
-          {audio && <button>{audioEnabled ? <BsFillMicFill title="Turn mic off" onClick={() => setAudio(false)} /> : <BsFillMicMuteFill title="Turn mic on" onClick={() => setAudio(true)} />}</button>}
+          {audio && (
+            <button>
+              {audioEnabled ? <BsFillMicFill title="Turn mic off" onClick={() => setAudio(false)} /> : <BsFillMicMuteFill title="Turn mic on" onClick={() => setAudio(true)} />}
+            </button>
+          )}
         </>
       )}
-      {audio && audioEnabled && <audio ref={audioStreamRef} autoPlay style={{ display: "none" }} />}
+      {audio && (
+        <button className="rpc-button" onClick={() => setAudio(!audioEnabled)}>
+          {audioEnabled ? <BsFillMicFill title="Turn mic off" /> : <BsFillMicMuteFill title="Turn mic on" />}
+        </button>
+      )}
     </div>
   );
 }
@@ -345,4 +353,4 @@ type Children = (childrenOptions: ChildrenOptions) => ReactNode;
 
 ## Author
 
-[Sahil Aggarwal](https://www.github.com/SahilAggarwal2004)
+[Sahil Aggarwal](https://github.com/SahilAggarwal2004)

package/dist/chunks/{chunk-65736FR2.js → chunk-4CBQRGQ3.js}

@@ -55,7 +55,15 @@ function BiSolidMessageX(props) {
   return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "1.25rem", height: "1.25rem" }, /* @__PURE__ */ React.createElement("path", { d: "M20 2H4c-1.103 0-2 .894-2 1.992v12.016C2 17.106 2.897 18 4 18h3v4l6.351-4H20c1.103 0 2-.894 2-1.992V3.992A1.998 1.998 0 0 0 20 2zm-3.293 11.293-1.414 1.414L12 11.414l-3.293 3.293-1.414-1.414L10.586 10 7.293 6.707l1.414-1.414L12 8.586l3.293-3.293 1.414 1.414L13.414 10l3.293 3.293z" })));
 }
 function GrSend(props) {
-  return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "1.25rem", height: "1.25rem", className: "rpc-invert" }, /* @__PURE__ */ React.createElement("path", { fill: "none", stroke: "#000", strokeWidth: 2, d: "M22,3 L2,11 L20.5,19 L22,3 Z M10,20.5 L13,16 M15.5,9.5 L9,14 L9.85884537,20.0119176 C9.93680292,20.5576204 10.0751625,20.5490248 10.1651297,20.009222 L11,15 L15.5,9.5 Z" })));
+  return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 24 24", width: "1.25rem", height: "1.25rem", className: "rpc-invert" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "none",
+      stroke: "#000",
+      strokeWidth: 2,
+      d: "M22,3 L2,11 L20.5,19 L22,3 Z M10,20.5 L13,16 M15.5,9.5 L9,14 L9.85884537,20.0119176 C9.93680292,20.5576204 10.0751625,20.5490248 10.1651297,20.009222 L11,15 L15.5,9.5 Z"
+    }
+  )));
 }
 function BsFillMicFill(props) {
   return /* @__PURE__ */ React.createElement("span", __spreadValues({ className: "rpc-icon-container" }, props), /* @__PURE__ */ React.createElement("svg", { viewBox: "0 0 16 16", fill: "currentColor", width: "1.25rem", height: "1.25rem" }, /* @__PURE__ */ React.createElement("path", { d: "M5 3a3 3 0 0 1 6 0v5a3 3 0 0 1-6 0V3z" }), /* @__PURE__ */ React.createElement("path", { d: "M3.5 6.5A.5.5 0 0 1 4 7v1a4 4 0 0 0 8 0V7a.5.5 0 0 1 1 0v1a5 5 0 0 1-4.5 4.975V15h3a.5.5 0 0 1 0 1h-7a.5.5 0 0 1 0-1h3v-2.025A5 5 0 0 1 3 8V7a.5.5 0 0 1 .5-.5z" })));

package/dist/icons.js

@@ -1 +1 @@
-export { BiSolidMessageDetail, BiSolidMessageX, BsFillMicFill, BsFillMicMuteFill, GrSend } from './chunks/chunk-65736FR2.js';
+export { BiSolidMessageDetail, BiSolidMessageX, BsFillMicFill, BsFillMicMuteFill, GrSend } from './chunks/chunk-4CBQRGQ3.js';

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import React__default from 'react';
 import { useChatProps, RemotePeers, Message, ChatProps } from './types.js';
 import 'peerjs';
 
-declare function useChat({ name, peerId, remotePeerId, peerOptions, text, recoverChat, audio: allowed, onError, onMicError, onMessageSent, onMessageReceived }: useChatProps): {
+declare function useChat({ name, peerId, remotePeerId, peerOptions, text, recoverChat, audio: allowed, onError, onMicError, onMessageSent, onMessageReceived, }: useChatProps): {
     peerId: string;
     audioStreamRef: React.RefObject<HTMLMediaElement | null>;
     remotePeers: RemotePeers;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { __spreadValues, __async, __objRest, BiSolidMessageX, BiSolidMessageDetail, GrSend, BsFillMicFill, BsFillMicMuteFill } from './chunks/chunk-65736FR2.js';
+import { __spreadValues, __async, __objRest, BiSolidMessageX, BiSolidMessageDetail, GrSend, BsFillMicFill, BsFillMicMuteFill } from './chunks/chunk-4CBQRGQ3.js';
 import React, { useRef, useState, useEffect } from 'react';
 
 // src/connection.tsx
@@ -23,7 +23,12 @@ var defaultConfig = {
     }
   ].concat(
     turnAccounts.map((account) => __spreadValues({
-      urls: ["turn:standard.relay.metered.ca:80", "turn:standard.relay.metered.ca:80?transport=tcp", "turn:standard.relay.metered.ca:443", "turns:standard.relay.metered.ca:443?transport=tcp"]
+      urls: [
+        "turn:standard.relay.metered.ca:80",
+        "turn:standard.relay.metered.ca:80?transport=tcp",
+        "turn:standard.relay.metered.ca:443",
+        "turns:standard.relay.metered.ca:443?transport=tcp"
+      ]
     }, account))
   )
 };
@@ -56,7 +61,19 @@ var clearChat = () => {
 var addPrefix = (str) => `rpc-${str}`;
 
 // src/hooks.tsx
-function useChat({ name, peerId, remotePeerId = [], peerOptions, text = true, recoverChat = false, audio: allowed = true, onError = () => alert("Browser not supported! Try some other browser."), onMicError = () => alert("Microphone not accessible!"), onMessageSent, onMessageReceived }) {
+function useChat({
+  name,
+  peerId,
+  remotePeerId = [],
+  peerOptions,
+  text = true,
+  recoverChat = false,
+  audio: allowed = true,
+  onError = () => alert("Browser not supported! Try some other browser."),
+  onMicError = () => alert("Microphone not accessible!"),
+  onMessageSent,
+  onMessageReceived
+}) {
   const [audio, setAudio] = useAudio(allowed);
   const audioStreamRef = useRef(null);
   const connRef = useRef({});
@@ -197,7 +214,7 @@ function useStorage(key, initialValue, local = false) {
 }
 function useAudio(allowed) {
   const [audio, setAudio] = useStorage("rpc-audio", false, true);
-  const enabled = audio || allowed;
+  const enabled = audio && allowed;
   return [enabled, setAudio];
 }
 
@@ -273,7 +290,7 @@ function Chat(_a) {
     },
     /* @__PURE__ */ React.createElement("input", { ref: inputRef, className: "rpc-input rpc-font", placeholder: "Enter a message" }),
     /* @__PURE__ */ React.createElement("button", { type: "submit", className: "rpc-button" }, /* @__PURE__ */ React.createElement(GrSend, { title: "Send message" }))
-  )))), audio && /* @__PURE__ */ React.createElement("button", { className: "rpc-button" }, audioEnabled ? /* @__PURE__ */ React.createElement(BsFillMicFill, { title: "Turn mic off", onClick: () => setAudio(false) }) : /* @__PURE__ */ React.createElement(BsFillMicMuteFill, { title: "Turn mic on", onClick: () => setAudio(true) }))), audio && audioEnabled && /* @__PURE__ */ React.createElement("audio", { ref: audioStreamRef, autoPlay: true, style: { display: "none" } }));
+  )))), audio && /* @__PURE__ */ React.createElement("button", { className: "rpc-button", onClick: () => setAudio(!audioEnabled) }, audioEnabled ? /* @__PURE__ */ React.createElement(BsFillMicFill, { title: "Turn mic off" }) : /* @__PURE__ */ React.createElement(BsFillMicMuteFill, { title: "Turn mic on" }))), audio && audioEnabled && /* @__PURE__ */ React.createElement("audio", { ref: audioStreamRef, autoPlay: true, style: { display: "none" } }));
 }
 
 export { clearChat, Chat as default, useChat };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-peer-chat",
-  "version": "0.8.1",
+  "version": "0.8.3",
   "description": "An easy to use react component for impleting peer-to-peer chatting.",
   "license": "MIT",
   "author": "Sahil Aggarwal <aggarwalsahil2004@gmail.com>",
@@ -22,12 +22,14 @@
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "dependencies": {
-    "peerjs": "^1.5.4"
+    "peerjs": "^1.5.5"
   },
   "devDependencies": {
-    "@types/react": "^19.0.10",
-    "tsup": "^8.4.0",
-    "typescript": "^5.8.2"
+    "@release-it/conventional-changelog": "^10.0.4",
+    "@types/react": "^19.2.7",
+    "release-it": "^19.2.2",
+    "tsup": "^8.5.1",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
@@ -52,6 +54,8 @@
   "scripts": {
     "build": "pnpm i && pnpm run compile",
     "compile": "tsup",
-    "dev": "tsup --watch"
+    "dev": "tsup --watch",
+    "dry-release": "release-it --ci --dry-run",
+    "release": "release-it --ci"
   }
 }

package/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+onlyBuiltDependencies:
+  - esbuild