build: min.js

package.json

@@ -10,6 +10,7 @@
   ],
   "devDependencies": {
     "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.1",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.0.1",

packages/amos-react/src/context.tsx → packages/amos-react/src/context.ts

@@ -5,7 +5,7 @@
 
 import { Dispatch, Store } from 'amos';
 import { must } from 'amos-utils';
-import { createContext, ReactNode, useContext } from 'react';
+import { createContext, createElement, ReactNode, useContext } from 'react';
 
 export const Context = createContext<Store | null>(null);
 
@@ -16,7 +16,7 @@ export interface ProviderProps {
 
 export const Provider = ({ store, children }: ProviderProps) => {
   must(store, 'store is required for <Provider />.');
-  return <Context.Provider value={store}>{children}</Context.Provider>;
+  return createElement(Context.Provider, { value: store }, children);
 };
 
 export const Consumer = Context.Consumer;

packages/amos/README.md

@@ -1,13 +1,13 @@
 # Amos
 
-Amos is a decentralized state management library, inspired by `redux`, `vuex` and `recoil`.
+A decentralized, data structure-based, fully featured state management library.
 
 ## Highlights
 
 - Decentralized (or, in a more trendy term: atomic).
 - Data structure-based: help you read/write state easily.
 - Strong TypeScript support.
-- All in one: everything in a single package `amos`, including:
+- All in one: everything in a single package `amos` with zero dependencies, including:
   - All commonly used data structures: Number, Boolean, Array, Object, List, Map.
   - Box relationships.
   - Batch.
@@ -48,7 +48,7 @@ const countBox = numberBox('count');
 
 function Count() {
     const dispatch = useDispatch();
-    const [count] = useSelector(countBox);
+    const count = useSelector(countBox);
 
     return (
         <div>

scripts/build.ts

@@ -4,8 +4,10 @@
  */
 
 import alias from '@rollup/plugin-alias';
+import terser from '@rollup/plugin-terser';
 import typescript from '@rollup/plugin-typescript';
 import * as fs from 'fs-extra';
+import { upperFirst } from 'lodash';
 import * as child_process from 'node:child_process';
 import * as console from 'node:console';
 import { rollup } from 'rollup';
@@ -54,6 +56,14 @@ export const build = autorun(
         await Promise.all([
           bundle.write({ format: 'esm', sourcemap: true, file: `${outDir}/index.esm.js` }),
           bundle.write({ format: 'cjs', sourcemap: true, file: `${outDir}/index.cjs.js` }),
+          bundle.write({
+            format: 'iife',
+            sourcemap: true,
+            name: name === 'dist' ? 'Amos' : 'Amos' + upperFirst(name),
+            file: `${outDir}/index.min.js`,
+            plugins: [terser()],
+            globals: { amos: 'Amos', react: 'React' },
+          }),
         ]);
         await bundle.close();
         if (name !== 'dist') {

yarn.lock

@@ -211,6 +211,7 @@ __metadata:
   resolution: "@amos/root@workspace:."
   dependencies:
     "@rollup/plugin-alias": "npm:^5.1.1"
+    "@rollup/plugin-terser": "npm:^0.4.4"
     "@rollup/plugin-typescript": "npm:^12.1.1"
     "@testing-library/dom": "npm:^10.4.0"
     "@testing-library/react": "npm:^16.0.1"
@@ -3302,6 +3303,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@rollup/plugin-terser@npm:^0.4.4":
+  version: 0.4.4
+  resolution: "@rollup/plugin-terser@npm:0.4.4"
+  dependencies:
+    serialize-javascript: "npm:^6.0.1"
+    smob: "npm:^1.0.0"
+    terser: "npm:^5.17.4"
+  peerDependencies:
+    rollup: ^2.0.0||^3.0.0||^4.0.0
+  peerDependenciesMeta:
+    rollup:
+      optional: true
+  checksum: 10c0/b9cb6c8f02ac1c1344019e9fb854321b74f880efebc41b6bdd84f18331fce0f4a2aadcdb481042245cd3f409b429ac363af71f9efec4a2024731d67d32af36ee
+  languageName: node
+  linkType: hard
+
 "@rollup/plugin-typescript@npm:^12.1.1":
   version: 12.1.1
   resolution: "@rollup/plugin-typescript@npm:12.1.1"
@@ -13787,6 +13804,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"smob@npm:^1.0.0":
+  version: 1.5.0
+  resolution: "smob@npm:1.5.0"
+  checksum: 10c0/a1067f23265812de8357ed27312101af49b89129eb973e3f26ab5856ea774f88cace13342e66e32470f933ccfa916e0e9d0f7ca8bbd4f92dfab2af45c15956c2
+  languageName: node
+  linkType: hard
+
 "snake-case@npm:^3.0.4":
   version: 3.0.4
   resolution: "snake-case@npm:3.0.4"
@@ -14272,7 +14296,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"terser@npm:^5.10.0, terser@npm:^5.15.1, terser@npm:^5.26.0":
+"terser@npm:^5.10.0, terser@npm:^5.15.1, terser@npm:^5.17.4, terser@npm:^5.26.0":
   version: 5.36.0
   resolution: "terser@npm:5.36.0"
   dependencies: