@kokimoki/app 1.4.5 → 1.4.7

package/dist/kokimoki-client.d.ts

@@ -35,6 +35,7 @@ export declare class KokimokiClient<ClientContextT = any> extends KokimokiClient
     private _reconnectTimeout;
     private _pingInterval;
     private _clientTokenKey;
+    private _editorContext;
     constructor(host: string, appId: string, code?: string);
     get id(): string;
     get connectionId(): string;
@@ -44,6 +45,7 @@ export declare class KokimokiClient<ClientContextT = any> extends KokimokiClient
     get clientContext(): ClientContextT & ({} | null);
     get connected(): boolean;
     get ws(): WebSocket;
+    get isEditor(): boolean;
     connect(): Promise<void>;
     private handleInitMessage;
     private handleBinaryMessage;

package/dist/kokimoki-client.js

@@ -35,6 +35,7 @@ export class KokimokiClient extends EventEmitter {
     _reconnectTimeout = 0;
     _pingInterval;
     _clientTokenKey = "KM_TOKEN";
+    _editorContext;
     constructor(host, appId, code = "") {
         super();
         this.host = host;
@@ -54,9 +55,10 @@ export class KokimokiClient extends EventEmitter {
             }
         }, 5000);
         // Listen for devtools messages
-        if (window.top && window.self !== window.top) {
+        if (window.parent && window.self !== window.parent) {
             window.addEventListener("message", (e) => {
                 console.log(`[KM TOOLS] ${e.data}`);
+                this._editorContext = e.data;
                 if (e.data === "km:clearStorage") {
                     localStorage.removeItem(this._clientTokenKey);
                     window.location.reload();
@@ -112,12 +114,15 @@ export class KokimokiClient extends EventEmitter {
         }
         return this._ws;
     }
+    get isEditor() {
+        return !!this._editorContext;
+    }
     async connect() {
         if (this._connectPromise) {
             return await this._connectPromise;
         }
         // Detect devtools
-        if (window.top && window.self !== window.top) {
+        if (window.parent && window.self !== window.parent) {
             await new Promise((resolve) => {
                 /* // Wait up to 500ms for parent to respond
                 const timeout = setTimeout(() => {
@@ -134,7 +139,7 @@ export class KokimokiClient extends EventEmitter {
                     resolve();
                 };
                 window.addEventListener("message", onMessage);
-                window.top.postMessage({ appId: this.appId }, "*");
+                window.parent.postMessage({ appId: this.appId }, "*");
             });
         }
         // Set up the WebSocket connection

package/dist/kokimoki.min.d.ts

@@ -344,6 +344,7 @@ declare class KokimokiClient<ClientContextT = any> extends KokimokiClient_base {
     private _reconnectTimeout;
     private _pingInterval;
     private _clientTokenKey;
+    private _editorContext;
     constructor(host: string, appId: string, code?: string);
     get id(): string;
     get connectionId(): string;
@@ -353,6 +354,7 @@ declare class KokimokiClient<ClientContextT = any> extends KokimokiClient_base {
     get clientContext(): ClientContextT & ({} | null);
     get connected(): boolean;
     get ws(): WebSocket;
+    get isEditor(): boolean;
     connect(): Promise<void>;
     private handleInitMessage;
     private handleBinaryMessage;

package/dist/kokimoki.min.js

@@ -634,7 +634,7 @@ function eventTargetAgnosticAddListener(emitter, name, listener, flags) {
 var eventsExports = events.exports;
 var EventEmitter$1 = /*@__PURE__*/getDefaultExportFromCjs(eventsExports);
 
-const KOKIMOKI_APP_VERSION = "1.4.5";
+const KOKIMOKI_APP_VERSION = "1.4.7";
 
 /**
  * Utility module to work with key-value stores.
@@ -12248,6 +12248,7 @@ class KokimokiClient extends EventEmitter$1 {
     _reconnectTimeout = 0;
     _pingInterval;
     _clientTokenKey = "KM_TOKEN";
+    _editorContext;
     constructor(host, appId, code = "") {
         super();
         this.host = host;
@@ -12267,9 +12268,10 @@ class KokimokiClient extends EventEmitter$1 {
             }
         }, 5000);
         // Listen for devtools messages
-        if (window.top && window.self !== window.top) {
+        if (window.parent && window.self !== window.parent) {
             window.addEventListener("message", (e) => {
                 console.log(`[KM TOOLS] ${e.data}`);
+                this._editorContext = e.data;
                 if (e.data === "km:clearStorage") {
                     localStorage.removeItem(this._clientTokenKey);
                     window.location.reload();
@@ -12325,12 +12327,15 @@ class KokimokiClient extends EventEmitter$1 {
         }
         return this._ws;
     }
+    get isEditor() {
+        return !!this._editorContext;
+    }
     async connect() {
         if (this._connectPromise) {
             return await this._connectPromise;
         }
         // Detect devtools
-        if (window.top && window.self !== window.top) {
+        if (window.parent && window.self !== window.parent) {
             await new Promise((resolve) => {
                 /* // Wait up to 500ms for parent to respond
                 const timeout = setTimeout(() => {
@@ -12347,7 +12352,7 @@ class KokimokiClient extends EventEmitter$1 {
                     resolve();
                 };
                 window.addEventListener("message", onMessage);
-                window.top.postMessage({ appId: this.appId }, "*");
+                window.parent.postMessage({ appId: this.appId }, "*");
             });
         }
         // Set up the WebSocket connection