fix: storage plugin

.eslintignore

@@ -1,4 +1,5 @@
-*.config.?[jt]s
+*.config.[jt]s
+*.config.mjs
 .eslintrc.js
 dist/
 tests/

rollup.config.mjs

@@ -44,10 +44,6 @@ export default {
       format: 'iife',
       name: 'PageSpy',
     },
-    {
-      file: pkg.module,
-      format: 'es',
-    },
   ],
   plugins,
 };

src/index.less

@@ -1,3 +1,5 @@
+@primary-color: #9a62e4;
+@gradient: linear-gradient(45deg, #efdfff, #4e00b1 52%, #3d0c7c);
 @size: 80em;
 @fontSize: 14px;
 
@@ -15,7 +17,7 @@
     font-size: (14em / @fontSize);
     border-radius: (@size / @fontSize);
     background-color: #fff;
-    box-shadow: 0px 3px 10px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.2);
     cursor: pointer;
     z-index: 13000;
   }
@@ -66,8 +68,10 @@
       padding: (8em / @fontSize) 0;
       border-top: 1px solid #eee;
       font-size: (16em / @fontSize);
-      color: rgb(5, 145, 245);
       line-height: 1.5;
+      color: transparent;
+      background-clip: text;
+      background-image: @gradient;
     }
   }
 }

src/index.ts

@@ -24,11 +24,16 @@ import { mergeConfig } from './utils/config';
 const Identifier = '__pageSpy';
 
 export default class PageSpy {
-  private root: HTMLElement | null = null;
+  root: HTMLElement | null = null;
 
-  private version = pkg.version;
+  version = pkg.version;
 
-  private plugins: Record<string, PageSpyPlugin> = {};
+  plugins: Record<string, PageSpyPlugin> = {};
+
+  config: Required<InitConfig> = {
+    api: '',
+    clientOrigin: '',
+  };
 
   // System info: <os>-<browser>:<browserVersion>
   private name = '';
@@ -49,9 +54,9 @@ export default class PageSpy {
 
   private socketStore = socketStore;
 
-  constructor(init: InitConfig) {
-    const config = mergeConfig(init);
-    const { api, clientOrigin } = config;
+  constructor(init: InitConfig = {}) {
+    this.config = mergeConfig(init);
+    const { api, clientOrigin } = this.config;
 
     this.request = new Request(api);
     this.clientOrigin = clientOrigin;
@@ -151,10 +156,10 @@ export default class PageSpy {
           }
           this.render();
         } else {
-          timer = setTimeout(pollingDocument, 1);
+          timer = window.setTimeout(pollingDocument, 1);
         }
       };
-      timer = setTimeout(pollingDocument, 1);
+      timer = window.setTimeout(pollingDocument, 1);
     }
   }
 

src/plugins/storage.ts

@@ -17,7 +17,7 @@ export class StoragePlugin implements PageSpyPlugin {
 
     const session = { ...sessionStorage };
     Object.keys(session).forEach((key) => {
-      const value = local[key];
+      const value = session[key];
       sendStorageItem({ type: 'session', action: 'get', key, value });
     });
 

types/index.d.ts

@@ -1,13 +1,14 @@
 export interface InitConfig {
   /**
    * The server base url. For example, "example.com".
-   * - Create room: `${api}/room/create`
-   * - Filter romm: `${api}/room/list`
+   * - Create room: `https://${api}/room/create`
+   * - Filter room: `https://${api}/room/list`
+   * - Join WebSocket room: `wss://${api}/ws/room/join`
    */
   api?: string;
+
   /**
    * Client host. Form example, "https://example.com".
-   *
    */
   clientOrigin?: string;
 }