@rn-tools/core 3.0.1

package/src/store.tsx

@@ -0,0 +1,82 @@
+import * as React from "react";
+import useSyncExternalStoreExports from "use-sync-external-store/shim/with-selector";
+
+const { useSyncExternalStoreWithSelector } = useSyncExternalStoreExports;
+
+export type Store<T> = {
+  getState: () => T;
+  getInitialState: () => T;
+  setState: (nextState: T | ((prevState: T) => T)) => void;
+  subscribe: (listener: () => void) => () => void;
+};
+
+export type StoreApi<T> = Store<T>;
+
+export function createStore<T>(initialState: T): Store<T> {
+  const listeners = new Set<() => void>();
+  let state = initialState;
+
+  const getState = () => state;
+  const getInitialState = () => initialState;
+
+  const setState = (nextState: T | ((prevState: T) => T)) => {
+    const resolved =
+      typeof nextState === "function"
+        ? (nextState as (prevState: T) => T)(state)
+        : nextState;
+
+    if (Object.is(resolved, state)) {
+      return;
+    }
+
+    state = resolved;
+    listeners.forEach((listener) => listener());
+  };
+
+  const subscribe = (listener: () => void) => {
+    listeners.add(listener);
+    return () => listeners.delete(listener);
+  };
+
+  return { getState, getInitialState, setState, subscribe };
+}
+
+export function useStore<T, S = T>(
+  store: Store<T>,
+  selector: (state: T) => S = (state) => state as unknown as S,
+  isEqual: (left: S, right: S) => boolean = Object.is,
+): S {
+  const slice = useSyncExternalStoreWithSelector(
+    store.subscribe,
+    store.getState,
+    store.getInitialState,
+    selector,
+    isEqual,
+  );
+  React.useDebugValue(slice);
+  return slice;
+}
+
+export const StoreContext = React.createContext<Store<unknown> | null>(null);
+
+export function StoreProvider<T>(props: {
+  store: Store<T>;
+  children: React.ReactNode;
+}) {
+  return (
+    <StoreContext.Provider value={props.store}>
+      {props.children}
+    </StoreContext.Provider>
+  );
+}
+
+export function useStoreContext<T, S = T>(
+  selector?: (state: T) => S,
+  isEqual?: (left: S, right: S) => boolean,
+) {
+  const store = React.useContext(StoreContext) as Store<T> | null;
+  if (!store) {
+    throw new Error("StoreProvider is missing from the component tree.");
+  }
+  return useStore(store, selector, isEqual);
+}

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "~/*": ["src/*"]
+    }
+  },
+  "extends": "expo/tsconfig.base",
+  "include": ["**/*.ts", "**/*.tsx"]
+}

package/vitest.config.mts

@@ -0,0 +1,21 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { defineConfig } from "vitest/config";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig({
+  resolve: {
+    alias: {
+      "react-native": path.resolve(
+        __dirname,
+        "mocks/react-native.mock.ts",
+      ),
+    },
+  },
+  test: {
+    environment: "jsdom",
+    globals: true,
+    setupFiles: ["mocks/setup.ts"],
+  },
+});