react-store-input 0.2.6 → 0.5.0

package/package.json

@@ -1,47 +1,107 @@
 {
   "name": "react-store-input",
-  "version": "0.2.6",
+  "version": "0.5.0",
+  "description": "Typed React form inputs backed by a small immutable store",
+  "keywords": [
+    "react",
+    "form",
+    "input",
+    "state-management",
+    "typescript"
+  ],
+  "author": "gawonsoft",
+  "license": "MIT",
+  "type": "commonjs",
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "LICENSE",
+    "README.md"
+  ],
   "types": "./dist/index.d.ts",
-  "main": "./dist/index.mjs",
-  "module": "./dist/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./text-editor": {
+      "import": {
+        "types": "./dist/text-editor.d.mts",
+        "default": "./dist/text-editor.mjs"
+      },
+      "require": {
+        "types": "./dist/text-editor.d.ts",
+        "default": "./dist/text-editor.js"
+      }
     }
   },
   "scripts": {
-    "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup",
-    "dev": "tsup --watch"
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src",
+    "typecheck": "tsc --noEmit",
+    "test:types": "tsc -p tests/tsconfig.json",
+    "test:runtime": "node --test tests/runtime/binding.test.cjs tests/runtime/input.test.cjs tests/runtime/reset.test.cjs",
+    "test:package": "node scripts/package-smoke.cjs",
+    "test:example": "npm --prefix example run lint && npm --prefix example run build",
+    "check": "npm run lint && npm run typecheck && npm run build && npm run test:types && npm run test:runtime && npm run test:package && npm run test:example",
+    "test": "npm run check",
+    "prepack": "npm run build",
+    "prepublishOnly": "npm run check"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/gawonsoft/react-store-input.git"
   },
-  "author": "",
-  "license": "MIT",
   "bugs": {
     "url": "https://github.com/gawonsoft/react-store-input/issues"
   },
   "homepage": "https://github.com/gawonsoft/react-store-input#readme",
-  "description": "",
   "devDependencies": {
+    "@eslint/js": "^9.39.5",
     "@types/node": "^24.10.1",
     "@types/react": "^18.3.1 || ^19.2.1",
     "@types/react-dom": "^18.3.1 || ^19.2.1",
+    "eslint": "^9.39.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "gw-react-text-editor": "^0.1.6",
+    "jsdom": "^24.1.3",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "tsup": "^8.5.1",
-    "typescript": "^5.7.3"
+    "typescript": "^5.7.3",
+    "typescript-eslint": "^8.65.0"
   },
   "peerDependencies": {
-    "react": "^18.3.1 || ^19.2.1",
-    "react-dom": "^18.3.1 || ^19.2.1"
+    "gw-react-text-editor": "^0.1.6",
+    "react": ">=18.0.0 <20.0.0",
+    "react-dom": ">=18.0.0 <20.0.0"
+  },
+  "peerDependenciesMeta": {
+    "gw-react-text-editor": {
+      "optional": true
+    }
   },
   "dependencies": {
-    "date-fns": "^4.1.0",
-    "gw-react-text-editor": "^0.1.4",
-    "gw-store": "^0.1.1",
-    "immer": "^11.1.3"
+    "gw-result": "0.3.0",
+    "gw-store": "0.2.0",
+    "immer": "^11.1.4"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public",
+    "provenance": true,
+    "registry": "https://registry.npmjs.org/"
   }
 }

package/dist/create_render.d.mts

@@ -1,9 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Store } from 'gw-store';
-import { ReactNode } from 'react';
-
-type CreateRender<TState> = (selector: (state: TState) => ReactNode, compare?: (a: TState, b: TState) => boolean) => ReactNode;
-declare function createRender<TState>(store: Store<TState>, selector: (state: TState) => ReactNode, compare?: (a: TState, b: TState) => boolean): react_jsx_runtime.JSX.Element;
-declare function createRenderWithStore<TState>(store: Store<TState>): CreateRender<TState>;
-
-export { type CreateRender, createRender, createRenderWithStore };

package/dist/create_render.d.ts

@@ -1,9 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Store } from 'gw-store';
-import { ReactNode } from 'react';
-
-type CreateRender<TState> = (selector: (state: TState) => ReactNode, compare?: (a: TState, b: TState) => boolean) => ReactNode;
-declare function createRender<TState>(store: Store<TState>, selector: (state: TState) => ReactNode, compare?: (a: TState, b: TState) => boolean): react_jsx_runtime.JSX.Element;
-declare function createRenderWithStore<TState>(store: Store<TState>): CreateRender<TState>;
-
-export { type CreateRender, createRender, createRenderWithStore };

package/dist/create_render.js

