ccstate-react 5.2.1 → 5.2.3

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # ccstate-react
 
+## 5.3.0
+
+### Patch Changes
+
+- Updated dependencies [ca7a146]
+  - ccstate@5.3.0
+
 ## 5.2.0
 
 ### Minor Changes

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 e7h4n
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN EFFECT OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/experimental.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var react = require('react');
+var provider = require('./provider.cjs');
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -27,18 +28,8 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-var StoreContext = react.createContext(null);
-StoreContext.Provider;
-function useStore() {
-  var store = react.useContext(StoreContext);
-  if (!store) {
-    throw new Error('useStore must be used within a StoreProvider');
-  }
-  return store;
-}
-
 function useLoadableSet(signal) {
-  var store = useStore();
+  var store = provider.useStore();
   var resultRef = react.useRef({
     state: 'idle'
   });

package/dist/experimental.js

@@ -1,4 +1,5 @@
-import { createContext, useContext, useRef, useCallback, useSyncExternalStore } from 'react';
+import { useRef, useCallback, useSyncExternalStore } from 'react';
+import { u as useStore } from './provider.js';
 
 function _arrayLikeToArray(r, a) {
   (null == a || a > r.length) && (a = r.length);
@@ -25,16 +26,6 @@ function _unsupportedIterableToArray(r, a) {
   }
 }
 
-var StoreContext = createContext(null);
-StoreContext.Provider;
-function useStore() {
-  var store = useContext(StoreContext);
-  if (!store) {
-    throw new Error('useStore must be used within a StoreProvider');
-  }
-  return store;
-}
-
 function useLoadableSet(signal) {
   var store = useStore();
   var resultRef = useRef({

package/dist/index.cjs

@@ -1,19 +1,10 @@
 'use strict';
 
 var react = require('react');
-
-var StoreContext = react.createContext(null);
-var StoreProvider = StoreContext.Provider;
-function useStore() {
-  var store = react.useContext(StoreContext);
-  if (!store) {
-    throw new Error('useStore must be used within a StoreProvider');
-  }
-  return store;
-}
+var provider = require('./provider.cjs');
 
 function useGet(atom) {
-  var store = useStore();
+  var store = provider.useStore();
   var onChange = react.useRef(function (fn) {
     var controller = new AbortController();
     store.watch(function (get) {
@@ -32,7 +23,7 @@ function useGet(atom) {
 }
 
 function useSet(signal) {
-  var store = useStore();
+  var store = provider.useStore();
   return react.useCallback('write' in signal ? function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
@@ -47,7 +38,7 @@ function useLoadableInternal(promise$, keepLastResolved) {
   var promiseResult = react.useRef({
     state: 'loading'
   });
-  var store = useStore();
+  var store = provider.useStore();
   var subStore = react.useCallback(function (fn) {
     function updateResult(result, signal) {
       if (signal.aborted) return;
@@ -108,7 +99,7 @@ function useLastResolved(atom) {
   return loadable.state === 'hasData' ? loadable.data : undefined;
 }
 
-exports.StoreProvider = StoreProvider;
+exports.StoreProvider = provider.StoreProvider;
 exports.useGet = useGet;
 exports.useLastLoadable = useLastLoadable;
 exports.useLastResolved = useLastResolved;

package/dist/index.js

@@ -1,14 +1,6 @@
-import { createContext, useContext, useRef, useSyncExternalStore, useCallback } from 'react';
-
-var StoreContext = createContext(null);
-var StoreProvider = StoreContext.Provider;
-function useStore() {
-  var store = useContext(StoreContext);
-  if (!store) {
-    throw new Error('useStore must be used within a StoreProvider');
-  }
-  return store;
-}
+import { useRef, useSyncExternalStore, useCallback } from 'react';
+import { u as useStore } from './provider.js';
+export { S as StoreProvider } from './provider.js';
 
 function useGet(atom) {
   var store = useStore();
@@ -106,4 +98,4 @@ function useLastResolved(atom) {
   return loadable.state === 'hasData' ? loadable.data : undefined;
 }
 
-export { StoreProvider, useGet, useLastLoadable, useLastResolved, useLoadable, useResolved, useSet };
+export { useGet, useLastLoadable, useLastResolved, useLoadable, useResolved, useSet };

package/dist/provider.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var react = require('react');
+
+var StoreContext = react.createContext(null);
+var StoreProvider = StoreContext.Provider;
+function useStore() {
+  var store = react.useContext(StoreContext);
+  if (!store) {
+    throw new Error('useStore must be used within a StoreProvider');
+  }
+  return store;
+}
+
+exports.StoreProvider = StoreProvider;
+exports.useStore = useStore;

package/dist/provider.js

@@ -0,0 +1,13 @@
+import { createContext, useContext } from 'react';
+
+var StoreContext = createContext(null);
+var StoreProvider = StoreContext.Provider;
+function useStore() {
+  var store = useContext(StoreContext);
+  if (!store) {
+    throw new Error('useStore must be used within a StoreProvider');
+  }
+  return store;
+}
+
+export { StoreProvider as S, useStore as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ccstate-react",
-  "version": "5.2.1",
+  "version": "5.2.3",
   "description": "CCState React Hooks",
   "repository": {
     "type": "git",
@@ -8,10 +8,6 @@
   },
   "license": "MIT",
   "type": "module",
-  "scripts": {
-    "build": "rollup -c",
-    "prebuild": "shx rm -rf dist"
-  },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "exports": {
@@ -29,7 +25,7 @@
     "react": ">=17.0.0"
   },
   "dependencies": {
-    "ccstate": "workspace:^"
+    "ccstate": "^5.2.3"
   },
   "peerDependenciesMeta": {
     "@types/react": {
@@ -49,7 +45,6 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^18.3.1",
-    "ccstate": "workspace:^",
     "happy-dom": "^15.11.7",
     "jest-leak-detector": "^29.7.0",
     "json": "^11.0.0",
@@ -59,6 +54,11 @@
     "rollup-plugin-dts": "^6.1.1",
     "shx": "^0.3.4",
     "signal-timers": "^1.0.4",
-    "vitest": "^2.1.8"
+    "vitest": "^2.1.8",
+    "ccstate": "^5.2.3"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "prebuild": "shx rm -rf dist"
   }
-}
+}

package/rollup.config.mjs

@@ -1,5 +1,4 @@
 // @ts-check
-import * as fs from 'node:fs';
 import * as path from 'node:path';
 import { babel } from '@rollup/plugin-babel';
 import { dts } from 'rollup-plugin-dts';
@@ -16,76 +15,80 @@ function external(id) {
   return !id.startsWith('.') && !id.startsWith(projectRootDir);
 }
 
-/**
- * @param {{input:string, targetCJS:string, targetES:string}} param0
- * @returns {import('rollup').RollupOptions[]}
- */
-function generateTarget({ input, targetCJS, targetES }) {
-  return [
-    {
-      input,
-      onwarn: (warning) => {
-        throw new Error(warning?.message);
-      },
-      external,
-      plugins: [
-        nodeResolve({
-          extensions: ['.ts'],
-        }),
-        babel({
-          exclude: 'node_modules/**',
-          extensions: ['.ts'],
-          babelHelpers: 'bundled',
-          configFile: path.resolve(projectRootDir, './babel.config.json'),
-        }),
-      ],
-      output: [
-        {
-          file: targetCJS,
-          format: 'cjs',
-        },
-        {
-          file: targetES,
-          format: 'es',
-        },
-      ],
-    },
-    {
-      input,
-      onwarn: (warning) => {
-        throw new Error(warning?.message);
-      },
-      external,
-      plugins: [
-        dts({
-          respectExternal: true,
-          tsconfig: path.resolve(projectRootDir, './tsconfig.json'),
-          // https://github.com/Swatinem/rollup-plugin-dts/issues/143
-          compilerOptions: { preserveSymlinks: false },
-        }),
-      ],
-      output: [
-        {
-          file: targetCJS.replace(/\.cjs$/, '.d.cts'),
-        },
-        {
-          file: targetES.replace(/\.js$/, '.d.ts'),
-        },
-      ],
-    },
-  ];
-}
+const babelPlugin = babel({
+  exclude: 'node_modules/**',
+  extensions: ['.ts'],
+  babelHelpers: 'bundled',
+  configFile: path.resolve(projectRootDir, './babel.config.json'),
+});
 
 /** @type { Array<import('rollup').RollupOptions> } */
 export default [
-  ...generateTarget({
+  // ESM with code splitting so provider.ts is shared between index and experimental
+  {
+    input: {
+      index: './src/index.ts',
+      experimental: './src/experimental.ts',
+    },
+    onwarn: (warning) => {
+      throw new Error(warning?.message);
+    },
+    external,
+    plugins: [nodeResolve({ extensions: ['.ts'] }), babelPlugin],
+    output: {
+      dir: './dist',
+      format: 'es',
+      entryFileNames: '[name].js',
+      chunkFileNames: '[name].js',
+    },
+  },
+  // CJS with code splitting
+  {
+    input: {
+      index: './src/index.ts',
+      experimental: './src/experimental.ts',
+    },
+    onwarn: (warning) => {
+      throw new Error(warning?.message);
+    },
+    external,
+    plugins: [nodeResolve({ extensions: ['.ts'] }), babelPlugin],
+    output: {
+      dir: './dist',
+      format: 'cjs',
+      entryFileNames: '[name].cjs',
+      chunkFileNames: '[name].cjs',
+    },
+  },
+  // Type declarations
+  {
     input: './src/index.ts',
-    targetCJS: './dist/index.cjs',
-    targetES: './dist/index.js',
-  }),
-  ...generateTarget({
+    onwarn: (warning) => {
+      throw new Error(warning?.message);
+    },
+    external,
+    plugins: [
+      dts({
+        respectExternal: true,
+        tsconfig: path.resolve(projectRootDir, './tsconfig.json'),
+        compilerOptions: { preserveSymlinks: false },
+      }),
+    ],
+    output: [{ file: './dist/index.d.cts' }, { file: './dist/index.d.ts' }],
+  },
+  {
     input: './src/experimental.ts',
-    targetCJS: './dist/experimental.cjs',
-    targetES: './dist/experimental.js',
-  }),
+    onwarn: (warning) => {
+      throw new Error(warning?.message);
+    },
+    external,
+    plugins: [
+      dts({
+        respectExternal: true,
+        tsconfig: path.resolve(projectRootDir, './tsconfig.json'),
+        compilerOptions: { preserveSymlinks: false },
+      }),
+    ],
+    output: [{ file: './dist/experimental.d.cts' }, { file: './dist/experimental.d.ts' }],
+  },
 ];

package/coverage/base.css

@@ -1,224 +0,0 @@
-body, html {
-  margin:0; padding: 0;
-  height: 100%;
-}
-body {
-    font-family: Helvetica Neue, Helvetica, Arial;
-    font-size: 14px;
-    color:#333;
-}
-.small { font-size: 12px; }
-*, *:after, *:before {
-  -webkit-box-sizing:border-box;
-     -moz-box-sizing:border-box;
-          box-sizing:border-box;
-  }
-h1 { font-size: 20px; margin: 0;}
-h2 { font-size: 14px; }
-pre {
-    font: 12px/1.4 Consolas, "Liberation Mono", Menlo, Courier, monospace;
-    margin: 0;
-    padding: 0;
-    -moz-tab-size: 2;
-    -o-tab-size:  2;
-    tab-size: 2;
-}
-a { color:#0074D9; text-decoration:none; }
-a:hover { text-decoration:underline; }
-.strong { font-weight: bold; }
-.space-top1 { padding: 10px 0 0 0; }
-.pad2y { padding: 20px 0; }
-.pad1y { padding: 10px 0; }
-.pad2x { padding: 0 20px; }
-.pad2 { padding: 20px; }
-.pad1 { padding: 10px; }
-.space-left2 { padding-left:55px; }
-.space-right2 { padding-right:20px; }
-.center { text-align:center; }
-.clearfix { display:block; }
-.clearfix:after {
-  content:'';
-  display:block;
-  height:0;
-  clear:both;
-  visibility:hidden;
-  }
-.fl { float: left; }
-@media only screen and (max-width:640px) {
-  .col3 { width:100%; max-width:100%; }
-  .hide-mobile { display:none!important; }
-}
-
-.quiet {
-  color: #7f7f7f;
-  color: rgba(0,0,0,0.5);
-}
-.quiet a { opacity: 0.7; }
-
-.fraction {
-  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-  font-size: 10px;
-  color: #555;
-  background: #E8E8E8;
-  padding: 4px 5px;
-  border-radius: 3px;
-  vertical-align: middle;
-}
-
-div.path a:link, div.path a:visited { color: #333; }
-table.coverage {
-  border-collapse: collapse;
-  margin: 10px 0 0 0;
-  padding: 0;
-}
-
-table.coverage td {
-  margin: 0;
-  padding: 0;
-  vertical-align: top;
-}
-table.coverage td.line-count {
-    text-align: right;
-    padding: 0 5px 0 20px;
-}
-table.coverage td.line-coverage {
-    text-align: right;
-    padding-right: 10px;
-    min-width:20px;
-}
-
-table.coverage td span.cline-any {
-    display: inline-block;
-    padding: 0 5px;
-    width: 100%;
-}
-.missing-if-branch {
-    display: inline-block;
-    margin-right: 5px;
-    border-radius: 3px;
-    position: relative;
-    padding: 0 4px;
-    background: #333;
-    color: yellow;
-}
-
-.skip-if-branch {
-    display: none;
-    margin-right: 10px;
-    position: relative;
-    padding: 0 4px;
-    background: #ccc;
-    color: white;
-}
-.missing-if-branch .typ, .skip-if-branch .typ {
-    color: inherit !important;
-}
-.coverage-summary {
-  border-collapse: collapse;
-  width: 100%;
-}
-.coverage-summary tr { border-bottom: 1px solid #bbb; }
-.keyline-all { border: 1px solid #ddd; }
-.coverage-summary td, .coverage-summary th { padding: 10px; }
-.coverage-summary tbody { border: 1px solid #bbb; }
-.coverage-summary td { border-right: 1px solid #bbb; }
-.coverage-summary td:last-child { border-right: none; }
-.coverage-summary th {
-  text-align: left;
-  font-weight: normal;
-  white-space: nowrap;
-}
-.coverage-summary th.file { border-right: none !important; }
-.coverage-summary th.pct { }
-.coverage-summary th.pic,
-.coverage-summary th.abs,
-.coverage-summary td.pct,
-.coverage-summary td.abs { text-align: right; }
-.coverage-summary td.file { white-space: nowrap;  }
-.coverage-summary td.pic { min-width: 120px !important;  }
-.coverage-summary tfoot td { }
-
-.coverage-summary .sorter {
-    height: 10px;
-    width: 7px;
-    display: inline-block;
-    margin-left: 0.5em;
-    background: url(sort-arrow-sprite.png) no-repeat scroll 0 0 transparent;
-}
-.coverage-summary .sorted .sorter {
-    background-position: 0 -20px;
-}
-.coverage-summary .sorted-desc .sorter {
-    background-position: 0 -10px;
-}
-.status-line {  height: 10px; }
-/* yellow */
-.cbranch-no { background: yellow !important; color: #111; }
-/* dark red */
-.red.solid, .status-line.low, .low .cover-fill { background:#C21F39 }
-.low .chart { border:1px solid #C21F39 }
-.highlighted,
-.highlighted .cstat-no, .highlighted .fstat-no, .highlighted .cbranch-no{
-  background: #C21F39 !important;
-}
-/* medium red */
-.cstat-no, .fstat-no, .cbranch-no, .cbranch-no { background:#F6C6CE }
-/* light red */
-.low, .cline-no { background:#FCE1E5 }
-/* light green */
-.high, .cline-yes { background:rgb(230,245,208) }
-/* medium green */
-.cstat-yes { background:rgb(161,215,106) }
-/* dark green */
-.status-line.high, .high .cover-fill { background:rgb(77,146,33) }
-.high .chart { border:1px solid rgb(77,146,33) }
-/* dark yellow (gold) */
-.status-line.medium, .medium .cover-fill { background: #f9cd0b; }
-.medium .chart { border:1px solid #f9cd0b; }
-/* light yellow */
-.medium { background: #fff4c2; }
-
-.cstat-skip { background: #ddd; color: #111; }
-.fstat-skip { background: #ddd; color: #111 !important; }
-.cbranch-skip { background: #ddd !important; color: #111; }
-
-span.cline-neutral { background: #eaeaea; }
-
-.coverage-summary td.empty {
-    opacity: .5;
-    padding-top: 4px;
-    padding-bottom: 4px;
-    line-height: 1;
-    color: #888;
-}
-
-.cover-fill, .cover-empty {
-  display:inline-block;
-  height: 12px;
-}
-.chart {
-  line-height: 0;
-}
-.cover-empty {
-    background: white;
-}
-.cover-full {
-    border-right: none !important;
-}
-pre.prettyprint {
-    border: none !important;
-    padding: 0 !important;
-    margin: 0 !important;
-}
-.com { color: #999 !important; }
-.ignore-none { color: #999; font-weight: normal; }
-
-.wrapper {
-  min-height: 100%;
-  height: auto !important;
-  height: 100%;
-  margin: 0 auto -48px;
-}
-.footer, .push {
-  height: 48px;
-}