@bit.rhplus/signal 0.0.2

package/SignalProvider.jsx

@@ -0,0 +1,81 @@
+import * as React from "react";
+import { HubConnectionBuilder } from "@microsoft/signalr";
+import { useEventEmitter } from "./useEventEmitter";
+
+export const SignalContext = React.createContext(null);
+
+export function SignalProvider({
+  children,
+  authority,
+  endpoint,
+  accessToken,
+  requiredAccessToken,
+  logLevel,
+  consoleLogs = false
+}) {
+  const {emit, on} = useEventEmitter();
+
+  const connection = React.useMemo(() => {
+    if (requiredAccessToken && !accessToken) {
+      return null;
+    }
+    
+    const options = accessToken ? { accessTokenFactory: () => accessToken } : {};
+    const url = `${authority}${endpoint || "/hubs/userinterface"}`;
+    return new HubConnectionBuilder()
+      .withUrl(url, options)
+      .withAutomaticReconnect()
+      .configureLogging(logLevel)
+      .build();
+  }, [authority, endpoint, accessToken, requiredAccessToken, logLevel]);
+
+  React.useEffect(() => {
+    if (!connection) return;
+
+    const startConnection = async () => {
+      try {
+        await connection.start();
+        connection.on("Signal", message => {
+          if (consoleLogs) {
+            // eslint-disable-next-line no-console
+            console.log("signal => ", message);
+          }
+          emit("Signal", message);
+        } );
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.error("Connection failed: ", e);
+      }
+    };
+
+    startConnection();
+
+    /* eslint-disable consistent-return */
+    return () => {
+      connection.stop().catch(e => {
+        // eslint-disable-next-line no-console
+        console.error("Disconnect failed: ", e)
+    });
+    };
+  }, [connection, emit]);
+
+  const signal = async (eventName, message) => {
+    if (connection) {
+      try {
+        await connection.invoke("Signal", {
+          eventName,
+          message
+        });
+      } catch (err) {
+        // eslint-disable-next-line no-console
+        console.error(err);
+      }
+    } else {
+      throw new Error("No connection");
+    }
+  };
+
+  return (
+    <SignalContext.Provider value={{signal, on}}>{children}</SignalContext.Provider>
+  );
+}

package/dist/SignalProvider.d.ts

