@4399ywkf/cli 2.0.14 → 2.0.16

package/dist/templates/app/store/app/index.tsx

@@ -0,0 +1,4 @@
+export { useAppStore, getAppStoreState } from "./store";
+export type { AppStore } from "./store";
+export { initialState } from "./initialState";
+export type { AppStoreState } from "./initialState";

package/dist/templates/app/store/app/initialState.ts

@@ -0,0 +1,10 @@
+import {
+  type CounterState,
+  initialCounterState,
+} from "./slices/counter/initialState";
+
+export type AppStoreState = CounterState;
+
+export const initialState: AppStoreState = {
+  ...initialCounterState,
+};

package/dist/templates/app/store/app/slices/counter/actions.ts

@@ -0,0 +1,37 @@
+import type { StateCreator } from "zustand/vanilla";
+import type { AppStore } from "../../store";
+
+export interface CounterAction {
+  increment: () => void;
+  decrement: () => void;
+  reset: () => void;
+  setLoading: (loading: boolean) => void;
+  setError: (error: string | null) => void;
+  fetchCount: () => Promise<void>;
+}
+
+export const createCounterSlice: StateCreator<
+  AppStore,
+  [["zustand/devtools", never]],
+  [],
+  CounterAction
+> = (set, get) => ({
+  increment: () => set((s) => ({ count: s.count + 1 })),
+  decrement: () => set((s) => ({ count: s.count - 1 })),
+  reset: () => set({ count: 0, error: null }),
+  setLoading: (loading) => set({ loading }),
+  setError: (error) => set({ error }),
+
+  fetchCount: async () => {
+    set({ loading: true, error: null });
+    try {
+      await new Promise((r) => setTimeout(r, 500));
+      set({ count: 42, loading: false });
+    } catch (err) {
+      set({
+        error: err instanceof Error ? err.message : "未知错误",
+        loading: false,
+      });
+    }
+  },
+});

package/dist/templates/app/store/app/slices/counter/initialState.ts

@@ -0,0 +1,11 @@
+export interface CounterState {
+  count: number;
+  loading: boolean;
+  error: string | null;
+}
+
+export const initialCounterState: CounterState = {
+  count: 0,
+  loading: false,
+  error: null,
+};

package/dist/templates/app/store/app/store.ts

@@ -0,0 +1,30 @@
+import { subscribeWithSelector } from "zustand/middleware";
+import { shallow } from "zustand/shallow";
+import { createWithEqualityFn } from "zustand/traditional";
+import type { StateCreator } from "zustand/vanilla";
+
+import { createDevtools } from "../middleware/createDevtools";
+import { type AppStoreState, initialState } from "./initialState";
+
+import {
+  type CounterAction,
+  createCounterSlice,
+} from "./slices/counter/actions";
+
+export type AppStore = AppStoreState & CounterAction;
+
+const createStore: StateCreator<AppStore, [["zustand/devtools", never]]> = (
+  ...parameters
+) => ({
+  ...initialState,
+  ...createCounterSlice(...parameters),
+});
+
+const devtools = createDevtools("app");
+
+export const useAppStore = createWithEqualityFn<AppStore>()(
+  subscribeWithSelector(devtools(createStore)),
+  shallow,
+);
+
+export const getAppStoreState = () => useAppStore.getState();

package/dist/templates/app/store/index.ts

@@ -0,0 +1,2 @@
+export { useAppStore, getAppStoreState } from "./app";
+export type { AppStore, AppStoreState } from "./app";

package/dist/templates/app/store/middleware/createDevtools.ts

@@ -0,0 +1,19 @@
+import type { DevtoolsOptions } from "zustand/middleware";
+import { devtools as devtoolsMiddleware } from "zustand/middleware";
+import type { StateCreator, StoreMutatorIdentifier } from "zustand/vanilla";
+
+export const createDevtools =
+  (name: string, options?: DevtoolsOptions) =>
+  <
+    T,
+    Mps extends [StoreMutatorIdentifier, unknown][] = [],
+    Mcs extends [StoreMutatorIdentifier, unknown][] = [],
+  >(
+    initializer: StateCreator<T, [...Mps, ["zustand/devtools", never]], Mcs>,
+  ) =>
+    devtoolsMiddleware(initializer, {
+      name,
+      enabled: process.env.NODE_ENV === "development",
+      trace: process.env.NODE_ENV === "development",
+      ...options,
+    });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@4399ywkf/cli",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "description": "运维开发部脚手架",
   "main": "dist/index.js",
   "bin": {