@akanjs/store 0.0.149 → 0.0.151

package/cjs/src/baseSt.js

@@ -0,0 +1,99 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+var baseSt_exports = {};
+__export(baseSt_exports, {
+  RootStore: () => RootStore,
+  st: () => st,
+  store: () => store
+});
+module.exports = __toCommonJS(baseSt_exports);
+var import_client = require("@akanjs/client");
+var import_constant = require("@akanjs/constant");
+var import_signal = require("@akanjs/signal");
+var import_storeDecorators = require("./storeDecorators");
+const defaultMessage = {
+  type: "info",
+  content: "",
+  duration: 3,
+  // seconds
+  key: Math.random().toString(36).slice(2, 15)
+};
+let RootStore = class extends (0, import_storeDecorators.scalarStateOf)("root", {
+  csrLoaded: false,
+  path: "/",
+  pathname: typeof window !== "undefined" ? window.location.pathname : "/",
+  params: {},
+  searchParams: {},
+  theme: "system",
+  prefix: void 0,
+  innerWidth: 0,
+  innerHeight: 0,
+  responsive: "md",
+  uiOperation: "sleep",
+  messages: [],
+  tryJwt: null,
+  trySignalType: "graphql",
+  tryRoles: [...import_signal.roleTypes],
+  tryAccount: import_signal.defaultAccount,
+  keyboardHeight: 0,
+  pageState: import_client.defaultPageState,
+  devMode: false,
+  getSelf: async ({ reset } = {}) => {
+  },
+  deviceToken: "",
+  currentPath: "",
+  connectStatus: "disconnected"
+}) {
+  setDevMode(value) {
+    this.set({ devMode: value });
+    localStorage.setItem("devMode", value.toString());
+  }
+  setWindowSize() {
+    if (typeof window === "undefined")
+      return;
+    const responsive = import_constant.Responsive.values[import_constant.responsiveWidths.findIndex((w) => w < window.innerWidth)];
+    this.set({ innerWidth: window.innerWidth, innerHeight: window.innerHeight, responsive });
+  }
+  showMessage(message) {
+    message.key ??= Math.random().toString(36).slice(2, 15);
+    const { messages } = this.get();
+    const newMessage = { ...defaultMessage, ...message };
+    if (messages.some((m) => m.key === newMessage.key))
+      this.set({ messages: messages.map((m) => m.key === newMessage.key ? newMessage : m) });
+    else
+      this.set({ messages: [...messages.length > 6 ? messages.slice(1) : messages, newMessage] });
+  }
+  hideMessage(key) {
+    const { messages } = this.get();
+    this.set({ messages: messages.filter((m) => m.key !== key) });
+  }
+};
+RootStore = __decorateClass([
+  (0, import_storeDecorators.Store)({ name: "root" })
+], RootStore);
+const store = RootStore;
+const st = (0, import_storeDecorators.makeStore)(import_storeDecorators.baseSt, store, { library: true });

package/cjs/src/index.js

@@ -16,3 +16,4 @@ var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 __reExport(src_exports, require("./types"), module.exports);
 __reExport(src_exports, require("./storeDecorators"), module.exports);
+__reExport(src_exports, require("./baseSt"), module.exports);

package/cjs/src/storeDecorators.js

@@ -21,12 +21,12 @@ __export(storeDecorators_exports, {
   MixStore: () => MixStore,
   Store: () => Store,
   Toast: () => Toast,
+  baseSt: () => baseSt,
   createActions: () => createActions,
   createState: () => createState,
   makeStore: () => makeStore,
   rootStoreOf: () => rootStoreOf,
   scalarStateOf: () => scalarStateOf,
-  st: () => st,
   stateOf: () => stateOf
 });
 module.exports = __toCommonJS(storeDecorators_exports);
@@ -39,7 +39,7 @@ var import_react = require("react");
 var import_zustand = require("zustand");
 var import_middleware = require("zustand/middleware");
 var import_immer = require("zustand/middleware/immer");
