@nookuio/iframe 0.3.0 → 0.5.0

package/dist/createClient.d.ts

@@ -46,5 +46,6 @@ interface ClientOptions {
      */
     deserialize?: (data: any) => any;
 }
-export declare function createClient<R, L, RE, LE>(localCtx: L, options: ClientOptions): ClientReturn<R, L, RE, LE>;
+type Context = Record<string, any>;
+export declare function createClient<R extends Context, L extends Context, RE, LE>(localCtx: L, options: ClientOptions): ClientReturn<R, L, RE, LE>;
 export {};

package/dist/createClient.js

@@ -110,9 +110,12 @@ function createClient(localCtx, options) {
         return unsubscribeHandler;
       }
       if (prop === "emit") {
-        const emitHandler = request => {
-          request.args = request.args?.map(arg => serialize(arg)) || [];
-          emit(request);
+        const emitHandler = (eventName, ...args) => {
+          args = args.map(arg => serialize(arg));
+          emit({
+            eventName,
+            args
+          });
         };
         return emitHandler;
       }

package/dist/createClient.mjs

@@ -99,9 +99,9 @@ export function createClient(localCtx, options) {
           return unsubscribeHandler;
         }
         if (prop === "emit") {
-          const emitHandler = (request) => {
-            request.args = request.args?.map((arg) => serialize(arg)) || [];
-            emit(request);
+          const emitHandler = (eventName, ...args) => {
+            args = args.map((arg) => serialize(arg));
+            emit({ eventName, args });
           };
           return emitHandler;
         }

package/dist/editor.js

@@ -7,7 +7,6 @@ exports.createEditorClient = createEditorClient;
 var _constants = require("./constants");
 var _createClient = require("./createClient");
 var _telejson = require("telejson");
-const listenersCollection = /* @__PURE__ */new Map();
 function createEditorClient(iframe) {
   let iframeElement;
   function getIframe() {

package/dist/editor.mjs

@@ -1,7 +1,6 @@
 import { EDITOR_SOURCE_NAME, IFRAME_SOURCE_NAME } from "./constants.mjs";
 import { createClient } from "./createClient.mjs";
 import { stringify, parse } from "telejson";
-const listenersCollection = /* @__PURE__ */ new Map();
 export function createEditorClient(iframe) {
   let iframeElement;
   function getIframe() {

package/dist/iframe.d.ts

@@ -1,8 +1,8 @@
-import type { CoreIframeContext, CoreIframeEvents, EditorEvents } from './types';
+import type { CoreIframeContext, EditorEvents, VueIframeContext, VueIframeEvents } from './types';
 /**
  * This function should be called inside the iframe
  */
-export declare function createIframeClient<IframeContext extends CoreIframeContext, IframeEvents extends CoreIframeEvents>(local: Exclude<IframeContext, CoreIframeContext>, options?: {
+export declare function createVueIframeClient(vueCtx: Omit<VueIframeContext, keyof CoreIframeContext>, options?: {
     /**
      * If true, the default console methods will be disabled
      *
@@ -10,9 +10,9 @@ export declare function createIframeClient<IframeContext extends CoreIframeConte
      */
     disableDefaultConsole?: boolean;
 }): {} & {
-    $context: CoreIframeContext;
+    $context: VueIframeContext;
     on: <E extends never>(eventName: E, listener: (...args: EditorEvents[E] extends infer T ? T extends EditorEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void) => void;
     off: <E extends never>(eventName: E, listener: (...args: EditorEvents[E] extends infer T ? T extends EditorEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void) => void;
-    emit: <E extends keyof CoreIframeEvents>(eventName: E, ...args: CoreIframeEvents[E] extends infer T ? T extends CoreIframeEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void;
+    emit: <E extends keyof VueIframeEvents>(eventName: E, ...args: VueIframeEvents[E] extends infer T ? T extends VueIframeEvents[E] ? T extends (...args: infer A) => any ? A : never : never : never) => void;
     removeAllListeners: () => void;
 };

package/dist/iframe.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createIframeClient = createIframeClient;
+exports.createVueIframeClient = createVueIframeClient;
 var _constants = require("./constants");
 var _createClient = require("./createClient");
 var _telejson = require("telejson");
@@ -36,8 +36,9 @@ function getElementStyles(selector, withPadding) {
   if (!styles?.length) return;
   return styles.length === 1 ? styles[0] : styles;
 }
-function createIframeClient(local, options) {
+function createVueIframeClient(vueCtx, options) {
   const client = (0, _createClient.createClient)({
+    ...vueCtx,
     document: window.document,
     async editText({
       path,

package/dist/iframe.mjs

@@ -30,9 +30,10 @@ function getElementStyles(selector, withPadding) {
   if (!styles?.length) return;
   return styles.length === 1 ? styles[0] : styles;
 }
-export function createIframeClient(local, options) {
+export function createVueIframeClient(vueCtx, options) {
   const client = createClient(
     {
+      ...vueCtx,
       document: window.document,
       async editText({ path, id }) {
         if (!path || id === void 0) return;

package/dist/types.d.ts

@@ -46,14 +46,13 @@ export interface CoreIframeEvents {
     ready: () => void;
     resize: (height: number) => void;
     console: (type: 'log' | 'error' | 'info' | 'warn', message: any[]) => void;
-    'route-change': (to: string) => void;
     'text-update': (options: {
         path: string;
         id: string;
         content: string;
     }) => void;
 }
-export interface IframeContext extends CoreIframeContext {
+export interface VueIframeContext extends CoreIframeContext {
     navigateTo: (to: string) => void;
     getValue: (opts: {
         code: string;
@@ -73,7 +72,9 @@ export interface IframeContext extends CoreIframeContext {
         code: string;
     }) => void;
 }
-export interface IframeEvents extends CoreIframeEvents {
+export interface VueIframeEvents extends CoreIframeEvents {
+    'route-change': (to: string) => void;
+    'instance-data-update': (data: Record<string, any>) => void;
 }
 export interface EditorContext {
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nookuio/iframe",
   "description": "",
-  "version": "0.3.0",
+  "version": "0.5.0",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "exports": {