feat: add useScript hook

Author: jedwards1211

.babelrc.cjs

@@ -0,0 +1,7 @@
+/* eslint-env node, es2018 */
+module.exports = function (api) {
+  const base = require('@jcoreio/toolchain-esnext/.babelrc.cjs')(api)
+  return {
+    ...base,
+  }
+}

.babelrc.js

@@ -1,39 +1,38 @@
+# created by @jcoreio/toolchain-circle
+
 version: 2.1
 jobs:
   build:
     docker:
-      - image: circleci/node:16
+      - image: cimg/node:20.3.0
 
     steps:
       - checkout
       - run:
           name: Setup NPM Token
           command: |
-            echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" > ~/.npmrc
-            echo "registry=https://registry.npmjs.org/" >> ~/.npmrc
-      # https://github.com/atlassian/react-beautiful-dnd/issues/1007#issuecomment-446415426
-      - run:
-          name: Workaround for Flow crashing
-          command: echo "server.max_workers=1" >> .flowconfig
+            npm config set \
+              "//registry.npmjs.org/:_authToken=$NPM_TOKEN" \
+              "registry=https://registry.npmjs.org/"
       - run:
-          name: Install pnpm
-          command: sudo npm install --global pnpm
+          name: Corepack enable
+          command: sudo corepack enable
       - run:
           name: Install Dependencies
           command: pnpm install --frozen-lockfile
       - run:
-          name: build
-          command: pnpm prepublishOnly
-      - run:
-          name: upload test coverage
-          command: pnpm codecov
+          name: Prepublish
+          command: |
+            [[ $(netstat -tnlp | grep -F 'circleci-agent') ]] || pnpm run tc prepublish
       - run:
-          name: release
-          command: pnpm semantic-release
+          name: Release
+          command: |
+            [[ $(netstat -tnlp | grep -F 'circleci-agent') ]] || pnpm run tc release
+
 workflows:
-  build-and-deploy:
+  build:
     jobs:
       - build:
           context:
-            - github-release
             - npm-release
+            - github-release

.circleci/config.yml

@@ -0,0 +1,7 @@
+/* eslint-env node, es2018 */
+module.exports = {
+  extends: [require.resolve('@jcoreio/toolchain/eslint.config.cjs')],
+  env: {
+    es2017: true,
+  },
+}

.eslintrc

@@ -7,6 +7,8 @@
 <PROJECT_ROOT>/node_modules/fbjs/.*
 <PROJECT_ROOT>/node_modules/.*/config-chain/.*
 <PROJECT_ROOT>/node_modules/.*/resolve/.*
+<PROJECT_ROOT>/dist/.*
+.*/malformed_package_json/.*
 
 [include]
 ./src

.eslintrc.cjs

@@ -1,15 +1,4 @@
-/coverage
-/.nyc_output
+/dist
+.nyc_output
 node_modules
-/lib
-/es
-.eslintcache
-*.js
-*.js.flow
-*.ts
-!/flow-typed/**/*.js
-!/src/**/*.js
-!/src/**/*.ts
-!/test/**/*.js
-!/.babelrc.js
-!/webpack.config.js
+/coverage

.flowconfig

@@ -0,0 +1,6 @@
+/* eslint-env node, es2018 */
+const base = require('@jcoreio/toolchain-mocha/.mocharc.cjs')
+module.exports = {
+  ...base,
+  require: [...base.require, require.resolve('./test/configure.js')],
+}

.gitignore

@@ -6,6 +6,7 @@
 [![npm version](https://badge.fury.io/js/react-library-skeleton.svg)](https://badge.fury.io/js/react-library-skeleton)
 
 an easier to use dynamic script loader with a [render prop](https://reactjs.org/docs/render-props.html)
+and now a React custom hook.
 
 This is useful if you want to wait to load the Google Maps API until the user
 navigates to a view that uses it. When you mount a `<ScriptLoader>` component,
@@ -17,7 +18,6 @@ prop changes, it will load that new URL.
 
 # Version notes
 
-- supports React 15 or 16
 - if building for legacy browsers with a bundler like Webpack that supports the
   `module` field of `package.json`, you will probably need to add a rule to
   transpile this package.
@@ -56,6 +56,38 @@ export const MapViewContainer = (props) => (
 
 # API
 
+## `useScript(props: Props)`
+
+```js
+import { useScript } from 'react-render-props-script-loader'
+```
+
+### `props.src` (**required** `string`)
+
+The script URL.
+
+### `props.onLoad` (`?() => any`)
+
+A callback that `ScriptLoader` will call once the script has been loaded
+
+### `props.onError` (`?(error: Error) => any`)
+
+A callback that `ScriptLoader` will call if there was an error loading the
+script
+
+### Returns
+
+A state object of the following type:
+
+```ts
+type State = {
+  loading: boolean
+  loaded: boolean
+  error: ?Error
+  promise: ?Promise<any>
+}
+```
+
 ## `ScriptLoader`
 
 ```js

.mocharc.cjs

@@ -0,0 +1,5 @@
+/* eslint-env node, es2018 */
+const base = require('@jcoreio/toolchain/githooks.cjs')
+module.exports = {
+  ...base,
+}

.npmignore

@@ -0,0 +1,5 @@
+/* eslint-env node, es2018 */
+const base = require('@jcoreio/toolchain/lint-staged.config.cjs')
+module.exports = {
+  ...base,
+}

README.md

@@ -0,0 +1,5 @@
+/* eslint-env node, es2018 */
+const base = require('@jcoreio/toolchain-mocha/nyc.config.cjs')
+module.exports = {
+  ...base,
+}