-const st = {};
+const baseSt = {};
 class StoreStorage {
 }
 const getStoreMeta = (storeName) => {
@@ -877,8 +877,8 @@ const createSelectors = (_store, store = {}) => {
   store.get = _store.getState;
   store.set = (s) => {
     if (typeof s === "function")
-      _store.setState((st2) => {
-        s(st2);
+      _store.setState((st) => {
+        s(st);
       });
     else
       _store.setState(s);
@@ -1019,9 +1019,9 @@ const makePicker = (set, get) => (...fields) => {
   }
   return ret;
 };
-const makeStore = (st2, storeRef, { library } = {}) => {
+const makeStore = (st, storeRef, { library } = {}) => {
   if (library)
-    return st2;
+    return st;
   const zustandStore = (0, import_zustand.create)(
     (0, import_middleware.devtools)(
       (0, import_middleware.subscribeWithSelector)(
@@ -1040,7 +1040,7 @@ const makeStore = (st2, storeRef, { library } = {}) => {
       { name: "root", anonymousActionType: "root", type: "root" }
     )
   );
-  return createSelectors(zustandStore, st2);
+  return createSelectors(zustandStore, st);
 };
 const MixStore = (s1, s2, s3, s4, s5, s6, s7, s8, s9, s10, s11, s12, s13, s14, s15, s16, s17, s18, s19, s20, s21, s22, s23, s24, s25, s26, s27, s28, s29, s30) => {
   const stores = [

package/esm/src/baseSt.js

@@ -0,0 +1,82 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result)
+    __defProp(target, key, result);
+  return result;
+};
+import { defaultPageState } from "@akanjs/client";
+import { Responsive, responsiveWidths } from "@akanjs/constant";
+import { defaultAccount, roleTypes } from "@akanjs/signal";
+import { baseSt, makeStore, scalarStateOf, Store } from "./storeDecorators";
+const defaultMessage = {
+  type: "info",
+  content: "",
+  duration: 3,
+  // seconds
+  key: Math.random().toString(36).slice(2, 15)
+};
+let RootStore = class extends scalarStateOf("root", {
+  csrLoaded: false,
+  path: "/",
+  pathname: typeof window !== "undefined" ? window.location.pathname : "/",
+  params: {},
+  searchParams: {},
+  theme: "system",
+  prefix: void 0,
+  innerWidth: 0,
+  innerHeight: 0,
+  responsive: "md",
+  uiOperation: "sleep",
+  messages: [],
+  tryJwt: null,
+  trySignalType: "graphql",
+  tryRoles: [...roleTypes],
+  tryAccount: defaultAccount,
+  keyboardHeight: 0,
+  pageState: defaultPageState,
+  devMode: false,
+  getSelf: async ({ reset } = {}) => {
+  },
+  deviceToken: "",
+  currentPath: "",
+  connectStatus: "disconnected"
+}) {
+  setDevMode(value) {
+    this.set({ devMode: value });
+    localStorage.setItem("devMode", value.toString());
+  }
+  setWindowSize() {
+    if (typeof window === "undefined")
+      return;
+    const responsive = Responsive.values[responsiveWidths.findIndex((w) => w < window.innerWidth)];
+    this.set({ innerWidth: window.innerWidth, innerHeight: window.innerHeight, responsive });
+  }
+  showMessage(message) {
+    message.key ??= Math.random().toString(36).slice(2, 15);
+    const { messages } = this.get();
+    const newMessage = { ...defaultMessage, ...message };
+    if (messages.some((m) => m.key === newMessage.key))
+      this.set({ messages: messages.map((m) => m.key === newMessage.key ? newMessage : m) });
+    else
+      this.set({ messages: [...messages.length > 6 ? messages.slice(1) : messages, newMessage] });
+  }
+  hideMessage(key) {
+    const { messages } = this.get();
+    this.set({ messages: messages.filter((m) => m.key !== key) });
+  }
+};
+RootStore = __decorateClass([
+  Store({ name: "root" })
+], RootStore);
+const store = RootStore;
+const st = makeStore(baseSt, store, { library: true });
+export {
+  RootStore,
+  st,
+  store
+};

package/esm/src/index.js

@@ -1,2 +1,3 @@
 export * from "./types";
 export * from "./storeDecorators";
+export * from "./baseSt";

package/esm/src/storeDecorators.js

@@ -24,7 +24,7 @@ import { useEffect, useRef } from "react";
 import { create } from "zustand";
 import { devtools, subscribeWithSelector } from "zustand/middleware";
 import { immer } from "zustand/middleware/immer";
-const st = {};
+const baseSt = {};
 class StoreStorage {
 }
 const getStoreMeta = (storeName) => {
@@ -862,8 +862,8 @@ const createSelectors = (_store, store = {}) => {
   store.get = _store.getState;
   store.set = (s) => {
     if (typeof s === "function")
-      _store.setState((st2) => {
-        s(st2);
+      _store.setState((st) => {
+        s(st);
       });
     else
       _store.setState(s);
@@ -1004,9 +1004,9 @@ const makePicker = (set, get) => (...fields) => {
   }
   return ret;
 };
-const makeStore = (st2, storeRef, { library } = {}) => {
+const makeStore = (st, storeRef, { library } = {}) => {
   if (library)
-    return st2;
+    return st;
   const zustandStore = create(
     devtools(
       subscribeWithSelector(
@@ -1025,7 +1025,7 @@ const makeStore = (st2, storeRef, { library } = {}) => {
       { name: "root", anonymousActionType: "root", type: "root" }
     )
   );
-  return createSelectors(zustandStore, st2);
+  return createSelectors(zustandStore, st);
 };
 const MixStore = (s1, s2, s3, s4, s5, s6, s7, s8, s9, s10, s11, s12, s13, s14, s15, s16, s17, s18, s19, s20, s21, s22, s23, s24, s25, s26, s27, s28, s29, s30) => {
   const stores = [
@@ -1089,11 +1089,11 @@ export {
   MixStore,
   Store,
   Toast,
+  baseSt,
   createActions,
   createState,
   makeStore,
   rootStoreOf,
   scalarStateOf,
-  st,
   stateOf
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akanjs/store",
-  "version": "0.0.149",
+  "version": "0.0.151",
   "sourceType": "module",
   "publishConfig": {
     "access": "public"

package/src/baseSt.d.ts

@@ -0,0 +1,204 @@
+import { Responsive } from "@akanjs/constant";
+import { RoleType, SignalType } from "@akanjs/signal";
+declare const defaultMessage: {
+    type: "info" | "success" | "error" | "warning" | "loading";
+    content: string;
+    duration: number;
+    key: string;
+};
+declare const RootStore_base: import("@akanjs/base").Type<{
+    readonly get: () => {
+        csrLoaded: boolean;
+        path: string;
+        pathname: string;
+        params: {
+            [key: string]: string;
+        };
+        searchParams: {
+            [key: string]: string;
+        };
+        theme: string;
+        prefix: string | undefined;
+        innerWidth: number;
+        innerHeight: number;
+        responsive: Responsive;
+        uiOperation: "sleep" | "loading" | "idle";
+        messages: (typeof defaultMessage)[];
+        tryJwt: string | null;
+        trySignalType: SignalType;
+        tryRoles: RoleType[];
+        tryAccount: {
+            __InternalArg__: "Account";
+            self?: import("@akanjs/signal").Self;
+            me?: import("@akanjs/signal").Me;
+            appName: string;
+            environment: import("@akanjs/base").Environment;
+        };
+        keyboardHeight: number;
+        pageState: import("@akanjs/client").PageState;
+        devMode: boolean;
+        getSelf: ({ reset }?: {
+            reset?: boolean;
+        }) => Promise<void>;
+        deviceToken: string;
+        currentPath: string;
+        connectStatus: "connected" | "connecting" | "disconnected";
+    };
+    readonly set: (state: Partial<{
+        csrLoaded: boolean;
+        path: string;
+        pathname: string;
+        params: {
+            [key: string]: string;
+        };
+        searchParams: {
+            [key: string]: string;
+        };
+        theme: string;
+        prefix: string | undefined;
+        innerWidth: number;
+        innerHeight: number;
+        responsive: Responsive;
+        uiOperation: "sleep" | "loading" | "idle";
+        messages: (typeof defaultMessage)[];
+        tryJwt: string | null;
+        trySignalType: SignalType;
+        tryRoles: RoleType[];
+        tryAccount: {
+            __InternalArg__: "Account";
+            self?: import("@akanjs/signal").Self;
+            me?: import("@akanjs/signal").Me;
+            appName: string;
+            environment: import("@akanjs/base").Environment;
+        };
+        keyboardHeight: number;
+        pageState: import("@akanjs/client").PageState;
+        devMode: boolean;
+        getSelf: ({ reset }?: {
+            reset?: boolean;
+        }) => Promise<void>;
+        deviceToken: string;
+        currentPath: string;
+        connectStatus: "connected" | "connecting" | "disconnected";
+    }> | ((state: {
+        csrLoaded: boolean;
+        path: string;
+        pathname: string;
+        params: {
+            [key: string]: string;
+        };
+        searchParams: {
+            [key: string]: string;
+        };
+        theme: string;
+        prefix: string | undefined;
+        innerWidth: number;
+        innerHeight: number;
+        responsive: Responsive;
+        uiOperation: "sleep" | "loading" | "idle";
+        messages: (typeof defaultMessage)[];
+        tryJwt: string | null;
+        trySignalType: SignalType;
+        tryRoles: RoleType[];
+        tryAccount: {
+            __InternalArg__: "Account";
+            self?: import("@akanjs/signal").Self;
+            me?: import("@akanjs/signal").Me;
+            appName: string;
+            environment: import("@akanjs/base").Environment;
+        };
+        keyboardHeight: number;
+        pageState: import("@akanjs/client").PageState;
+        devMode: boolean;
+        getSelf: ({ reset }?: {
+            reset?: boolean;
+        }) => Promise<void>;
+        deviceToken: string;
+        currentPath: string;
+        connectStatus: "connected" | "connecting" | "disconnected";
+    }) => any)) => void;
+    readonly pick: (...fields: ("path" | "prefix" | "params" | "innerHeight" | "innerWidth" | "pathname" | "searchParams" | "csrLoaded" | "theme" | "tryAccount" | "keyboardHeight" | "pageState" | "devMode" | "getSelf" | "responsive" | "uiOperation" | "messages" | "tryJwt" | "trySignalType" | "tryRoles" | "deviceToken" | "currentPath" | "connectStatus")[]) => {
+        path: string;
+        prefix: string;
+        params: {
+            [key: string]: string;
+        };
+        innerHeight: number;
+        innerWidth: number;
+        pathname: string;
+        searchParams: {
+            [key: string]: string;
+        };
+        csrLoaded: boolean;
+        theme: string;
+        tryAccount: {
+            __InternalArg__: "Account";
+            self?: import("@akanjs/signal").Self;
+            me?: import("@akanjs/signal").Me;
+            appName: string;
+            environment: import("@akanjs/base").Environment;
+        };
+        keyboardHeight: number;
+        pageState: import("@akanjs/client").PageState;
+        devMode: boolean;
+        getSelf: ({ reset }?: {
+            reset?: boolean;
+        }) => Promise<void>;
+        responsive: Responsive;
+        uiOperation: "sleep" | "idle";
+        messages: (typeof defaultMessage)[];
+        tryJwt: string;
+        trySignalType: SignalType;
+        tryRoles: RoleType[];
+        deviceToken: string;
+        currentPath: string;
+        connectStatus: "connected" | "connecting" | "disconnected";
+    };
+} & {
+    csrLoaded: boolean;
+    path: string;
+    pathname: string;
+    params: {
+        [key: string]: string;
+    };
+    searchParams: {
+        [key: string]: string;
+    };
+    theme: string;
+    prefix: string | undefined;
+    innerWidth: number;
+    innerHeight: number;
+    responsive: Responsive;
+    uiOperation: "sleep" | "loading" | "idle";
+    messages: (typeof defaultMessage)[];
+    tryJwt: string | null;
+    trySignalType: SignalType;
+    tryRoles: RoleType[];
+    tryAccount: {
+        __InternalArg__: "Account";
+        self?: import("@akanjs/signal").Self;
+        me?: import("@akanjs/signal").Me;
+        appName: string;
+        environment: import("@akanjs/base").Environment;
+    };
+    keyboardHeight: number;
+    pageState: import("@akanjs/client").PageState;
+    devMode: boolean;
+    getSelf: ({ reset }?: {
+        reset?: boolean;
+    }) => Promise<void>;
+    deviceToken: string;
+    currentPath: string;
+    connectStatus: "connected" | "connecting" | "disconnected";
+}>;
+export declare class RootStore extends RootStore_base {
+    setDevMode(value: boolean): void;
+    setWindowSize(): void;
+    showMessage(message: {
+        content: string | string[];
+    } & Partial<typeof defaultMessage>): void;
+    hideMessage(key: string): void;
+}
+export declare const store: typeof RootStore;
+export declare const st: import("./storeDecorators").WithSelectors<RootStore> & import("./storeDecorators").WithSelectors<any>;
+export {};

package/src/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./types";
 export * from "./storeDecorators";
+export * from "./baseSt";

package/src/storeDecorators.d.ts

@@ -5,7 +5,7 @@ import { DbGraphQL, DefaultOf, FetchInitForm, FieldState, FilterListArgs, Filter
 import { MutableRefObject } from "react";
 import { Mutate, StoreApi } from "zustand";
 import type { Submit } from "./types";
-export declare const st: WithSelectors<any>;
+export declare const baseSt: WithSelectors<any>;
 type BaseState<T extends string, Full> = {
     [K in Uncapitalize<T>]: Full | null;
 } & {
@@ -211,7 +211,7 @@ interface StoreDecoratorInput {
 }
 export declare const Store: (returnsOrObj: (() => Type) | StoreDecoratorInput) => (target: Type) => void;
 type SetKey<T extends string> = `set${Capitalize<T>}`;
-interface WithSelectors<SA> {
+export interface WithSelectors<SA> {
     sub: {
         (listener: (selectedState: SA, previousSelectedState: SA) => void): () => void;
         <U>(selector: (state: SA) => U, listener: (selectedState: U, previousSelectedState: U) => void, options?: {
@@ -238,9 +238,9 @@ interface WithSelectors<SA> {
 interface MakeStoreOption {
     library?: boolean;
 }
-export declare const makeStore: <SA extends {
+export declare const makeStore: <BaseStore extends WithSelectors<any>, SA extends {
     [key: string]: any;
-}>(st: WithSelectors<any>, storeRef: Type<SA>, { library }?: MakeStoreOption) => WithSelectors<SA>;
+}>(st: BaseStore, storeRef: Type<SA>, { library }?: MakeStoreOption) => WithSelectors<SA> & BaseStore;
 export type StoreOf<T extends string, State> = SliceMeta & {
     use: {
         [K in keyof State as State[K] extends (...args: any) => any ? never : K]: () => State[K];