@elmethis/qwik 0.0.23 → 0.0.24

package/lib/index.qwik.cjs

@@ -2723,7 +2723,7 @@ const styles$6 = {
 };
 const useInView = (props) => {
   const ref = qwik.useSignal();
-  const isVisible = qwik.useSignal(false);
+  const isVisible = qwik.useSignal(props?.defaultValue ?? false);
   qwik.useVisibleTask$(() => {
     if (!ref.value) return;
     const observer = new IntersectionObserver(([entry]) => {
@@ -3212,6 +3212,66 @@ const ElmMarkdown = qwik.component$(({ markdown }) => {
     children: elements
   });
 });
+const useDelayedSignal = (initialValue) => {
+  const signal = qwik.useSignal(initialValue);
+  const delayedSignal = qwik.useSignal(initialValue);
+  const isSignalChanging = qwik.useSignal(false);
+  const dispatch = qwik.$((value, delay) => {
+    isSignalChanging.value = true;
+    signal.value = value;
+    if (delay === void 0 || delay <= 0) {
+      delayedSignal.value = value;
+      isSignalChanging.value = false;
+    } else {
+      const timerId = setTimeout(() => {
+        delayedSignal.value = value;
+        isSignalChanging.value = false;
+        clearTimeout(timerId);
+      }, delay);
+    }
+  });
+  return {
+    signal,
+    delayedSignal,
+    dispatch
+  };
+};
+const useLocalStorage = (key, initialValue) => {
+  const state = qwik.useSignal(initialValue);
+  qwik.useVisibleTask$(() => {
+    try {
+      const item = localStorage.getItem(key);
+      if (item !== null) {
+        state.value = JSON.parse(item);
+      }
+    } catch (e) {
+      console.warn(`useLocalStorage: failed to read "${key}"`, e);
+    }
+  }, {
+    strategy: "document-ready"
+  });
+  const set = qwik.$((value) => {
+    try {
+      state.value = value;
+      localStorage.setItem(key, JSON.stringify(value));
+    } catch (e) {
+      console.warn(`useLocalStorage: failed to write "${key}"`, e);
+    }
+  });
+  const remove = qwik.$(() => {
+    try {
+      state.value = initialValue;
+      localStorage.removeItem(key);
+    } catch (e) {
+      console.warn(`useLocalStorage: failed to remove "${key}"`, e);
+    }
+  });
+  return {
+    state,
+    set,
+    remove
+  };
+};
 exports.ElmBlockFallback = ElmBlockFallback;
 exports.ElmBlockImage = ElmBlockImage;
 exports.ElmBlockQuote = ElmBlockQuote;
@@ -3250,3 +3310,7 @@ exports.ElmTextField = ElmTextField;
 exports.ElmToggle = ElmToggle;
 exports.ElmToggleTheme = ElmToggleTheme;
 exports.ElmValidation = ElmValidation;
+exports.useDelayedSignal = useDelayedSignal;
+exports.useElmethisTheme = useElmethisTheme;
+exports.useInView = useInView;
+exports.useLocalStorage = useLocalStorage;

package/lib/index.qwik.mjs

@@ -2721,7 +2721,7 @@ const styles$6 = {
 };
 const useInView = (props) => {
   const ref = useSignal();
-  const isVisible = useSignal(false);
+  const isVisible = useSignal(props?.defaultValue ?? false);
   useVisibleTask$(() => {
     if (!ref.value) return;
     const observer = new IntersectionObserver(([entry]) => {
@@ -3210,6 +3210,66 @@ const ElmMarkdown = component$(({ markdown }) => {
     children: elements
   });
 });
+const useDelayedSignal = (initialValue) => {
+  const signal = useSignal(initialValue);
+  const delayedSignal = useSignal(initialValue);
+  const isSignalChanging = useSignal(false);
+  const dispatch = $((value, delay) => {
+    isSignalChanging.value = true;
+    signal.value = value;
+    if (delay === void 0 || delay <= 0) {
+      delayedSignal.value = value;
+      isSignalChanging.value = false;
+    } else {
+      const timerId = setTimeout(() => {
+        delayedSignal.value = value;
+        isSignalChanging.value = false;
+        clearTimeout(timerId);
+      }, delay);
+    }
+  });
+  return {
+    signal,
+    delayedSignal,
+    dispatch
+  };
+};
+const useLocalStorage = (key, initialValue) => {
+  const state = useSignal(initialValue);
+  useVisibleTask$(() => {
+    try {
+      const item = localStorage.getItem(key);
+      if (item !== null) {
+        state.value = JSON.parse(item);
+      }
+    } catch (e) {
+      console.warn(`useLocalStorage: failed to read "${key}"`, e);
+    }
+  }, {
+    strategy: "document-ready"
+  });
+  const set = $((value) => {
+    try {
+      state.value = value;
+      localStorage.setItem(key, JSON.stringify(value));
+    } catch (e) {
+      console.warn(`useLocalStorage: failed to write "${key}"`, e);
+    }
+  });
+  const remove = $(() => {
+    try {
+      state.value = initialValue;
+      localStorage.removeItem(key);
+    } catch (e) {
+      console.warn(`useLocalStorage: failed to remove "${key}"`, e);
+    }
+  });
+  return {
+    state,
+    set,
+    remove
+  };
+};
 export {
   ElmBlockFallback,
   ElmBlockImage,
@@ -3248,5 +3308,9 @@ export {
   ElmTextField,
   ElmToggle,
   ElmToggleTheme,
-  ElmValidation
+  ElmValidation,
+  useDelayedSignal,
+  useElmethisTheme,
+  useInView,
+  useLocalStorage
 };

package/lib-types/hooks/useLocalStorage.d.ts

@@ -0,0 +1,6 @@
+import { type QRL } from "@builder.io/qwik";
+export declare const useLocalStorage: <T>(key: string, initialValue: T) => {
+    state: import("@builder.io/qwik").Signal<T>;
+    set: QRL<(value: T) => void>;
+    remove: QRL<() => void>;
+};

package/lib-types/index.d.ts

@@ -36,3 +36,7 @@ export { ElmTableRow, type ElmTableRowProps, } from "./components/table/elm-tabl
 export { ElmTableCell, type ElmTableCellProps, } from "./components/table/elm-table-cell";
 export { ElmJarkup, type ElmJarkupProps } from "./components/others/elm-jarkup";
 export { ElmMarkdown, type ElmMarkdownProps, } from "./components/others/elm-markdown";
+export { useDelayedSignal } from "./hooks/useDelayedSignal";
+export { useElmethisTheme } from "./hooks/useElmethisTheme";
+export { useInView } from "./hooks/useInView";
+export { useLocalStorage } from "./hooks/useLocalStorage";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elmethis/qwik",
-  "version": "0.0.23",
+  "version": "0.0.24",
   "publishConfig": {
     "access": "public"
   },
@@ -47,7 +47,7 @@
     "eslint-plugin-qwik": "1.19.1",
     "globals": "17.4.0",
     "jarkup-ts": "^0.8.0",
-    "np": "^8.0.4",
+    "np": "^11.0.2",
     "prettier": "3.6.2",
     "sass": "^1.97.3",
     "storybook": "8",