@lukaskj/xmonkey 2.1.1 → 2.2.1

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export declare function useLocalStorage(key: string, defaultValue: unknown): any[];
+export declare function useSessionStorage(key: string, defaultValue: unknown): any[];

package/dist/hooks/index.js

@@ -0,0 +1,29 @@
+import { useCallback, useState, useEffect } from "preact/hooks";
+export function useLocalStorage(key, defaultValue) {
+    return useStorage(key, defaultValue, window.localStorage);
+}
+export function useSessionStorage(key, defaultValue) {
+    return useStorage(key, defaultValue, window.sessionStorage);
+}
+function useStorage(key, defaultValue, storageObject) {
+    const [value, setValue] = useState(() => {
+        const jsonValue = storageObject.getItem(key);
+        if (jsonValue != null)
+            return JSON.parse(jsonValue);
+        if (typeof defaultValue === "function") {
+            return defaultValue();
+        }
+        else {
+            return defaultValue;
+        }
+    });
+    useEffect(() => {
+        if (value === undefined)
+            return storageObject.removeItem(key);
+        storageObject.setItem(key, JSON.stringify(value));
+    }, [key, value, storageObject]);
+    const remove = useCallback(() => {
+        setValue(undefined);
+    }, []);
+    return [value, setValue, remove];
+}

package/dist/styles/_xmonkey-wrapper.scss

@@ -3,6 +3,7 @@
 
 ##{vars.$xmonkey-wrapper} {
   min-width: 200px;
+  width: 200px;
   position: absolute;
   top: 10px;
   left: 10px;
@@ -38,12 +39,24 @@
     margin-right: 2px;
   }
 
+  transition:
+    height 100ms ease-in-out,
+    width 100ms ease-in-out,
+    min-width 100ms ease-in-out,
+    min-height 100ms ease-in-out,
+    max-height 100ms ease-in-out,
+    max-width 100ms ease-in-out;
+
+  &:has(.minim) {
+    min-height: 15px !important;
+    min-width: 15px !important;
+    width: 15px !important;
+    height: 15px !important;
+    overflow: hidden !important;
+  }
+
   .#{vars.$xmonkey-container} {
     max-height: 1000px;
-    transition: max-height 70ms;
-    &:has(.b-collapsed) {
-      max-height: 15px;
-    }
     &:has(.#{vars.$xmonkey-header}) {
       margin-top: 0;
     }

package/dist/types.d.ts

@@ -1,7 +1,7 @@
 export type ScriptInfo = {
     "@name": string;
     "@namespace": string;
-    "@match": string;
+    "@match": string | string[];
     "@version": string;
     "@author": string;
     "@description": string;

package/dist/utils/get-storage-key-id-from-string.d.ts

@@ -0,0 +1 @@
+export declare function getStorageKeyIdFromString(data: string): string;

package/dist/utils/get-storage-key-id-from-string.js

@@ -0,0 +1,3 @@
+export function getStorageKeyIdFromString(data) {
+    return "xmonkey-" + data.replace(/[^a-zA-Z0-9.-]/g, "").toLowerCase();
+}

package/dist/x-monkey-window-component.js

@@ -1,11 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "preact/jsx-runtime";
-import { useState } from "preact/hooks";
+import { useSessionStorage } from "./hooks";
+import { useMemo } from "preact/hooks";
+import { getStorageKeyIdFromString } from "./utils/get-storage-key-id-from-string";
 export function XMonkeyWindowComponent(props) {
-    const [minimized, setMinimized] = useState(false);
+    const storageKey = useMemo(() => getStorageKeyIdFromString(props.title), [props.title]);
+    const [minimized, setMinimized] = useSessionStorage(storageKey, false);
     function toggleMinimize() {
         setMinimized(!minimized);
     }
-    return (_jsxs("div", { className: "xmwr_c d-f fd-c ai-c jc-sb", children: [_jsxs("div", { className: "xmwr-h w-100 m0 d-f fd-r jc-c bg-primary noselect", children: [_jsx("div", { className: "xmwr-title m0", children: props.title }), _jsx(MinimizeButton, { toggleMinimize: toggleMinimize, minimized: minimized })] }), _jsx("div", { className: `xmwr-b w-100 d-f jc-c ` + (minimized ? "b-collapsed" : ""), children: props.children })] }));
+    return (_jsxs("div", { className: `xmwr_c d-f fd-c ai-c jc-sb` + (minimized ? " minim" : ""), children: [_jsxs("div", { className: "xmwr-h w-100 m0 d-f fd-r jc-c bg-primary noselect", children: [_jsx("div", { className: "xmwr-title m0", children: props.title }), _jsx(MinimizeButton, { toggleMinimize: toggleMinimize, minimized: minimized })] }), _jsx("div", { className: "xmwr-b w-100 d-f jc-c", children: props.children })] }));
 }
 function MinimizeButton({ minimized, toggleMinimize }) {
     const minimizeChar = minimized ? "+" : "-";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukaskj/xmonkey",
-  "version": "2.1.1",
+  "version": "2.2.1",
   "author": "lukaskj",
   "license": "ISC",
   "scripts": {
@@ -79,6 +79,10 @@
     "./ui-script": {
       "types": "./dist/ui-script/index.d.ts",
       "import": "./dist/ui-script/index.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js"
     }
   },
   "main": "dist/index.js",