@@ -0,0 +1,11 @@
+export function SignalProvider({ children, authority, endpoint, accessToken, requiredAccessToken, logLevel, consoleLogs }: {
+    children: any;
+    authority: any;
+    endpoint: any;
+    accessToken: any;
+    requiredAccessToken: any;
+    logLevel: any;
+    consoleLogs?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+export const SignalContext: React.Context<null>;
+import * as React from "react";

package/dist/SignalProvider.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { HubConnectionBuilder } from "@microsoft/signalr";
+import { useEventEmitter } from "./useEventEmitter";
+export const SignalContext = React.createContext(null);
+export function SignalProvider({ children, authority, endpoint, accessToken, requiredAccessToken, logLevel, consoleLogs = false }) {
+    const { emit, on } = useEventEmitter();
+    const connection = React.useMemo(() => {
+        if (requiredAccessToken && !accessToken) {
+            return null;
+        }
+        const options = accessToken ? { accessTokenFactory: () => accessToken } : {};
+        const url = `${authority}${endpoint || "/hubs/userinterface"}`;
+        return new HubConnectionBuilder()
+            .withUrl(url, options)
+            .withAutomaticReconnect()
+            .configureLogging(logLevel)
+            .build();
+    }, [authority, endpoint, accessToken, requiredAccessToken, logLevel]);
+    React.useEffect(() => {
+        if (!connection)
+            return;
+        const startConnection = async () => {
+            try {
+                await connection.start();
+                connection.on("Signal", message => {
+                    if (consoleLogs) {
+                        // eslint-disable-next-line no-console
+                        console.log("signal => ", message);
+                    }
+                    emit("Signal", message);
+                });
+            }
+            catch (e) {
+                // eslint-disable-next-line no-console
+                console.error("Connection failed: ", e);
+            }
+        };
+        startConnection();
+        /* eslint-disable consistent-return */
+        return () => {
+            connection.stop().catch(e => {
+                // eslint-disable-next-line no-console
+                console.error("Disconnect failed: ", e);
+            });
+        };
+    }, [connection, emit]);
+    const signal = async (eventName, message) => {
+        if (connection) {
+            try {
+                await connection.invoke("Signal", {
+                    eventName,
+                    message
+                });
+            }
+            catch (err) {
+                // eslint-disable-next-line no-console
+                console.error(err);
+            }
+        }
+        else {
+            throw new Error("No connection");
+        }
+    };
+    return (_jsx(SignalContext.Provider, { value: { signal, on }, children: children }));
+}
+//# sourceMappingURL=SignalProvider.js.map

package/dist/SignalProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignalProvider.js","sourceRoot":"","sources":["../SignalProvider.jsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SignalProvider";
+export * from "./useSignal";
+export * from "./useSignalListener";

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from "./SignalProvider";
+export * from './useSignal';
+export * from './useSignalListener';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.js"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC"}

package/dist/preview-1727864330318.js

@@ -0,0 +1,7 @@
+;
+;
+
+export const compositions = [];
+export const overview = [];
+
+export const compositions_metadata = {"compositions":[]};

package/dist/useEventEmitter.d.ts

@@ -0,0 +1,4 @@
+export function useEventEmitter(): {
+    emit: (event: any, data: any) => void;
+    on: Function;
+};

package/dist/useEventEmitter.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export function useEventEmitter() {
+    const listeners = React.useRef(new Map());
+    const emit = React.useCallback((event, data) => {
+        const eventListenersToEmit = listeners.current.get(event) || [];
+        eventListenersToEmit.forEach(listener => listener(data));
+    }, []);
+    const on = React.useCallback((event, listener) => {
+        const eventListeners = listeners.current.get(event) || [];
+        listeners.current.set(event, [...eventListeners, listener]);
+        return () => {
+            const eventListenersToRemove = listeners.current.get(event) || [];
+            listeners.current.set(event, eventListenersToRemove.filter(l => l !== listener));
+        };
+    });
+    return { emit, on };
+}
+//# sourceMappingURL=useEventEmitter.js.map

package/dist/useEventEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventEmitter.js","sourceRoot":"","sources":["../useEventEmitter.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,eAAe;IAC7B,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC;IAE1C,MAAM,IAAI,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;QAC7C,MAAM,oBAAoB,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAChE,oBAAoB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC;IAC3D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,EAAE;QAC/C,MAAM,cAAc,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC1D,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,GAAG,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC;QAC5D,OAAO,GAAG,EAAE;YACV,MAAM,sBAAsB,GAAG,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAClE,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,sBAAsB,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC;QACnF,CAAC,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,EAAC,IAAI,EAAE,EAAE,EAAC,CAAC;AACpB,CAAC"}

package/dist/useSignal.d.ts

@@ -0,0 +1 @@
+export function useSignal(): null;

package/dist/useSignal.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { SignalContext } from './SignalProvider';
+export function useSignal() {
+    const context = React.useContext(SignalContext);
+    if (context === undefined) {
+        throw new Error('useSignal must be used within a SignalProvider');
+    }
+    return context;
+}
+//# sourceMappingURL=useSignal.js.map

package/dist/useSignal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSignal.js","sourceRoot":"","sources":["../useSignal.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE/C,MAAM,UAAU,SAAS;IAEvB,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEhD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/useSignalListener.d.ts

@@ -0,0 +1,2 @@
+export function useSignalListeners(eventNames: any, callback: any): void;
+export function useSignalListener(eventName: any, callback: any): void;

package/dist/useSignalListener.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { SignalContext } from "./SignalProvider";
+// Hook pro poslech na více signálů (pole eventNames)
+export function useSignalListeners(eventNames, callback) {
+    // Uložíme callback do refu, aby se aktualizoval při každé změně
+    const listenerCallback = React.useRef(callback);
+    const { on } = React.useContext(SignalContext);
+    // Přihlášení a odhlášení od signálů
+    React.useEffect(() => {
+        // Ujistíme se, že ref se aktualizuje kdykoli se změní callback
+        listenerCallback.current = callback;
+        // Funkce, která se spustí, když přijde signál
+        const onSignal = (data) => {
+            if (eventNames.includes(data.eventName)) {
+                listenerCallback.current(data);
+            }
+        };
+        const unsubscribe = on("Signal", onSignal);
+        // Při unmountu komponenty se odhlásíme od poslechu na signál
+        return () => {
+            unsubscribe();
+        };
+    }, [eventNames, callback, on]); // Přidáme eventNames jako závislost
+}
+// Hook pro poslech na jeden signál
+export function useSignalListener(eventName, callback) {
+    // Voláme rozšířenou funkci s jedním eventName zabaleným do pole
+    useSignalListeners([eventName], callback);
+}
+//# sourceMappingURL=useSignalListener.js.map

package/dist/useSignalListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSignalListener.js","sourceRoot":"","sources":["../useSignalListener.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEjD,qDAAqD;AACrD,MAAM,UAAU,kBAAkB,CAAC,UAAU,EAAE,QAAQ;IACrD,gEAAgE;IAChE,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAE/C,oCAAoC;IACpC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,+DAA+D;QAC/D,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC;QAEpC,8CAA8C;QAC9C,MAAM,QAAQ,GAAG,CAAC,IAAI,EAAE,EAAE;YACxB,IAAI,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC;gBACxC,gBAAgB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACjC,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,WAAW,GAAG,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;QAE3C,6DAA6D;QAC7D,OAAO,GAAG,EAAE;YACV,WAAW,EAAE,CAAC;QAChB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,oCAAoC;AACtE,CAAC;AAED,mCAAmC;AACnC,MAAM,UAAU,iBAAiB,CAAC,SAAS,EAAE,QAAQ;IACnD,gEAAgE;IAChE,kBAAkB,CAAC,CAAC,SAAS,CAAC,EAAE,QAAQ,CAAC,CAAC;AAC5C,CAAC"}

package/index.js

@@ -0,0 +1,3 @@
+export * from "./SignalProvider";
+export * from './useSignal';
+export * from './useSignalListener';

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@bit.rhplus/signal",
+  "version": "0.0.2",
+  "homepage": "https://bit.cloud/remote-scope/signal",
+  "main": "dist/index.js",
+  "componentId": {
+    "scope": "remote-scope",
+    "name": "signal",
+    "version": "0.0.2"
+  },
+  "dependencies": {
+    "@microsoft/signalr": "8.0.0"
+  },
+  "devDependencies": {
+    "@teambit/react.react-env": "1.0.98"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0"
+  },
+  "license": "SEE LICENSE IN UNLICENSED",
+  "optionalDependencies": {},
+  "peerDependenciesMeta": {},
+  "private": false,
+  "publishConfig": {
+    "scope": "@bit.rhplus",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/types/asset.d.ts

@@ -0,0 +1,43 @@
+declare module '*.png' {
+  const value: any;
+  export = value;
+}
+declare module '*.svg' {
+  import type { FunctionComponent, SVGProps } from 'react';
+
+  export const ReactComponent: FunctionComponent<
+    SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  const src: string;
+  export default src;
+}
+
+// @TODO Gilad
+declare module '*.jpg' {
+  const value: any;
+  export = value;
+}
+declare module '*.jpeg' {
+  const value: any;
+  export = value;
+}
+declare module '*.gif' {
+  const value: any;
+  export = value;
+}
+declare module '*.bmp' {
+  const value: any;
+  export = value;
+}
+declare module '*.otf' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff' {
+  const value: any;
+  export = value;
+}
+declare module '*.woff2' {
+  const value: any;
+  export = value;
+}

package/types/style.d.ts

@@ -0,0 +1,42 @@
+declare module '*.module.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+declare module '*.module.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.css' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.sass' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.scss' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+
+declare module '*.mdx' {
+  const component: any;
+  export default component;
+}

package/useEventEmitter.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+
+export function useEventEmitter() {
+  const listeners = React.useRef(new Map());
+
+  const emit = React.useCallback((event, data) => {
+    const eventListenersToEmit = listeners.current.get(event) || [];
+    eventListenersToEmit.forEach(listener => listener(data));
+  }, [])
+
+  const on = React.useCallback((event, listener) => {
+    const eventListeners = listeners.current.get(event) || [];
+    listeners.current.set(event, [...eventListeners, listener]);
+    return () => {
+      const eventListenersToRemove = listeners.current.get(event) || [];
+      listeners.current.set(event, eventListenersToRemove.filter(l => l !== listener));
+    }
+  }) 
+
+  return {emit, on};
+}

package/useSignal.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import {SignalContext} from './SignalProvider';
+
+export function useSignal() {
+  
+  const context = React.useContext(SignalContext);
+
+  if (context === undefined) {
+    throw new Error('useSignal must be used within a SignalProvider');
+  }
+
+  return context;
+}

package/useSignalListener.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import { SignalContext } from "./SignalProvider";
+
+// Hook pro poslech na více signálů (pole eventNames)
+export function useSignalListeners(eventNames, callback) {  
+  // Uložíme callback do refu, aby se aktualizoval při každé změně
+  const listenerCallback = React.useRef(callback);
+  const { on } = React.useContext(SignalContext);
+
+  // Přihlášení a odhlášení od signálů
+  React.useEffect(() => {
+    // Ujistíme se, že ref se aktualizuje kdykoli se změní callback
+    listenerCallback.current = callback;
+
+    // Funkce, která se spustí, když přijde signál
+    const onSignal = (data) => {
+      if (eventNames.includes(data.eventName)) {
+        listenerCallback.current(data);
+      }
+    };
+
+    const unsubscribe = on("Signal", onSignal);
+
+    // Při unmountu komponenty se odhlásíme od poslechu na signál
+    return () => {
+      unsubscribe();
+    };
+  }, [eventNames, callback, on]); // Přidáme eventNames jako závislost
+}
+
+// Hook pro poslech na jeden signál
+export function useSignalListener(eventName, callback) {
+  // Voláme rozšířenou funkci s jedním eventName zabaleným do pole
+  useSignalListeners([eventName], callback);
+}