@@ -1,51 +0,0 @@
-"use strict";
-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);
-
-// src/create_render.tsx
-var create_render_exports = {};
-__export(create_render_exports, {
-  createRender: () => createRender,
-  createRenderWithStore: () => createRenderWithStore
-});
-module.exports = __toCommonJS(create_render_exports);
-var import_gw_store = require("gw-store");
-var import_jsx_runtime = require("react/jsx-runtime");
-function createRender(store, selector, compare) {
-  function Component() {
-    const result = (0, import_gw_store.useSelector)(store, (state) => state, compare);
-    const content = selector(result);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: content });
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {});
-}
-function createRenderWithStore(store) {
-  return function createRender2(selector, compare) {
-    function Component() {
-      const result = (0, import_gw_store.useSelector)(store, (state) => state, compare);
-      const content = selector(result);
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: content });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {});
-  };
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  createRender,
-  createRenderWithStore
-});

package/dist/create_render.mjs

@@ -1,25 +0,0 @@
-// src/create_render.tsx
-import { useSelector } from "gw-store";
-import { Fragment, jsx } from "react/jsx-runtime";
-function createRender(store, selector, compare) {
-  function Component() {
-    const result = useSelector(store, (state) => state, compare);
-    const content = selector(result);
-    return /* @__PURE__ */ jsx(Fragment, { children: content });
-  }
-  return /* @__PURE__ */ jsx(Component, {});
-}
-function createRenderWithStore(store) {
-  return function createRender2(selector, compare) {
-    function Component() {
-      const result = useSelector(store, (state) => state, compare);
-      const content = selector(result);
-      return /* @__PURE__ */ jsx(Fragment, { children: content });
-    }
-    return /* @__PURE__ */ jsx(Component, {});
-  };
-}
-export {
-  createRender,
-  createRenderWithStore
-};

package/dist/text_editor.d.mts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextEditorProps as TextEditorProps$1 } from 'gw-react-text-editor';
-import { Store } from 'gw-store';
-
-type TextEditorProps<TState> = {
-    store: Store<TState>;
-    name?: keyof TState;
-    getter?: (state: TState) => string;
-    setter?: (state: TState, value: string) => void;
-} & TextEditorProps$1;
-declare function TextEditor<TState>({ store, name, getter, setter, defaultValue, ref, ...props }: TextEditorProps<TState>): react_jsx_runtime.JSX.Element;
-
-export { TextEditor, type TextEditorProps };

package/dist/text_editor.d.ts

@@ -1,13 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextEditorProps as TextEditorProps$1 } from 'gw-react-text-editor';
-import { Store } from 'gw-store';
-
-type TextEditorProps<TState> = {
-    store: Store<TState>;
-    name?: keyof TState;
-    getter?: (state: TState) => string;
-    setter?: (state: TState, value: string) => void;
-} & TextEditorProps$1;
-declare function TextEditor<TState>({ store, name, getter, setter, defaultValue, ref, ...props }: TextEditorProps<TState>): react_jsx_runtime.JSX.Element;
-
-export { TextEditor, type TextEditorProps };

package/dist/text_editor.js

