@huddle01/iframe - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

dist/declarations/src/index.d.ts

 import HuddleIframe from './components/HuddleIframe';
-declare const api: {
-    initialize: (data: {
+export type THuddleEvents = 'lobby:joined' | 'lobby:failed' | 'room:joined' | 'room:failed' | 'room:new-peer' | 'room:peer-left' | 'room:recording-started' | 'room:recording-stopped' | 'room:livestream-started' | 'room:livestream-stopped';
+declare const huddleIframe: {
+    initialize: (eventData: {
         background?: string | undefined;
         gradientAndMesh?: boolean | undefined;
+        wallets?: ("*" | "metamask" | "walletconnect" | "keplr" | "templewallet" | "lens" | "ud" | "cyberconnect" | "phantom")[] | undefined;
     }) => Promise<void>;
@@ -14,2 +16,3 @@ muteMic: () => void;
 };
-export { HuddleIframe, api };
+declare const useEventListner: (huddleEvent: THuddleEvents, cb: (data?: any) => void) => void;
+export { HuddleIframe, huddleIframe, useEventListner };

dist/declarations/src/types/index.d.ts

 import { z } from 'zod';
+export declare const AllowedWallets: {
+    readonly all: "*";
+    readonly injected: "metamask";
+    readonly walletconnect: "walletconnect";
+    readonly keplr: "keplr";
+    readonly templewallet: "templewallet";
+    readonly lens: "lens";
+    readonly ud: "ud";
+    readonly cyberconnect: "cyberconnect";
+};
 export declare const ClientConfigSchema: z.ZodObject<{
     background: z.ZodOptional<z.ZodString>;
     gradientAndMesh: z.ZodOptional<z.ZodBoolean>;
+    wallets: z.ZodOptional<z.ZodArray<z.ZodEnum<["*", "metamask", "walletconnect", "keplr", "templewallet", "lens", "ud", "cyberconnect", "phantom"]>, "many">>;
 }, "strip", z.ZodTypeAny, {
     background?: string | undefined;
     gradientAndMesh?: boolean | undefined;
+    wallets?: ("*" | "metamask" | "walletconnect" | "keplr" | "templewallet" | "lens" | "ud" | "cyberconnect" | "phantom")[] | undefined;
 }, {
     background?: string | undefined;
     gradientAndMesh?: boolean | undefined;
+    wallets?: ("*" | "metamask" | "walletconnect" | "keplr" | "templewallet" | "lens" | "ud" | "cyberconnect" | "phantom")[] | undefined;
 }>;
 export type TClientConfig = z.infer<typeof ClientConfigSchema>;

dist/declarations/src/utils/index.d.ts

@@ -5,6 +5,6 @@ import { api } from '..';
     method: keyof typeof api;
-    data?: any;
+    eventData?: any;
 }
-export declare const sendDataToIframe: (data: IData) => void;
+export declare const sendDataToIframe: (eventData: IData) => void;
 export declare const zodErrHandler: <T extends any[], U>(func: (...args: T) => PromiseLike<U>) => (...args: T) => Promise<U>;
 export {};

package.json

 {
   "name": "@huddle01/iframe",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "",
-  "main": "dist/iframe.cjs.js",
+  "main": "dist/huddle01-iframe.cjs.js",
   "scripts": {
@@ -7,0 +7,0 @@ "fix": "pnpm preconstruct fix",

src/index.ts

@@ -0,1 +1,3 @@
+import { useEffect } from 'react';
+
 import HuddleIframe from './components/HuddleIframe';
@@ -5,7 +7,19 @@ import { ClientConfigSchema, TClientConfig } from './types';
 
-const api = {
-  initialize: zodErrHandler(async (data: TClientConfig) => {
+export type THuddleEvents =
+  | 'lobby:joined'
+  | 'lobby:failed'
+  | 'room:joined'
+  | 'room:failed'
+  | 'room:new-peer'
+  | 'room:peer-left'
+  | 'room:recording-started'
+  | 'room:recording-stopped'
+  | 'room:livestream-started'
+  | 'room:livestream-stopped';
+
+const huddleIframe = {
+  initialize: zodErrHandler(async (eventData: TClientConfig) => {
     console.log('initialize');
 
-    ClientConfigSchema.parse(data);
+    ClientConfigSchema.parse(eventData);
 
@@ -15,3 +29,3 @@ sendDataToIframe({
       method: 'initialize',
-      data,
+      eventData,
     });
@@ -55,4 +69,31 @@ }),
   },
+  // on: (huddleEvent: THuddleEvents, cb: (data?: any) => void) => {
+  //   window.onmessage = (event: MessageEvent<any>) => {
+  // if (event.data.eventData.event !== huddleEvent) return;
+  //     console.log('onmessage', event.data.eventData);
+  //     cb?.();
+  //   };
+  // },
 };
 
-export { HuddleIframe, api };
+const useEventListner = (
+  huddleEvent: THuddleEvents,
+  cb: (data?: any) => void
+) => {
+  useEffect(() => {
+    const handleIframe = (
+      event: MessageEvent<{ eventData: { data?: any; event: THuddleEvents } }>
+    ) => {
+      if (!event || event?.data.eventData?.event !== huddleEvent) return;
+      cb(event.data.eventData.data);
+    };
+
+    window.addEventListener('message', handleIframe);
+
+    return () => {
+      window.removeEventListener('message', handleIframe);
+    };
+  }, []);
+};
+
+export { HuddleIframe, huddleIframe, useEventListner };

src/types/index.ts

 import { z } from 'zod';
 
+export const AllowedWallets = {
+  all: '*',
+  injected: 'metamask',
+  walletconnect: 'walletconnect',
+  keplr: 'keplr',
+  templewallet: 'templewallet',
+  // or
+  lens: 'lens',
+  ud: 'ud',
+  cyberconnect: 'cyberconnect',
+} as const;
+
 export const ClientConfigSchema = z.object({
   background: z.string().optional(),
   gradientAndMesh: z.boolean().optional(),
+  wallets: z
+    .array(
+      z.enum([
+        '*',
+        'metamask',
+        'walletconnect',
+        'keplr',
+        'templewallet',
+        'lens',
+        'ud',
+        'cyberconnect',
+        'phantom',
+      ])
+    )
+    .optional(),
 });
 
 export type TClientConfig = z.infer<typeof ClientConfigSchema>;

src/utils/index.ts

@@ -6,6 +6,6 @@ import { api } from '..';
   method: keyof typeof api;
-  data?: any;
+  eventData?: any;
 }
 
-export const sendDataToIframe = (data: IData) => {
+export const sendDataToIframe = (eventData: IData) => {
   const huddleIframe: HTMLIFrameElement = document.getElementById(
@@ -15,3 +15,3 @@ 'huddle01-iframe'
   if (huddleIframe?.contentWindow)
-    huddleIframe.contentWindow.postMessage(data || null, '*');
+    huddleIframe.contentWindow.postMessage(eventData || null, '*');
   else console.log('huddleIframe is null');
@@ -18,0 +18,0 @@ };

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

54404

increased by10.63%

Lines of code

1314

increased by10.23%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes