use-sync-external-store
Advanced tools
use-sync-external-store - npm Package Compare versions
Comparing version 0.0.0-experimental-a8cabb564-20210915 to 0.0.0-experimental-a960b92c-20240819
@@ -1,5 +0,6 @@ | ||
| /** @license React vundefined | ||
| /** | ||
| * @license React | ||
| * use-sync-external-store.development.js | ||
| * | ||
| * Copyright (c) Facebook, Inc. and its affiliates. | ||
| * Copyright (c) Meta Platforms, Inc. and affiliates. | ||
| * | ||
@@ -10,196 +11,18 @@ * This source code is licensed under the MIT license found in the | ||
| 'use strict'; | ||
| if (process.env.NODE_ENV !== "production") { | ||
| (function() { | ||
| 'use strict'; | ||
| var React = require('react'); | ||
| var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; | ||
| function error(format) { | ||
| { | ||
| { | ||
| for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { | ||
| args[_key2 - 1] = arguments[_key2]; | ||
| } | ||
| printWarning('error', format, args); | ||
| } | ||
| } | ||
| "use strict"; | ||
| if ("production" !== process.env.NODE_ENV) { | ||
| "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && | ||
| "function" === | ||
| typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart && | ||
| __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error()); | ||
| var useSyncExternalStore$jscomp$inline_1 = | ||
| require("react").useSyncExternalStore; | ||
| console.error( | ||
| "The main 'use-sync-external-store' entry point is not supported; all it does is re-export useSyncExternalStore from the 'react' package, so it only works with React 18+.\n\nIf you wish to support React 16 and 17, import from 'use-sync-external-store/shim' instead. It will fall back to a shimmed implementation when the native one is not available.\n\nIf you only support React 18+, you can import directly from 'react'." | ||
| ); | ||
| exports.useSyncExternalStore = useSyncExternalStore$jscomp$inline_1; | ||
| "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ && | ||
| "function" === | ||
| typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop && | ||
| __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error()); | ||
| } | ||
| function printWarning(level, format, args) { | ||
| // When changing this logic, you might want to also | ||
| // update consoleWithStackDev.www.js as well. | ||
| { | ||
| var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame; | ||
| var stack = ReactDebugCurrentFrame.getStackAddendum(); | ||
| if (stack !== '') { | ||
| format += '%s'; | ||
| args = args.concat([stack]); | ||
| } | ||
| var argsWithFormat = args.map(function (item) { | ||
| return '' + item; | ||
| }); // Careful: RN currently depends on this prefix | ||
| argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it | ||
| // breaks IE9: https://github.com/facebook/react/issues/13610 | ||
| // eslint-disable-next-line react-internal/no-production-logging | ||
| Function.prototype.apply.call(console[level], console, argsWithFormat); | ||
| } | ||
| } | ||
| /** | ||
| * inlined Object.is polyfill to avoid requiring consumers ship their own | ||
| * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is | ||
| */ | ||
| function is(x, y) { | ||
| return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare | ||
| ; | ||
| } | ||
| var objectIs = typeof Object.is === 'function' ? Object.is : is; | ||
| // dispatch for CommonJS interop named imports. | ||
| var useState = React.useState, | ||
| useEffect = React.useEffect, | ||
| useLayoutEffect = React.useLayoutEffect, | ||
| useDebugValue = React.useDebugValue, | ||
| builtInAPI = React.unstable_useSyncExternalStore; // Prefer the built-in API, if it exists. If it doesn't exist, then we assume | ||
| // we're in version 16 or 17, so rendering is always synchronous. The shim | ||
| // does not support concurrent rendering, only the built-in API. | ||
| var useSyncExternalStore = builtInAPI !== undefined ? builtInAPI : useSyncExternalStore_shim; | ||
| var didWarnOld18Alpha = false; | ||
| var didWarnUncachedGetSnapshot = false; // Disclaimer: This shim breaks many of the rules of React, and only works | ||
| // because of a very particular set of implementation details and assumptions | ||
| // -- change any one of them and it will break. The most important assumption | ||
| // is that updates are always synchronous, because concurrent rendering is | ||
| // only available in versions of React that also have a built-in | ||
| // useSyncExternalStore API. And we only use this shim when the built-in API | ||
| // does not exist. | ||
| // | ||
| // Do not assume that the clever hacks used by this hook also work in general. | ||
| // The point of this shim is to replace the need for hacks by other libraries. | ||
| function useSyncExternalStore_shim(subscribe, getSnapshot) { | ||
| { | ||
| if (!didWarnOld18Alpha) { | ||
| if (React.startTransition !== undefined) { | ||
| didWarnOld18Alpha = true; | ||
| error('You are using an outdated, pre-release alpha of React 18 that ' + 'does not support useSyncExternalStore. The ' + 'use-sync-external-store shim will not work correctly. Upgrade ' + 'to a newer pre-release.'); | ||
| } | ||
| } | ||
| } // Read the current snapshot from the store on every render. Again, this | ||
| // breaks the rules of React, and only works here because of specific | ||
| // implementation details, most importantly that updates are | ||
| // always synchronous. | ||
| var value = getSnapshot(); | ||
| { | ||
| if (!didWarnUncachedGetSnapshot) { | ||
| if (value !== getSnapshot()) { | ||
| error('The result of getSnapshot should be cached to avoid an infinite loop'); | ||
| didWarnUncachedGetSnapshot = true; | ||
| } | ||
| } | ||
| } // Because updates are synchronous, we don't queue them. Instead we force a | ||
| // re-render whenever the subscribed state changes by updating an some | ||
| // arbitrary useState hook. Then, during render, we call getSnapshot to read | ||
| // the current value. | ||
| // | ||
| // Because we don't actually use the state returned by the useState hook, we | ||
| // can save a bit of memory by storing other stuff in that slot. | ||
| // | ||
| // To implement the early bailout, we need to track some things on a mutable | ||
| // object. Usually, we would put that in a useRef hook, but we can stash it in | ||
| // our useState hook instead. | ||
| // | ||
| // To force a re-render, we call forceUpdate({inst}). That works because the | ||
| // new object always fails an equality check. | ||
| var _useState = useState({ | ||
| inst: { | ||
| value: value, | ||
| getSnapshot: getSnapshot | ||
| } | ||
| }), | ||
| inst = _useState[0].inst, | ||
| forceUpdate = _useState[1]; // Track the latest getSnapshot function with a ref. This needs to be updated | ||
| // in the layout phase so we can access it during the tearing check that | ||
| // happens on subscribe. | ||
| // TODO: Circumvent SSR warning | ||
| useLayoutEffect(function () { | ||
| inst.value = value; | ||
| inst.getSnapshot = getSnapshot; // Whenever getSnapshot or subscribe changes, we need to check in the | ||
| // commit phase if there was an interleaved mutation. In concurrent mode | ||
| // this can happen all the time, but even in synchronous mode, an earlier | ||
| // effect may have mutated the store. | ||
| if (checkIfSnapshotChanged(inst)) { | ||
| // Force a re-render. | ||
| forceUpdate({ | ||
| inst: inst | ||
| }); | ||
| } | ||
| }, [subscribe, value, getSnapshot]); | ||
| useEffect(function () { | ||
| // Check for changes right before subscribing. Subsequent changes will be | ||
| // detected in the subscription handler. | ||
| if (checkIfSnapshotChanged(inst)) { | ||
| // Force a re-render. | ||
| forceUpdate({ | ||
| inst: inst | ||
| }); | ||
| } | ||
| var handleStoreChange = function () { | ||
| // TODO: Because there is no cross-renderer API for batching updates, it's | ||
| // up to the consumer of this library to wrap their subscription event | ||
| // with unstable_batchedUpdates. Should we try to detect when this isn't | ||
| // the case and print a warning in development? | ||
| // The store changed. Check if the snapshot changed since the last time we | ||
| // read from the store. | ||
| if (checkIfSnapshotChanged(inst)) { | ||
| // Force a re-render. | ||
| forceUpdate({ | ||
| inst: inst | ||
| }); | ||
| } | ||
| }; // Subscribe to the store and return a clean-up function. | ||
| return subscribe(handleStoreChange); | ||
| }, [subscribe]); | ||
| useDebugValue(value); | ||
| return value; | ||
| } | ||
| function checkIfSnapshotChanged(inst) { | ||
| var latestGetSnapshot = inst.getSnapshot; | ||
| var prevValue = inst.value; | ||
| try { | ||
| var nextValue = latestGetSnapshot(); | ||
| return !objectIs(prevValue, nextValue); | ||
| } catch (error) { | ||
| return true; | ||
| } | ||
| } | ||
| exports.useSyncExternalStore = useSyncExternalStore; | ||
| })(); | ||
| } |
| 'use strict'; | ||
| if (process.env.NODE_ENV === 'production') { | ||
| module.exports = require('./cjs/use-sync-external-store.production.min.js'); | ||
| module.exports = require('./cjs/use-sync-external-store.production.js'); | ||
| } else { | ||
| module.exports = require('./cjs/use-sync-external-store.development.js'); | ||
| } |
| { | ||
| "name": "use-sync-external-store", | ||
| "description": "Backwards compatible shim for React's useSyncExternalStore. Works with any React that supports hooks.", | ||
| "version": "0.0.0-experimental-a8cabb564-20210915", | ||
| "version": "0.0.0-experimental-a960b92c-20240819", | ||
| "repository": { | ||
@@ -13,5 +13,7 @@ "type": "git", | ||
| "README.md", | ||
| "build-info.json", | ||
| "index.js", | ||
| "extra.js", | ||
| "index.native.js", | ||
| "with-selector.js", | ||
| "with-selector.native.js", | ||
| "shim/", | ||
| "cjs/" | ||
@@ -21,4 +23,8 @@ ], | ||
| "peerDependencies": { | ||
| "react": "0.0.0-experimental-a8cabb564-20210915" | ||
| "react": "0.0.0-experimental-a960b92c-20240819" | ||
| }, | ||
| "devDependencies": { | ||
| "react-17": "npm:react@^17", | ||
| "react-dom-17": "npm:react-dom@^17" | ||
| } | ||
| } |
| # use-sync-external-store | ||
| Backwards compatible shim for React's `useSyncExternalStore`. Works with any React that supports hooks. | ||
| Backwards-compatible shim for [`React.useSyncExternalStore`](https://reactjs.org/docs/hooks-reference.html#usesyncexternalstore). Works with any React that supports Hooks. | ||
| Until `useSyncExternalStore` is documented, refer to https://github.com/reactwg/react-18/discussions/86 | ||
| See also https://github.com/reactwg/react-18/discussions/86. |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 2 instances in 1 package
Improved metrics
- Total package byte prevSize
- increased by80.11%
27668
- Number of package files
- increased by100%
18
- Lines of code
- increased by139.67%
731
- Number of low quality alerts
- decreased by-50%
2
Worsened metrics
- Dev dependency count
- increased byInfinity%
2
- Number of low supply chain risk alerts
- increased by150%
10
- Number of medium supply chain risk alerts
- increased byInfinity%
1
No dependency changes