reactish-state 0.1.0 → 0.2.0

package/dist/cjs/index.js

@@ -0,0 +1,34 @@
+'use strict';
+
+var shim = require('use-sync-external-store/shim');
+
+var state = function state(initialValue) {
+  var value = initialValue;
+  var listeners = new Set();
+  var set = function set(newValue) {
+    value = newValue;
+    listeners.forEach(function (listener) {
+      return listener();
+    });
+  };
+  return {
+    get: function get() {
+      return value;
+    },
+    set: set,
+    subscribe: function subscribe(listener) {
+      listeners.add(listener);
+      return function () {
+        listeners["delete"](listener);
+      };
+    }
+  };
+};
+
+var useSnapshot = function useSnapshot(state) {
+  var value = shim.useSyncExternalStore(state.subscribe, state.get, state.get);
+  return value;
+};
+
+exports.state = state;
+exports.useSnapshot = useSnapshot;

package/dist/es/index.js

@@ -0,0 +1,2 @@
+export { state } from './vanilla.js';
+export { useSnapshot } from './react.js';

package/dist/es/react.js

@@ -0,0 +1,8 @@
+import { useSyncExternalStore } from 'use-sync-external-store/shim';
+
+var useSnapshot = function useSnapshot(state) {
+  var value = useSyncExternalStore(state.subscribe, state.get, state.get);
+  return value;
+};
+
+export { useSnapshot };

package/dist/es/vanilla.js

@@ -0,0 +1,24 @@
+var state = function state(initialValue) {
+  var value = initialValue;
+  var listeners = new Set();
+  var set = function set(newValue) {
+    value = newValue;
+    listeners.forEach(function (listener) {
+      return listener();
+    });
+  };
+  return {
+    get: function get() {
+      return value;
+    },
+    set: set,
+    subscribe: function subscribe(listener) {
+      listeners.add(listener);
+      return function () {
+        listeners["delete"](listener);
+      };
+    }
+  };
+};
+
+export { state };

package/package.json

@@ -1,11 +1,62 @@
 {
   "name": "reactish-state",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "",
-  "main": "index.js",
+  "author": "Zheng Song",
+  "license": "MIT",
+  "main": "dist/cjs/index.js",
+  "module": "dist/es/index.js",
+  "types": "types/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist/",
+    "types/"
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "start": "run-p watch \"types -- --watch\"",
+    "bundle": "rollup -c",
+    "watch": "rollup -c -w",
+    "clean": "rm -Rf dist types",
+    "post-build": "rm -Rf types/__tests__",
+    "types": "tsc",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
+    "pret": "prettier -c .",
+    "pret:fix": "prettier -w .",
+    "build": "run-s pret clean lint types bundle post-build"
   },
-  "author": "Zheng Song",
-  "license": "MIT"
+  "peerDependencies": {
+    "react": "^16.8 || ^17.0 || ^18.0",
+    "react-dom": "^16.8 || ^17.0 || ^18.0"
+  },
+  "dependencies": {
+    "use-sync-external-store": "^1.2.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.19.6",
+    "@babel/preset-env": "^7.19.4",
+    "@babel/preset-typescript": "^7.18.6",
+    "@rollup/plugin-babel": "^6.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.0",
+    "@types/jest": "^29.1.2",
+    "@types/react": "^18.0.24",
+    "@types/use-sync-external-store": "^0.0.3",
+    "@typescript-eslint/eslint-plugin": "^5.40.1",
+    "@typescript-eslint/parser": "^5.40.1",
+    "babel-plugin-pure-annotations": "^0.1.2",
+    "eslint": "^8.25.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-jest": "^27.1.3",
+    "eslint-plugin-react": "^7.31.10",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-hooks-addons": "^0.3.1",
+    "jest": "^29.2.2",
+    "jest-environment-jsdom": "^29.2.2",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^2.7.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^3.2.3",
+    "typescript": "^4.8.4"
+  }
 }

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export { state } from './vanilla';
+export { useSnapshot } from './react';

package/types/react.d.ts

@@ -0,0 +1,7 @@
+import { State } from './vanilla';
+declare const useSnapshot: <T>(state: {
+    get: () => T;
+    set: (newValue: T) => void;
+    subscribe: (listener: () => void) => () => void;
+}) => T;
+export { useSnapshot };

package/types/vanilla.d.ts

@@ -0,0 +1,8 @@
+declare type Listener = () => void;
+declare const state: <T>(initialValue: T) => {
+    get: () => T;
+    set: (newValue: T) => void;
+    subscribe: (listener: Listener) => () => void;
+};
+declare type State<T> = ReturnType<typeof state<T>>;
+export { state, State };