@@ -1,135 +0,0 @@
-"use strict";
-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);
-
-// src/text_editor.tsx
-var text_editor_exports = {};
-__export(text_editor_exports, {
-  TextEditor: () => TextEditor
-});
-module.exports = __toCommonJS(text_editor_exports);
-var import_gw_react_text_editor = require("gw-react-text-editor");
-var import_react2 = require("react");
-
-// src/use_store_controller.tsx
-var import_react = require("react");
-function useStoreController(store, props) {
-  const dispatchKey = (0, import_react.useId)();
-  (0, import_react.useEffect)(() => {
-    const unsub = store.subscribe((state, key) => {
-      if (key === dispatchKey) {
-        return;
-      }
-      props.onSubscribe(state);
-    });
-    return () => {
-      unsub();
-    };
-  }, []);
-  const dispatch = () => {
-    store.dispatch(
-      (state) => {
-        props.onDispatch(state);
-      },
-      {
-        key: dispatchKey
-      }
-    );
-  };
-  return {
-    dispatch
-  };
-}
-
-// src/text_editor.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function TextEditor({
-  store,
-  name,
-  getter,
-  setter,
-  defaultValue,
-  ref,
-  ...props
-}) {
-  const controllerRef = (0, import_react2.useRef)(null);
-  (0, import_react2.useImperativeHandle)(
-    ref,
-    () => controllerRef.current,
-    []
-  );
-  const { dispatch } = useStoreController(store, {
-    onSubscribe: (state) => {
-      const controller = controllerRef.current;
-      if (!controller) {
-        return;
-      }
-      const getResult = () => {
-        if (getter) {
-          return getter(state) || "";
-        }
-        if (name) {
-          return state[name] || "";
-        }
-        return "";
-      };
-      const result = getResult();
-      if (controller.value !== result) {
-        controller.value = result;
-      }
-    },
-    onDispatch: (state) => {
-      const controller = controllerRef.current;
-      if (!controller) {
-        return;
-      }
-      if (setter) {
-        setter(state, controller.value);
-        return;
-      }
-      if (name) {
-        state[name] = controller.value;
-      }
-    }
-  });
-  const getDefaultValue = () => {
-    if (getter) {
-      return getter(store.state);
-    }
-    if (name) {
-      return store.state[name];
-    }
-    return void 0;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_gw_react_text_editor.TextEditor,
-    {
-      ...props,
-      ref: controllerRef,
-      defaultValue: defaultValue ?? getDefaultValue(),
-      onChange: (e) => {
-        dispatch();
-        props.onChange?.(e);
-      }
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  TextEditor
-});

package/dist/text_editor.mjs

@@ -1,112 +0,0 @@
-// src/text_editor.tsx
-import {
-  TextEditor as GwTextEditor
-} from "gw-react-text-editor";
-import { useImperativeHandle, useRef } from "react";
-
-// src/use_store_controller.tsx
-import { useEffect, useId } from "react";
-function useStoreController(store, props) {
-  const dispatchKey = useId();
-  useEffect(() => {
-    const unsub = store.subscribe((state, key) => {
-      if (key === dispatchKey) {
-        return;
-      }
-      props.onSubscribe(state);
-    });
-    return () => {
-      unsub();
-    };
-  }, []);
-  const dispatch = () => {
-    store.dispatch(
-      (state) => {
-        props.onDispatch(state);
-      },
-      {
-        key: dispatchKey
-      }
-    );
-  };
-  return {
-    dispatch
-  };
-}
-
-// src/text_editor.tsx
-import { jsx } from "react/jsx-runtime";
-function TextEditor({
-  store,
-  name,
-  getter,
-  setter,
-  defaultValue,
-  ref,
-  ...props
-}) {
-  const controllerRef = useRef(null);
-  useImperativeHandle(
-    ref,
-    () => controllerRef.current,
-    []
-  );
-  const { dispatch } = useStoreController(store, {
-    onSubscribe: (state) => {
-      const controller = controllerRef.current;
-      if (!controller) {
-        return;
-      }
-      const getResult = () => {
-        if (getter) {
-          return getter(state) || "";
-        }
-        if (name) {
-          return state[name] || "";
-        }
-        return "";
-      };
-      const result = getResult();
-      if (controller.value !== result) {
-        controller.value = result;
-      }
-    },
-    onDispatch: (state) => {
-      const controller = controllerRef.current;
-      if (!controller) {
-        return;
-      }
-      if (setter) {
-        setter(state, controller.value);
-        return;
-      }
-      if (name) {
-        state[name] = controller.value;
-      }
-    }
-  });
-  const getDefaultValue = () => {
-    if (getter) {
-      return getter(store.state);
-    }
-    if (name) {
-      return store.state[name];
-    }
-    return void 0;
-  };
-  return /* @__PURE__ */ jsx(
-    GwTextEditor,
-    {
-      ...props,
-      ref: controllerRef,
-      defaultValue: defaultValue ?? getDefaultValue(),
-      onChange: (e) => {
-        dispatch();
-        props.onChange?.(e);
-      }
-    }
-  );
-}
-export {
-  TextEditor
-};

package/dist/use_form_store.d.mts

@@ -1,16 +0,0 @@
-import { CreateRender } from './create_render.mjs';
-import { Store } from 'gw-store';
-import { useStoreComponent } from './use_store_component.mjs';
-import 'react/jsx-runtime';
-import 'react';
-import './use_store_input_with_name.mjs';
-import './use_store_input.mjs';
-import './text_editor.mjs';
-import 'gw-react-text-editor';
-
-type FormStore<TState> = Store<TState> & ReturnType<typeof useStoreComponent<TState>> & {
-    render: CreateRender<TState>;
-};
-declare function useFormStore<TState>(initialState: TState): FormStore<TState>;
-
-export { type FormStore, useFormStore };

package/dist/use_form_store.d.ts

@@ -1,16 +0,0 @@
-import { CreateRender } from './create_render.js';
-import { Store } from 'gw-store';
-import { useStoreComponent } from './use_store_component.js';
-import 'react/jsx-runtime';
-import 'react';
-import './use_store_input_with_name.js';
-import './use_store_input.js';
-import './text_editor.js';
-import 'gw-react-text-editor';
-
-type FormStore<TState> = Store<TState> & ReturnType<typeof useStoreComponent<TState>> & {
-    render: CreateRender<TState>;
-};
-declare function useFormStore<TState>(initialState: TState): FormStore<TState>;
-
-export { type FormStore, useFormStore };