GitGlimpse / processed_docs /pr_data_0_doc_37.txt
NathanAW24
add for streamlit_cot
fd27bb4
Pull Request Number: 4222
Title: fix(pagination): cursor position when hidden on init
Base Branch: canary
Head Branch: fix/pagination-cursor-hidden-position
Author: Peterl561
URL: https://github.com/nextui-org/nextui/pull/4222
State: MERGED
Created At: 2024-12-04T14:02:49Z
Merged At: 2024-12-04T22:28:03Z
Participants: Peterl561, jrgarciadev, wingkwong
Description:
Closes #3151
Alternative to #3346
πŸ“ Description
when Pagination first loads, if it is not visible, offset of the initial page node will be 0
if animation is enabled, this causes the cursor to jump to 0, which blocks the left control button if it is enabled
to rectify this, do not show cursor until Pagination component is visible in the DOM
this effect can be achieved with IntersectionObserver
⛳️ Current behavior (updates)
before.mp4
πŸš€ New behavior
after.mp4
πŸ’£ Is this a breaking change (Yes/No):
No
πŸ“ Additional Information
initial page still doesn't work for asynchronously loaded page totals
should be addressed as a separate fix, probably some sort of loading state or something
Summary by CodeRabbit
New Features
Improved pagination cursor positioning on initial render for better navigation.
Added visibility detection for pagination components to enhance scrolling behavior.
Bug Fixes
Addressed cursor positioning issue when the pagination component is first loaded.
Tests
Introduced a new test case to ensure correct behavior of the pagination cursor with respect to visibility.
Chores
Updated dependencies to include @nextui-org/use-intersection-observer.
Commits:
- fix(pagination): cusor position when hidden on init\n- test(pagination): cursor intersection observer\n- chore(changeset): pagination cursor position fix\n- refactor(pagination): minor nitpicks
- check for null ref in usePagination
- restore original IntersectionObserver in test\n
Labels:
Comments:
- changeset-bot: ### πŸ¦‹ Changeset detected
Latest commit: 701b2ca41e3dcc86767848163fb2f6284afe958c
**The changes in this PR will be included in the next version bump.**
<details><summary>This PR includes changesets to release 2 packages</summary>
| Name | Type |
| ---------------------- | ----- |
| @nextui-org/pagination | Patch |
| @nextui-org/react | Patch |
</details>
Not sure what this means? [Click here to learn what changesets are](https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md).
[Click here if you're a maintainer who wants to add another changeset to this PR](https://github.com/Peterl561/nextui/new/fix/pagination-cursor-hidden-position?filename=.changeset/warm-gorillas-flow.md&value=---%0A%22%40nextui-org%2Fpagination%22%3A%20patch%0A---%0A%0Afix(pagination)%3A%20cursor%20position%20when%20hidden%20on%20init%0A)
\n- vercel: @Peterl561 is attempting to deploy a commit to the **NextUI Inc** Team on [Vercel](https://vercel.com).
A member of the Team first needs to [authorize it](https://vercel.com/git/authorize?team=NextUI%20Inc&type=github&job=%7B%22headInfo%22%3A%7B%22sha%22%3A%227348ade8a7171b5b7ce5125e54a3d7c923f59e65%22%7D%2C%22id%22%3A%22QmThLGgWJjRg4rqvZkqhTqtfYhQFZ3yPMHEtdk6UgLcdcb%22%2C%22org%22%3A%22nextui-org%22%2C%22prId%22%3A4222%2C%22repo%22%3A%22nextui%22%7D).
\n- coderabbitai: <!-- This is an auto-generated comment: summarize by coderabbit.ai -->
<!-- walkthrough_start -->
## Walkthrough
This pull request introduces a patch for the `@nextui-org/pagination` package to address an issue with the cursor position on the first load of the pagination component. It includes updates to the `use-pagination.ts` file to incorporate visibility detection using the `@nextui-org/use-intersection-observer` dependency. Additionally, a new test case is added to ensure the correct behavior of the pagination cursor in relation to the Intersection Observer API.
## Changes
| File Path | Change Summary |
|-------------------------------------------------|-------------------------------------------------------------------------------------------------|
| .changeset/tidy-parents-cheat.md | Introduced a patch for the `@nextui-org/pagination` package to fix cursor position on load. |
| packages/components/pagination/__tests__/pagination.test.tsx | Added a test for the `Pagination` component to check the `data-moving` attribute behavior. |
| packages/components/pagination/package.json | Added new dependency: `@nextui-org/use-intersection-observer` with version `workspace:*`. |
| packages/components/pagination/src/use-pagination.ts | Updated `use-pagination.ts` to include visibility detection and modified scrolling logic. |
## Assessment against linked issues
| Objective | Addressed | Explanation |
|----------------------------------------------------------------------------|-----------|-------------------------------------------|
| Fix the pagination left arrow issue on the first load (#3151) | βœ… | |
## Possibly related PRs
- **#3144**: This PR addresses animation issues in the `@nextui-org/pagination` package, which is directly related to the pagination functionality being modified in the main PR.
- **#4168**: This PR fixes the missing `<li>` wrapper in the `PaginationItem` component when the `href` prop is used, which is relevant to the changes made in the main PR regarding the pagination component.
- **#4207**: This PR focuses on fixing ref handling in collection-based components, including pagination, which aligns with the changes made in the main PR regarding the pagination component's functionality.
## Suggested labels
`πŸ› Type: Bug`
## Suggested reviewers
- wingkwong
- jrgarciadev
<!-- walkthrough_end -->
<!-- internal state start -->
<!-- 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 -->
<!-- internal state end -->
<!-- tips_start -->
---
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
<details>
<summary>❀️ Share</summary>
- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai)
- [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai)
- [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai)
- [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)
</details>
<details>
<summary>πŸͺ§ Tips</summary>
### Chat
There are 3 ways to chat with [CodeRabbit](https://coderabbit.ai):
- Review comments: Directly reply to a review comment made by CodeRabbit. Example:
- `I pushed a fix in commit <commit_id>, please review it.`
- `Generate unit testing code for this file.`
- `Open a follow-up GitHub issue for this discussion.`
- Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples:
- `@coderabbitai generate unit testing code for this file.`
- `@coderabbitai modularize this function.`
- PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples:
- `@coderabbitai gather interesting stats about this repository and render them as a table. Additionally, render a pie chart showing the language distribution in the codebase.`
- `@coderabbitai read src/utils.ts and generate unit testing code.`
- `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.`
- `@coderabbitai help me debug CodeRabbit configuration file.`
Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments.
### CodeRabbit Commands (Invoked using PR comments)
- `@coderabbitai pause` to pause the reviews on a PR.
- `@coderabbitai resume` to resume the paused reviews.
- `@coderabbitai review` to trigger an incremental review. This is useful when automatic reviews are disabled for the repository.
- `@coderabbitai full review` to do a full review from scratch and review all the files again.
- `@coderabbitai summary` to regenerate the summary of the PR.
- `@coderabbitai resolve` resolve all the CodeRabbit review comments.
- `@coderabbitai configuration` to show the current CodeRabbit configuration for the repository.
- `@coderabbitai help` to get help.
### Other keywords and placeholders
- Add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed.
- Add `@coderabbitai summary` to generate the high-level summary at a specific location in the PR description.
- Add `@coderabbitai` anywhere in the PR title to generate the title automatically.
### Documentation and Community
- Visit our [Documentation](https://docs.coderabbit.ai) for detailed information on how to use CodeRabbit.
- Join our [Discord Community](http://discord.gg/coderabbit) to get help, request features, and share feedback.
- Follow us on [X/Twitter](https://twitter.com/coderabbitai) for updates and announcements.
</details>
<!-- tips_end -->\n- vercel: [vc]: #5hcj3e/M3nYmRyy+VZKm1cJmhA/Rv39K1CGJigAAv+s=:eyJpc01vbm9yZXBvIjp0cnVlLCJ0eXBlIjoiZ2l0aHViIiwicHJvamVjdHMiOlt7Im5hbWUiOiJuZXh0dWktZG9jcy12MiIsInJvb3REaXJlY3RvcnkiOiJhcHBzL2RvY3MiLCJpbnNwZWN0b3JVcmwiOiJodHRwczovL3ZlcmNlbC5jb20vbmV4dHVpLW9yZy9uZXh0dWktZG9jcy12Mi9Id3JwcUJhVkh2RkhRaTJpc0NtdWNFRnZ1RFpOIiwicHJldmlld1VybCI6Im5leHR1aS1kb2NzLXYyLWdpdC1mb3JrLXBldGVybDU2MS1maXgtcGFnaW5hdC02MmRjZTYtbmV4dHVpLW9yZy52ZXJjZWwuYXBwIiwibmV4dENvbW1pdFN0YXR1cyI6IkRFUExPWUVEIiwibGl2ZUZlZWRiYWNrIjp7InJlc29sdmVkIjowLCJ1bnJlc29sdmVkIjowLCJ0b3RhbCI6MCwibGluayI6Im5leHR1aS1kb2NzLXYyLWdpdC1mb3JrLXBldGVybDU2MS1maXgtcGFnaW5hdC02MmRjZTYtbmV4dHVpLW9yZy52ZXJjZWwuYXBwIn19XX0=
**The latest updates on your projects**. Learn more about [Vercel for Git β†—οΈŽ](https://vercel.link/github-learn-more)
| Name | Status | Preview | Comments | Updated (UTC) |
| :--- | :----- | :------ | :------- | :------ |
| **nextui-docs-v2** | βœ… Ready ([Inspect](https://vercel.com/nextui-org/nextui-docs-v2/HwrpqBaVHvFHQi2isCmucEFvuDZN)) | [Visit Preview](https://nextui-docs-v2-git-fork-peterl561-fix-paginat-62dce6-nextui-org.vercel.app) | πŸ’¬ [**Add feedback**](https://vercel.live/open-feedback/nextui-docs-v2-git-fork-peterl561-fix-paginat-62dce6-nextui-org.vercel.app?via=pr-comment-feedback-link) | Dec 4, 2024 10:27pm |
\n
Files Changed:
- .changeset/tidy-parents-cheat.md (added, 5 changes)\n Patch: @@ -0,0 +1,5 @@
+---
+"@nextui-org/pagination": patch
+---
+
+fix pagination cursor position on first load\n- packages/components/pagination/__tests__/pagination.test.tsx (modified, 74 changes)\n Patch: @@ -79,4 +79,78 @@ describe("Pagination", () => {
expect(cursor).toHaveAttribute("aria-hidden", "true");
});
+
+ it("the pagination cursor should not have data-moving attribute before intersection", () => {
+ const originalIntersectionObserver = window.IntersectionObserver;
+
+ // save callback and options to later emulate intersection event
+ let intersectCallback: IntersectionObserverCallback | undefined;
+ let intersectOptions: IntersectionObserverInit | undefined;
+
+ // defined here as we need the closure
+ class MockIntersectionObserver implements IntersectionObserver {
+ root: Element | null = null;
+ rootMargin: string = "";
+ thresholds: number[] = [];
+ disconnect: () => void = () => {};
+ observe: (target: Element) => void = () => {};
+ unobserve: (target: Element) => void = () => {};
+ takeRecords: () => IntersectionObserverEntry[] = () => [];
+
+ constructor(
+ private readonly callback: IntersectionObserverCallback,
+ private readonly options?: IntersectionObserverInit,
+ ) {
+ this.root = (this.options?.root ?? null) as Element | null;
+ this.rootMargin = this.options?.rootMargin ?? "";
+ this.thresholds = Array.isArray(this.options?.threshold)
+ ? this.options.threshold
+ : this.options?.threshold != null
+ ? [this.options.threshold]
+ : [0];
+ this.disconnect = jest.fn();
+ this.observe = jest.fn();
+ this.unobserve = jest.fn();
+ this.takeRecords = jest.fn();
+
+ // save to closure
+ intersectCallback = this.callback;
+ intersectOptions = this.options;
+ }
+ }
+
+ // hijack the IntersectionObserver implementation so useIntersectionObserver returns our mock
+ window.IntersectionObserver = MockIntersectionObserver;
+
+ const {container, rerender} = render(<Pagination total={10} />);
+
+ const cursor = container.querySelector("span[data-slot='cursor']");
+
+ // on first render, the cursor should not have the data-moving attribute until the observer is triggered
+ expect(cursor).not.toHaveAttribute("data-moving");
+
+ // trigger the observer with a full intersection
+ intersectCallback?.(
+ [
+ {
+ isIntersecting: true,
+ intersectionRatio: 1,
+ target: container,
+ boundingClientRect: {} as DOMRectReadOnly,
+ intersectionRect: {} as DOMRectReadOnly,
+ rootBounds: {} as DOMRectReadOnly,
+ time: 0,
+ },
+ ],
+ new MockIntersectionObserver(intersectCallback, intersectOptions),
+ );
+
+ // rerender the component to update cursor state after intersection
+ rerender(<Pagination total={10} />);
+
+ // on rerender, the cursor should have the data-moving attribute
+ expect(cursor).toHaveAttribute("data-moving");
+
+ window.IntersectionObserver = originalIntersectionObserver;
+ });
});\n- packages/components/pagination/package.json (modified, 1 changes)\n Patch: @@ -43,6 +43,7 @@
"@nextui-org/shared-utils": "workspace:*",
"@nextui-org/react-utils": "workspace:*",
"@nextui-org/shared-icons": "workspace:*",
+ "@nextui-org/use-intersection-observer": "workspace:*",
"@nextui-org/use-pagination": "workspace:*",
"@react-aria/focus": "3.18.4",
"@react-aria/i18n": "3.12.3",\n- packages/components/pagination/src/use-pagination.ts (modified, 15 changes)\n Patch: @@ -17,6 +17,7 @@ import {pagination} from "@nextui-org/theme";
import {useDOMRef} from "@nextui-org/react-utils";
import {clsx, dataAttr} from "@nextui-org/shared-utils";
import {PressEvent} from "@react-types/shared";
+import {useIntersectionObserver} from "@nextui-org/use-intersection-observer";
export type PaginationItemRenderProps = {
/**
@@ -278,17 +279,29 @@ export function usePagination(originalProps: UsePaginationProps) {
onChange,
});
+ // check if the pagination component is visible
+ const [setRef, isVisible] = useIntersectionObserver();
+
+ useEffect(() => {
+ if (domRef.current) {
+ setRef(domRef.current);
+ }
+ }, [domRef.current]);
+
const activePageRef = useRef(activePage);
useEffect(() => {
- if (activePage && !disableAnimation) {
+ // when the pagination component is invisible, scroll offset will be wrong
+ // thus, only scroll to the active page if the pagination component is visible
+ if (activePage && !disableAnimation && isVisible) {
scrollTo(activePage, activePage === activePageRef.current);
}
activePageRef.current = activePage;
}, [
activePage,
disableAnimation,
disableCursorAnimation,
+ isVisible,
originalProps.dotsJump,
originalProps.isCompact,
originalProps.showControls,\n- pnpm-lock.yaml (modified, 212 changes)\n Patch: @@ -123,16 +123,16 @@ importers:
version: 7.32.0
eslint-config-airbnb:
specifier: ^18.2.1
- version: 18.2.1([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])
+ version: 18.2.1([email protected])([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])
eslint-config-airbnb-typescript:
specifier: ^12.3.1
- version: 12.3.1([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])([email protected])
+ version: 12.3.1([email protected])([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])([email protected])
eslint-config-prettier:
specifier: ^8.2.0
version: 8.10.0([email protected])
eslint-config-react-app:
specifier: ^6.0.0
- version: 6.0.0(@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected](@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])([email protected])
+ version: 6.0.0(@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])([email protected](@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])([email protected])
eslint-config-ts-lambdas:
specifier: ^1.2.3
version: 1.2.3(@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])
@@ -141,10 +141,10 @@ importers:
version: 2.7.1([email protected])([email protected])
eslint-loader:
specifier: ^4.0.2
- version: 4.0.2([email protected])([email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected]))
+ version: 4.0.2([email protected])([email protected])
eslint-plugin-import:
specifier: ^2.26.0
- version: 2.31.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])
+ version: 2.31.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected]([email protected])([email protected]))([email protected])
eslint-plugin-jest:
specifier: ^24.7.0
version: 24.7.0(@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected])([email protected])
@@ -195,13 +195,13 @@ importers:
version: 10.7.7
jest:
specifier: ^29.7.0
- version: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
+ version: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
jest-environment-jsdom:
specifier: ^29.7.0
version: 29.7.0
jest-watch-typeahead:
specifier: 2.2.2
- version: 2.2.2([email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])))
+ version: 2.2.2([email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])))
lint-staged:
specifier: ^13.0.3
version: 13.3.0([email protected])
@@ -517,7 +517,7 @@ importers:
devDependencies:
'@docusaurus/utils':
specifier: 2.0.0-beta.3
- version: 2.0.0-beta.3(@swc/[email protected](@swc/[email protected]))([email protected])([email protected]([email protected]))
+ version: 2.0.0-beta.3(@swc/[email protected](@swc/[email protected]))([email protected])([email protected])
'@next/bundle-analyzer':
specifier: ^13.4.6
version: 13.5.7
@@ -2195,6 +2195,9 @@ importers:
'@nextui-org/shared-utils':
specifier: workspace:*
version: link:../../utilities/shared-utils
+ '@nextui-org/use-intersection-observer':
+ specifier: workspace:*
+ version: link:../../hooks/use-intersection-observer
'@nextui-org/use-pagination':
specifier: workspace:*
version: link:../../hooks/use-pagination
@@ -3309,7 +3312,7 @@ importers:
version: 18.3.1
tailwind-variants:
specifier: ^0.1.20
- version: 0.1.20([email protected]([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])))
+ version: 0.1.20([email protected]([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])))
packages/core/theme:
dependencies:
@@ -3336,7 +3339,7 @@ importers:
version: 2.5.4
tailwind-variants:
specifier: ^0.1.20
- version: 0.1.20([email protected]([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])))
+ version: 0.1.20([email protected]([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])))
devDependencies:
'@types/color':
specifier: ^3.0.3
@@ -3349,7 +3352,7 @@ importers:
version: 2.2.0
tailwindcss:
specifier: ^3.4.0
- version: 3.4.15([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
+ version: 3.4.15([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
packages/hooks/use-aria-accordion:
dependencies:
@@ -16289,7 +16292,7 @@ snapshots:
lodash.merge: 4.6.2
lodash.uniq: 4.5.0
resolve-from: 5.0.0
- ts-node: 10.9.2(@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])
+ ts-node: 10.9.2(@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])
typescript: 4.9.5
transitivePeerDependencies:
- '@swc/core'
@@ -16443,22 +16446,22 @@ snapshots:
'@discoveryjs/[email protected]': {}
- '@docusaurus/[email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected]([email protected]))':
+ '@docusaurus/[email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected])':
dependencies:
commander: 5.1.0
joi: 17.13.3
querystring: 0.2.0
- webpack: 5.96.1(@swc/[email protected](@swc/[email protected]))([email protected])([email protected]([email protected]))
+ webpack: 5.96.1(@swc/[email protected](@swc/[email protected]))([email protected])([email protected])
webpack-merge: 5.10.0
transitivePeerDependencies:
- '@swc/core'
- esbuild
- uglify-js
- webpack-cli
- '@docusaurus/[email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected]([email protected]))':
+ '@docusaurus/[email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected])':
dependencies:
- '@docusaurus/types': 2.0.0-beta.3(@swc/[email protected](@swc/[email protected]))([email protected])([email protected]([email protected]))
+ '@docusaurus/types': 2.0.0-beta.3(@swc/[email protected](@swc/[email protected]))([email protected])([email protected])
'@types/github-slugger': 1.3.0
chalk: 4.1.2
escape-string-regexp: 4.0.0
@@ -16786,7 +16789,7 @@ snapshots:
jest-util: 29.7.0
slash: 3.0.0
- '@jest/[email protected]([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))':
+ '@jest/[email protected]([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))':
dependencies:
'@jest/console': 29.7.0
'@jest/reporters': 29.7.0
@@ -16800,7 +16803,7 @@ snapshots:
exit: 0.1.2
graceful-fs: 4.2.11
jest-changed-files: 29.7.0
- jest-config: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
+ jest-config: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
jest-haste-map: 29.7.0
jest-message-util: 29.7.0
jest-regex-util: 29.6.3
@@ -21252,7 +21255,7 @@ snapshots:
dependencies:
'@types/node': 20.5.1
cosmiconfig: 8.3.6([email protected])
- ts-node: 10.9.2(@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])
+ ts-node: 10.9.2(@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])
typescript: 4.9.5
[email protected]([email protected]):
@@ -21273,13 +21276,13 @@ snapshots:
optionalDependencies:
typescript: 4.9.5
- [email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
+ [email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
dependencies:
'@jest/types': 29.6.3
chalk: 4.1.2
exit: 0.1.2
graceful-fs: 4.2.11
- jest-config: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
+ jest-config: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
jest-util: 29.7.0
prompts: 2.4.2
transitivePeerDependencies:
@@ -21962,19 +21965,19 @@ snapshots:
optionalDependencies:
source-map: 0.6.1
- [email protected]([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected]):
+ [email protected]([email protected])([email protected]):
dependencies:
confusing-browser-globals: 1.0.11
eslint: 7.32.0
- eslint-plugin-import: 2.31.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])
+ eslint-plugin-import: 2.31.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected]([email protected])([email protected]))([email protected])
object.assign: 4.1.5
object.entries: 1.1.8
- [email protected]([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])([email protected]):
+ [email protected]([email protected])([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])([email protected]):
dependencies:
'@typescript-eslint/parser': 4.33.0([email protected])([email protected])
- eslint-config-airbnb: 18.2.1([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])
- eslint-config-airbnb-base: 14.2.1([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected])
+ eslint-config-airbnb: 18.2.1([email protected])([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])
+ eslint-config-airbnb-base: 14.2.1([email protected])([email protected])
transitivePeerDependencies:
- eslint
- eslint-plugin-import
@@ -21984,11 +21987,11 @@ snapshots:
- supports-color
- typescript
- [email protected]([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected]):
+ [email protected]([email protected])([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected]):
dependencies:
eslint: 7.32.0
- eslint-config-airbnb-base: 14.2.1([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected])
- eslint-plugin-import: 2.31.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])
+ eslint-config-airbnb-base: 14.2.1([email protected])([email protected])
+ eslint-plugin-import: 2.31.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected]([email protected])([email protected]))([email protected])
eslint-plugin-jsx-a11y: 6.10.2([email protected])
eslint-plugin-react: 7.37.2([email protected])
eslint-plugin-react-hooks: 4.6.2([email protected])
@@ -22002,7 +22005,7 @@ snapshots:
'@typescript-eslint/parser': 5.62.0([email protected])([email protected])
eslint: 7.32.0
eslint-import-resolver-node: 0.3.9
- eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])([email protected])
+ eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])([email protected])
eslint-plugin-import: 2.31.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected]([email protected])([email protected]))([email protected])
eslint-plugin-jsx-a11y: 6.10.2([email protected])
eslint-plugin-react: 7.37.2([email protected])
@@ -22018,15 +22021,15 @@ snapshots:
dependencies:
eslint: 7.32.0
- [email protected](@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected](@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])([email protected]):
+ [email protected](@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])([email protected](@typescript-eslint/[email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]))([email protected])([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected]([email protected]))([email protected])([email protected]):
dependencies:
'@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])
'@typescript-eslint/parser': 5.62.0([email protected])([email protected])
babel-eslint: 10.1.0([email protected])
confusing-browser-globals: 1.0.11
eslint: 7.32.0
eslint-plugin-flowtype: 5.10.0([email protected])
- eslint-plugin-import: 2.31.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])
+ eslint-plugin-import: 2.31.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected]([email protected])([email protected]))([email protected])
eslint-plugin-jsx-a11y: 6.10.2([email protected])
eslint-plugin-react: 7.37.2([email protected])
eslint-plugin-react-hooks: 4.6.2([email protected])
@@ -22053,21 +22056,21 @@ snapshots:
dependencies:
debug: 4.3.7
eslint: 7.32.0
- eslint-plugin-import: 2.31.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])
+ eslint-plugin-import: 2.31.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected]([email protected])([email protected]))([email protected])
glob: 7.2.3
is-glob: 4.0.3
resolve: 1.22.8
tsconfig-paths: 3.15.0
transitivePeerDependencies:
- supports-color
- [email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])([email protected]):
+ [email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])([email protected]):
dependencies:
'@nolyfill/is-core-module': 1.0.39
debug: 4.3.7
enhanced-resolve: 5.17.1
eslint: 7.32.0
- eslint-module-utils: 2.12.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])([email protected]))([email protected])
+ eslint-module-utils: 2.12.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])([email protected])
fast-glob: 3.3.2
get-tsconfig: 4.8.1
is-bun-module: 1.2.1
@@ -22080,7 +22083,7 @@ snapshots:
- eslint-import-resolver-webpack
- supports-color
- [email protected]([email protected])([email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected])):
+ [email protected]([email protected])([email protected]):
dependencies:
eslint: 7.32.0
find-cache-dir: 3.3.2
@@ -22090,25 +22093,14 @@ snapshots:
schema-utils: 2.7.1
webpack: 5.96.1(@swc/[email protected](@swc/[email protected]))([email protected])([email protected])
- [email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]([email protected])([email protected]))([email protected]):
+ [email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])([email protected]):
dependencies:
debug: 3.2.7
optionalDependencies:
'@typescript-eslint/parser': 5.62.0([email protected])([email protected])
eslint: 7.32.0
eslint-import-resolver-node: 0.3.9
- eslint-import-resolver-typescript: 2.7.1([email protected])([email protected])
- transitivePeerDependencies:
- - supports-color
-
- [email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])([email protected]))([email protected]):
- dependencies:
- debug: 3.2.7
- optionalDependencies:
- '@typescript-eslint/parser': 5.62.0([email protected])([email protected])
- eslint: 7.32.0
- eslint-import-resolver-node: 0.3.9
- eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])([email protected])
+ eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])([email protected])
transitivePeerDependencies:
- supports-color
@@ -22135,36 +22127,7 @@ snapshots:
doctrine: 2.1.0
eslint: 7.32.0
eslint-import-resolver-node: 0.3.9
- eslint-module-utils: 2.12.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]([email protected])([email protected]))([email protected])
- hasown: 2.0.2
- is-core-module: 2.15.1
- is-glob: 4.0.3
- minimatch: 3.1.2
- object.fromentries: 2.0.8
- object.groupby: 1.0.3
- object.values: 1.2.0
- semver: 6.3.1
- string.prototype.trimend: 1.0.8
- tsconfig-paths: 3.15.0
- optionalDependencies:
- '@typescript-eslint/parser': 5.62.0([email protected])([email protected])
- transitivePeerDependencies:
- - eslint-import-resolver-typescript
- - eslint-import-resolver-webpack
- - supports-color
-
- [email protected](@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]):
- dependencies:
- '@rtsao/scc': 1.1.0
- array-includes: 3.1.8
- array.prototype.findlastindex: 1.2.5
- array.prototype.flat: 1.3.2
- array.prototype.flatmap: 1.3.2
- debug: 3.2.7
- doctrine: 2.1.0
- eslint: 7.32.0
- eslint-import-resolver-node: 0.3.9
- eslint-module-utils: 2.12.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected]([email protected])([email protected]))([email protected])
+ eslint-module-utils: 2.12.0(@typescript-eslint/[email protected]([email protected])([email protected]))([email protected])([email protected])([email protected])
hasown: 2.0.2
is-core-module: 2.15.1
is-glob: 4.0.3
@@ -23843,16 +23806,16 @@ snapshots:
- babel-plugin-macros
- supports-color
- [email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
+ [email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
dependencies:
- '@jest/core': 29.7.0([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
+ '@jest/core': 29.7.0([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
'@jest/test-result': 29.7.0
'@jest/types': 29.6.3
chalk: 4.1.2
- create-jest: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
+ create-jest: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
exit: 0.1.2
import-local: 3.2.0
- jest-config: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
+ jest-config: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
jest-util: 29.7.0
jest-validate: 29.7.0
yargs: 17.7.2
@@ -23862,7 +23825,7 @@ snapshots:
- supports-color
- ts-node
- [email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
+ [email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
dependencies:
'@babel/core': 7.26.0
'@jest/test-sequencer': 29.7.0
@@ -23888,7 +23851,7 @@ snapshots:
strip-json-comments: 3.1.1
optionalDependencies:
'@types/node': 15.14.9
- ts-node: 10.9.2(@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])
+ ts-node: 10.9.2(@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])
transitivePeerDependencies:
- babel-plugin-macros
- supports-color
@@ -24105,11 +24068,11 @@ snapshots:
leven: 3.1.0
pretty-format: 29.7.0
- [email protected]([email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))):
+ [email protected]([email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))):
dependencies:
ansi-escapes: 6.2.1
chalk: 5.3.0
- jest: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
+ jest: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
jest-regex-util: 29.6.3
jest-watcher: 29.7.0
slash: 5.1.0
@@ -24140,12 +24103,12 @@ snapshots:
merge-stream: 2.0.0
supports-color: 8.1.1
- [email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
+ [email protected](@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
dependencies:
- '@jest/core': 29.7.0([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
+ '@jest/core': 29.7.0([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
'@jest/types': 29.6.3
import-local: 3.2.0
- jest-cli: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
+ jest-cli: 29.7.0(@types/[email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
transitivePeerDependencies:
- '@types/node'
- babel-plugin-macros
@@ -26167,15 +26130,7 @@ snapshots:
yaml: 1.10.2
optionalDependencies:
postcss: 8.4.49
- ts-node: 10.9.2(@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])
-
- [email protected]([email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
- dependencies:
- lilconfig: 3.1.2
- yaml: 2.6.1
- optionalDependencies:
- postcss: 8.4.49
- ts-node: 10.9.2(@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])
+ ts-node: 10.9.2(@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])
[email protected]([email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
dependencies:
@@ -27728,42 +27683,15 @@ snapshots:
[email protected]: {}
- [email protected]([email protected]([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))):
- dependencies:
- tailwind-merge: 1.14.0
- tailwindcss: 3.4.15([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
-
[email protected]([email protected]([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))):
dependencies:
tailwind-merge: 1.14.0
tailwindcss: 3.4.15([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
- [email protected]([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
+ [email protected]([email protected]([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))):
dependencies:
- '@alloc/quick-lru': 5.2.0
- arg: 5.0.2
- chokidar: 3.6.0
- didyoumean: 1.2.2
- dlv: 1.1.3
- fast-glob: 3.3.2
- glob-parent: 6.0.2
- is-glob: 4.0.3
- jiti: 1.21.6
- lilconfig: 2.1.0
- micromatch: 4.0.8
- normalize-path: 3.0.0
- object-hash: 3.0.0
- picocolors: 1.1.1
- postcss: 8.4.49
- postcss-import: 15.1.0([email protected])
- postcss-js: 4.0.1([email protected])
- postcss-load-config: 4.0.2([email protected])([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
- postcss-nested: 6.2.0([email protected])
- postcss-selector-parser: 6.1.2
- resolve: 1.22.8
- sucrase: 3.35.0
- transitivePeerDependencies:
- - ts-node
+ tailwind-merge: 1.14.0
+ tailwindcss: 3.4.15([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]))
[email protected]([email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected])):
dependencies:
@@ -27867,7 +27795,7 @@ snapshots:
[email protected]: {}
- [email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected])):
+ [email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected]):
dependencies:
'@jridgewell/trace-mapping': 0.3.25
jest-worker: 27.5.1
@@ -27879,14 +27807,14 @@ snapshots:
'@swc/core': 1.9.2(@swc/[email protected])
esbuild: 0.15.18
- [email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected]([email protected]))):
+ [email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected]):
dependencies:
'@jridgewell/trace-mapping': 0.3.25
jest-worker: 27.5.1
schema-utils: 3.3.0
serialize-javascript: 6.0.2
terser: 5.36.0
- webpack: 5.96.1(@swc/[email protected](@swc/[email protected]))([email protected])([email protected]([email protected]))
+ webpack: 5.96.1(@swc/[email protected](@swc/[email protected]))([email protected])([email protected])
optionalDependencies:
'@swc/core': 1.9.2(@swc/[email protected])
esbuild: 0.21.5
@@ -28009,46 +27937,46 @@ snapshots:
[email protected]: {}
- [email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]):
+ [email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]):
dependencies:
'@cspotcode/source-map-support': 0.8.1
'@tsconfig/node10': 1.0.11
'@tsconfig/node12': 1.0.11
'@tsconfig/node14': 1.0.3
'@tsconfig/node16': 1.0.4
- '@types/node': 15.14.9
+ '@types/node': 20.2.5
acorn: 8.14.0
acorn-walk: 8.3.4
arg: 4.1.3
create-require: 1.1.1
diff: 4.0.2
make-error: 1.3.6
- typescript: 4.9.5
+ typescript: 5.6.3
v8-compile-cache-lib: 3.0.1
yn: 3.1.1
optionalDependencies:
'@swc/core': 1.9.2(@swc/[email protected])
+ optional: true
- [email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]):
+ [email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]):
dependencies:
'@cspotcode/source-map-support': 0.8.1
'@tsconfig/node10': 1.0.11
'@tsconfig/node12': 1.0.11
'@tsconfig/node14': 1.0.3
'@tsconfig/node16': 1.0.4
- '@types/node': 20.2.5
+ '@types/node': 20.5.1
acorn: 8.14.0
acorn-walk: 8.3.4
arg: 4.1.3
create-require: 1.1.1
diff: 4.0.2
make-error: 1.3.6
- typescript: 5.6.3
+ typescript: 4.9.5
v8-compile-cache-lib: 3.0.1
yn: 3.1.1
optionalDependencies:
'@swc/core': 1.9.2(@swc/[email protected])
- optional: true
[email protected](@swc/[email protected](@swc/[email protected]))(@types/[email protected])([email protected]):
dependencies:
@@ -28666,7 +28594,7 @@ snapshots:
neo-async: 2.6.2
schema-utils: 3.3.0
tapable: 2.2.1
- terser-webpack-plugin: 5.3.10(@swc/[email protected](@swc/[email protected]))([email protected])([email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected]))
+ terser-webpack-plugin: 5.3.10(@swc/[email protected](@swc/[email protected]))([email protected])([email protected])
watchpack: 2.4.2
webpack-sources: 3.2.3
optionalDependencies:
@@ -28676,7 +28604,7 @@ snapshots:
- esbuild
- uglify-js
- [email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected]([email protected])):
+ [email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected]):
dependencies:
'@types/eslint-scope': 3.7.7
'@types/estree': 1.0.6
@@ -28698,7 +28626,7 @@ snapshots:
neo-async: 2.6.2
schema-utils: 3.3.0
tapable: 2.2.1
- terser-webpack-plugin: 5.3.10(@swc/[email protected](@swc/[email protected]))([email protected])([email protected](@swc/[email protected](@swc/[email protected]))([email protected])([email protected]([email protected])))
+ terser-webpack-plugin: 5.3.10(@swc/[email protected](@swc/[email protected]))([email protected])([email protected])
watchpack: 2.4.2
webpack-sources: 3.2.3
optionalDependencies:\n