Merge pull request #1 from nexpy-io/feat/pick-context-selector-source-code

Feat/pick context selector source code

Author: AllanOliveiraM

.gitignore

@@ -179,3 +179,5 @@ sketch
 !.vscode/*.code-snippets
 
 # End of https://www.toptal.com/developers/gitignore/api/node,git,visualstudiocode,react
+
+src/native

.npmignore

@@ -14,3 +14,4 @@ commitlint.config.js
 rollup.config.js
 tsconfig.json
 yarn.lock
+automation

README.md

@@ -163,7 +163,7 @@ const MyComponent = () => {
 
 #### useContextUpdate
 
-This hook returns an update function that accepts a thunk function
+This hook returns an update function that accepts a thunk function.
 
 Use this for a function that will change a value in
 [Concurrent Mode](https://reactjs.org/docs/concurrent-mode-intro.html).
@@ -182,7 +182,15 @@ const MyComponent = () => {
 
 #### BridgeProvider
 
-This is a Provider component for bridging multiple react roots
+This is a Provider component for bridging multiple react roots.
+
+#### Context
+
+The special context created by createContext hook.
+
+#### Provider
+
+The provider you need to use to apply the context.
 
 ##### Parameters
 
@@ -221,7 +229,7 @@ const App = () => {
 
 #### useBridgeValue
 
-This hook return a value for BridgeProvider
+This hook return a value for BridgeProvider.
 
 ## Limitations
 

automation/precompile-native.sh

@@ -0,0 +1,5 @@
+rm -r src/native
+mkdir src/native
+cp src/index.tsx src/native/index.tsx
+cp src/contextSelector.ts src/native/contextSelector.ts
+cp src/batchedUpdates.native.ts src/native/batchedUpdates.ts

examples/cats.md

@@ -42,7 +42,7 @@ const CatsPetted = () => {
   return (
     <div>
       <p>Petted cats: {catsPettedNumber}</p>
-      <button onClick={() => setter(state => state + 1)}>Add one</button>
+      <button onClick={() => setter(prevState => prevState + 1)}>Add one</button>
     </div>
   )
 }
@@ -54,7 +54,7 @@ const CurrentCats = () => {
   return (
     <div>
       <p>Current cats: {currentCatsNumber}</p>
-      <button onClick={() => setter(state => state + 1)}>Add one</button>
+      <button onClick={() => setter(prevState => prevState + 1)}>Add one</button>
     </div>
   )
 }

package.json

@@ -4,19 +4,23 @@
   "keywords": [
     "context-api",
     "react",
-    "nexpy"
+    "nexpy",
+    "context",
+    "hooks"
   ],
-  "version": "1.0.0",
+  "version": "1.0.1",
   "license": "MIT",
-  "main": "dist/index.js",
   "author": "AllanOliveiraM",
-  "dependencies": {
-    "use-context-selector": "^1.3.9"
-  },
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "react-native": "./dist/index.native.js",
+  "types": "./dist/index.d.ts",
+  "dependencies": {},
   "scripts": {
     "husky:install": "husky install",
-    "build": "rollup -c",
-    "start": "rollup -c -w",
+    "precompile:native": ". automation/precompile-native.sh",
+    "build": "yarn --silent precompile:native && rollup -c",
+    "start": "yarn --silent precompile:native && rollup -c -w",
     "commit": "npx git-cz",
     "type-check": "tsc --project tsconfig.json --pretty --noEmit",
     "prettier": "prettier --loglevel warn --write .",
@@ -29,9 +33,12 @@
     "@commitlint/config-conventional": "^15.0.0",
     "@rollup/plugin-commonjs": "^21.0.1",
     "@rollup/plugin-node-resolve": "^13.0.6",
+    "@testing-library/react": "^12.1.2",
+    "@types/jest": "^27.4.0",
     "@types/node": "^16.11.11",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
+    "@types/react-native": "^0.66.15",
     "@typescript-eslint/eslint-plugin": "^5.5.0",
     "@typescript-eslint/parser": "^5.5.0",
     "commitlint": "^15.0.0",
@@ -46,14 +53,17 @@
     "eslint-plugin-react": "^7.27.1",
     "eslint-plugin-react-hooks": "^4.3.0",
     "husky": "^7.0.4",
+    "jest": "^27.4.7",
     "lint-staged": "^12.1.2",
     "prettier": "^2.5.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-native": "^0.67.1",
     "rollup": "^2.62.0",
+    "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.31.1",
-    "rollup-plugin-uglify": "^6.0.4",
     "scheduler": "^0.20.2",
+    "ts-jest": "^27.1.3",
     "typescript": "^4.5.2"
   },
   "peerDependencies": {
@@ -62,6 +72,18 @@
     "react-native": "*",
     "scheduler": ">=0.19.0"
   },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    }
+  },
+  "jest": {
+    "testEnvironment": "jsdom",
+    "preset": "ts-jest/presets/js-with-ts"
+  },
   "config": {
     "commitizen": {
       "path": "./node_modules/cz-conventional-changelog"

rollup.config.js

@@ -1,20 +1,32 @@
 import typescript from 'rollup-plugin-typescript2'
 import commonjs from '@rollup/plugin-commonjs'
-import { uglify } from 'rollup-plugin-uglify'
+import { terser } from 'rollup-plugin-terser'
 
 import packageSettings from './package.json'
 
-export default {
-  input: 'src/index.tsx',
-  output: [
-    {
+export default [
+  {
+    input: 'src/index.tsx',
+    output: {
       file: packageSettings.main,
       format: 'cjs',
       exports: 'named',
       sourcemap: true,
       strict: true,
     },
-  ],
-  plugins: [typescript(), commonjs(), uglify()],
-  external: ['react', 'react-dom', 'react/jsx-runtime', 'use-context-selector'],
-}
+    plugins: [typescript(), commonjs(), terser()],
+    external: ['react', 'react-native', 'react-dom', 'react/jsx-runtime', 'scheduler'],
+  },
+  {
+    input: 'src/native/index.tsx',
+    output: {
+      file: `${packageSettings.main.replace('.js', '')}.native.js`,
+      format: 'cjs',
+      exports: 'named',
+      sourcemap: true,
+      strict: true,
+    },
+    plugins: [typescript(), commonjs(), terser()],
+    external: ['react', 'react-native', 'react-dom', 'react/jsx-runtime', 'scheduler'],
+  },
+]

src/batchedUpdates.native.ts

@@ -0,0 +1 @@
+export { unstable_batchedUpdates as batchedUpdates } from 'react-native'

src/batchedUpdates.ts

@@ -0,0 +1 @@
+export { unstable_batchedUpdates as batchedUpdates } from 'react-dom'