sibujs 1.2.0 → 1.4.0

package/dist/chunk-DAHRH4ON.js

@@ -0,0 +1,331 @@
+import {
+  derived
+} from "./chunk-NEKUBFPT.js";
+import {
+  effect
+} from "./chunk-CHF5OHIA.js";
+import {
+  signal
+} from "./chunk-WZSPOOER.js";
+
+// src/patterns/machine.ts
+function machine(config) {
+  const [state, setState] = signal(config.initial);
+  const [context, setContext] = signal(config.context || {});
+  const initialDef = config.states[config.initial];
+  if (initialDef?.entry) {
+    initialDef.entry(context());
+  }
+  function send(event) {
+    const currentState = state();
+    const stateDef = config.states[currentState];
+    if (!stateDef?.on) return;
+    const transition = stateDef.on[event];
+    if (!transition) return;
+    let target;
+    let guard;
+    let action;
+    if (typeof transition === "string") {
+      target = transition;
+    } else {
+      target = transition.target;
+      guard = transition.guard;
+      action = transition.action;
+    }
+    const ctx = context();
+    if (guard && !guard(ctx)) return;
+    if (stateDef.exit) {
+      stateDef.exit(ctx);
+    }
+    if (action) {
+      const rawPatch = action(ctx);
+      const next = { ...ctx };
+      for (const key of Object.keys(rawPatch)) {
+        if (key === "__proto__" || key === "constructor" || key === "prototype") continue;
+        next[key] = rawPatch[key];
+      }
+      setContext(next);
+    }
+    setState(target);
+    const targetDef = config.states[target];
+    if (targetDef?.entry) {
+      targetDef.entry(context());
+    }
+  }
+  function matches(s) {
+    return state() === s;
+  }
+  function can(event) {
+    const currentState = state();
+    const stateDef = config.states[currentState];
+    if (!stateDef?.on) return false;
+    const transition = stateDef.on[event];
+    if (!transition) return false;
+    if (typeof transition === "string") return true;
+    if (transition.guard) {
+      return transition.guard(context());
+    }
+    return true;
+  }
+  return { state, context, send, matches, can };
+}
+
+// src/patterns/persist.ts
+function persisted(key, initial, options = {}) {
+  const storage = options.session ? sessionStorage : localStorage;
+  const serialize = options.serialize || JSON.stringify;
+  const deserialize = options.deserialize || JSON.parse;
+  const encrypt = options.encrypt;
+  const decrypt = options.decrypt;
+  const syncTabs = options.session ? false : options.syncTabs ?? true;
+  let restored = initial;
+  try {
+    let raw = storage.getItem(key);
+    if (raw !== null) {
+      if (decrypt) raw = decrypt(raw);
+      const parsed = deserialize(raw);
+      restored = options.validate && !options.validate(parsed) ? initial : parsed;
+    }
+  } catch {
+  }
+  const [value, setValue] = signal(restored);
+  let applyingFromStorage = false;
+  effect(() => {
+    const current = value();
+    if (applyingFromStorage) return;
+    try {
+      let serialized = serialize(current);
+      if (encrypt) serialized = encrypt(serialized);
+      storage.setItem(key, serialized);
+    } catch {
+    }
+  });
+  let storageListener = null;
+  if (syncTabs && typeof window !== "undefined") {
+    storageListener = (e) => {
+      if (e.storageArea !== storage || e.key !== key) return;
+      if (e.newValue === null) {
+        applyingFromStorage = true;
+        try {
+          setValue(initial);
+        } finally {
+          applyingFromStorage = false;
+        }
+        return;
+      }
+      try {
+        let raw = e.newValue;
+        if (decrypt) raw = decrypt(raw);
+        const parsed = deserialize(raw);
+        if (options.validate && !options.validate(parsed)) return;
+        applyingFromStorage = true;
+        try {
+          setValue(parsed);
+        } finally {
+          applyingFromStorage = false;
+        }
+      } catch {
+      }
+    };
+    window.addEventListener("storage", storageListener);
+  }
+  const dispose = () => {
+    if (storageListener && typeof window !== "undefined") {
+      window.removeEventListener("storage", storageListener);
+      storageListener = null;
+    }
+  };
+  Object.defineProperty(setValue, "dispose", {
+    value: dispose,
+    enumerable: false,
+    writable: false,
+    configurable: false
+  });
+  return [value, setValue];
+}
+
+// src/patterns/optimistic.ts
+function optimistic(initialValue) {
+  const [value, setValue] = signal(initialValue);
+  const [_pending, setPending] = signal(false);
+  async function addOptimistic(optimisticValue, asyncAction) {
+    const previousValue = value();
+    setValue(optimisticValue);
+    setPending(true);
+    try {
+      const result = await asyncAction();
+      setValue(result);
+    } catch {
+      setValue(previousValue);
+    } finally {
+      setPending(false);
+    }
+  }
+  return [value, addOptimistic];
+}
+function optimisticList(initialValue) {
+  const [items, setItems] = signal([...initialValue]);
+  async function addOptimistic(item, asyncAction) {
+    const prev = items();
+    setItems([...prev, item]);
+    try {
+      const result = await asyncAction();
+      setItems((current) => {
+        const idx = current.lastIndexOf(item);
+        if (idx >= 0) {
+          const next = [...current];
+          next[idx] = result;
+          return next;
+        }
+        return [...current.filter((i) => i !== item), result];
+      });
+    } catch {
+      setItems(prev);
+    }
+  }
+  async function removeOptimistic(predicate, asyncAction) {
+    const prev = items();
+    setItems(prev.filter((item) => !predicate(item)));
+    try {
+      await asyncAction();
+    } catch {
+      setItems(prev);
+    }
+  }
+  async function updateOptimistic(predicate, update, asyncAction) {
+    const prev = items();
+    setItems(prev.map((item) => predicate(item) ? { ...item, ...update } : item));
+    try {
+      const result = await asyncAction();
+      setItems((current) => current.map((item) => predicate(item) ? result : item));
+    } catch {
+      setItems(prev);
+    }
+  }
+  return { items, addOptimistic, removeOptimistic, updateOptimistic };
+}
+
+// src/patterns/timeTravel.ts
+function timeline(initial, maxHistory = 100) {
+  const [history, setHistory] = signal([initial]);
+  const [index, setIndex] = signal(0);
+  const value = derived(() => history()[index()]);
+  const canUndo = derived(() => index() > 0);
+  const canRedo = derived(() => index() < history().length - 1);
+  function set(next) {
+    const current = value();
+    const newValue = typeof next === "function" ? next(current) : next;
+    if (Object.is(newValue, current)) return;
+    const hist = history();
+    const idx = index();
+    const newHistory = hist.slice(0, idx + 1);
+    newHistory.push(newValue);
+    if (newHistory.length > maxHistory) {
+      newHistory.shift();
+      setHistory(newHistory);
+      setIndex(newHistory.length - 1);
+    } else {
+      setHistory(newHistory);
+      setIndex(idx + 1);
+    }
+  }
+  function undo() {
+    if (canUndo()) {
+      setIndex(index() - 1);
+    }
+  }
+  function redo() {
+    if (canRedo()) {
+      setIndex(index() + 1);
+    }
+  }
+  function reset() {
+    setHistory([initial]);
+    setIndex(0);
+  }
+  function jumpTo(targetIndex) {
+    const hist = history();
+    if (targetIndex >= 0 && targetIndex < hist.length) {
+      setIndex(targetIndex);
+    }
+  }
+  return { value, set, undo, redo, canUndo, canRedo, history, index, reset, jumpTo };
+}
+
+// src/patterns/globalStore.ts
+function globalStore(config) {
+  const initialState = { ...config.state };
+  const [getState, setState] = signal({ ...initialState });
+  const listeners = /* @__PURE__ */ new Set();
+  const middlewares = config.middleware || [];
+  function dispatch(action, payload) {
+    const actionFn = config.actions[action];
+    if (!actionFn) throw new Error(`Unknown action: ${String(action)}`);
+    const execute = () => {
+      const current = getState();
+      const rawPatch = actionFn(current, payload);
+      const patch = {};
+      for (const key of Object.keys(rawPatch)) {
+        if (key !== "__proto__" && key !== "constructor" && key !== "prototype") {
+          patch[key] = rawPatch[key];
+        }
+      }
+      setState({ ...current, ...patch });
+      const newState = getState();
+      for (const listener of listeners) {
+        listener(newState);
+      }
+    };
+    if (middlewares.length === 0) {
+      execute();
+      return;
+    }
+    let index = 0;
+    const next = () => {
+      if (index < middlewares.length) {
+        const mw = middlewares[index++];
+        mw(getState(), String(action), payload, next);
+      } else {
+        execute();
+      }
+    };
+    next();
+  }
+  function select(selector) {
+    return derived(() => selector(getState()));
+  }
+  function subscribe(callback) {
+    listeners.add(callback);
+    return () => listeners.delete(callback);
+  }
+  function reset() {
+    setState({ ...initialState });
+    for (const listener of listeners) {
+      listener(getState());
+    }
+  }
+  return { getState, select, dispatch, subscribe, reset };
+}
+
+// src/patterns/primitives.ts
+function createSignal(value) {
+  return signal(value);
+}
+function createMemo(fn) {
+  return derived(fn);
+}
+function createEffect(fn) {
+  return effect(fn);
+}
+
+export {
+  machine,
+  persisted,
+  optimistic,
+  optimisticList,
+  timeline,
+  globalStore,
+  createSignal,
+  createMemo,
+  createEffect
+};