feat: replace from lr to uc #34
Conversation
WalkthroughThe project has migrated from the Changes
Sequence Diagram(s)sequenceDiagram
participant User
participant App
participant FileUploader
User->>App: Request to upload file
App->>FileUploader: Initialize uploader
FileUploader-->>App: Uploader ready
User->>FileUploader: Select file
FileUploader->>App: File selected
App->>FileUploader: Upload file
FileUploader-->>App: File upload success
App-->>User: Notify upload success
TipsChatThere are 3 ways to chat with CodeRabbit:
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 as PR comments)
Additionally, you can add CodeRabbit Configuration File (
|
examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.ts
Show resolved
Hide resolved
examples/composition/package.json
Outdated
| @@ -0,0 +1,5 @@ | |||
| { | |||
There was a problem hiding this comment.
AFAIK there is no composition example anymore, I've removed it some time ago
examples/react-uploader/src/components/FileUploader/FileUploader.tsx
Outdated
Show resolved
Hide resolved
package.json
Outdated
| @@ -6,7 +6,8 @@ | |||
| "scripts": { | |||
| "install-deps": "for dir in ./examples/*; do npm install --prefix \"${dir}\"; done", | |||
| "install-ci-deps": "for dir in ./examples/*; do npm ci --prefix \"${dir}\"; done", | |||
| "build": "for dir in ./examples/*; do npm run build --prefix \"${dir}\"; done" | |||
| "build": "for dir in ./examples/*; do npm run build --prefix \"${dir}\"; done", | |||
| "install-file-upload": "for dir in ./examples/*; do npm install @uploadcare/[email protected] --prefix \"${dir}\"; done" | |||
1. Replaced lib from @uploadcare/blocks to @uploadcare/file-uploader 2. Replaced lr- to uc- and added the prefix uc- to classes in the style
egordidenko
force-pushed
the
feat/BLOCKS-469/replace-from-lr-to-uc
branch
from
71a5114 to
aae18d2
Compare
![coderabbitai[bot]](https://avatars.githubusercontent.com/in/347564?s=60&v=4){kind=small}
There was a problem hiding this comment.
Actionable comments posted: 0
Outside diff range, codebase verification and nitpick comments (5)
examples/js-custom-tab/src/style.css (1)
1-1: The import path is incorrect.The package
@uploadcare/file-uploaderis not listed inpackage.json, and thenode_modulesdirectory does not exist, indicating that the necessary dependencies are not installed. Please add the package topackage.jsonand install the dependencies to ensure the import path is valid.
- Add
@uploadcare/file-uploadertopackage.json.- Run
npm installto install the dependencies.Analysis chain
Verify the new import path.
The import path has been updated to
@uploadcare/file-uploader/web/uc-file-uploader-regular.min.css. Ensure that this path is correct and that the new library is properly integrated.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the existence of the new CSS file in the library. # Test: Check if the file exists in the node_modules directory. Expect: The file should exist. if [ -f "node_modules/@uploadcare/file-uploader/web/uc-file-uploader-regular.min.css" ]; then echo "File exists." else echo "File does not exist." fiLength of output: 139
Script:
#!/bin/bash # Check if @uploadcare/file-uploader is listed in package.json if grep -q '@uploadcare/file-uploader' package.json; then echo "Package is listed in package.json." else echo "Package is not listed in package.json." fi # Search for the uc-file-uploader-regular.min.css file within node_modules find node_modules -name 'uc-file-uploader-regular.min.css'Length of output: 242
examples/js-custom-tab/src/UnsplashSource.js (2)
112-112: The<uc-activity-header>tag is not defined or imported in the codebase.
- The search results show the usage of the
<uc-activity-header>tag but do not provide any information about its definition or import statement.- Ensure that the
<uc-activity-header>tag is correctly defined or imported to avoid potential runtime issues.Analysis chain
Verify the new tag
<uc-activity-header>.Ensure that the new tag
<uc-activity-header>is correctly defined and used.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the new tag `<uc-activity-header>`. # Test: Search for the definition of `<uc-activity-header>`. Expect: The tag should be defined in the codebase. rg --type js -A 5 '<uc-activity-header>'Length of output: 458
Script:
#!/bin/bash # Description: Search for the definition or import statement of `<uc-activity-header>`. # Test: Search for the definition of `<uc-activity-header>`. Expect: The tag should be defined or imported in the codebase. rg 'uc-activity-header' --type jsLength of output: 174
115-115: The class namesuc-mini-btnanduc-close-btnare not defined in the codebase.
- The class names
uc-mini-btnanduc-close-btnare used inexamples/js-custom-tab/src/UnsplashSource.jsbut do not have any associated styles defined in the CSS files.Analysis chain
Verify the new class names
uc-mini-btnanduc-close-btn.Ensure that the new class names
uc-mini-btnanduc-close-btnare correctly defined and used.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the new class names `uc-mini-btn` and `uc-close-btn`. # Test: Search for the definition of `uc-mini-btn` and `uc-close-btn`. Expect: The class names should be defined in the codebase. rg --type css -A 5 '\.uc-mini-btn' node_modules/@uploadcare/file-uploader rg --type css -A 5 '\.uc-close-btn' node_modules/@uploadcare/file-uploaderLength of output: 310
Script:
#!/bin/bash # Description: Verify the new class names `uc-mini-btn` and `uc-close-btn`. # Test: Search for the definition and usage of `uc-mini-btn` and `uc-close-btn` in the entire codebase. rg --type css -A 5 '\.uc-mini-btn' rg --type css -A 5 '\.uc-close-btn'Length of output: 74
Script:
#!/bin/bash # Description: Verify the usage of the class names `uc-mini-btn` and `uc-close-btn` in HTML and JavaScript files. # Test: Search for the usage of `uc-mini-btn` and `uc-close-btn` in HTML and JavaScript files in the entire codebase. rg --type html --type js 'uc-mini-btn' rg --type html --type js 'uc-close-btn'Length of output: 422
examples/react-uploader/README.md (1)
81-81: Fix missing article "the".The class name has been correctly updated from
lr-file-uploader-regulartouc-file-uploader-regular. However, the article "the" is missing before "default class".- `uc-file-uploader-regular` and override default class using CSS variables. + `uc-file-uploader-regular` and override the default class using CSS variables.Tools
LanguageTool
[uncategorized] ~81-~81: You might be missing the article “the” here.
Context: ...uc-file-uploader-regularand override default class using CSS variables. Otherwise y...(AI_EN_LECTOR_MISSING_DETERMINER_THE)
examples/vue-uploader/README.md (1)
81-81: Fix missing article "the".The class name has been correctly updated from
lr-file-uploader-regulartouc-file-uploader-regular. However, the article "the" is missing before "default class".- `uc-file-uploader-regular` and override default class using CSS variables. + `uc-file-uploader-regular` and override the default class using CSS variables.Tools
LanguageTool
[uncategorized] ~81-~81: You might be missing the article “the” here.
Context: ...uc-file-uploader-regularand override default class using CSS variables. Otherwise y...(AI_EN_LECTOR_MISSING_DETERMINER_THE)
Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Files ignored due to path filters (10)
examples/angular-uploader/package-lock.jsonis excluded by!**/package-lock.jsonexamples/js-custom-tab/package-lock.jsonis excluded by!**/package-lock.jsonexamples/js-uploader/package-lock.jsonis excluded by!**/package-lock.jsonexamples/js-uploader/yarn.lockis excluded by!**/yarn.lock,!**/*.lockexamples/next-uploader-adapter/package-lock.jsonis excluded by!**/package-lock.jsonexamples/next-uploader/package-lock.jsonis excluded by!**/package-lock.jsonexamples/react-uploader-adapter/package-lock.jsonis excluded by!**/package-lock.jsonexamples/react-uploader/package-lock.jsonis excluded by!**/package-lock.jsonexamples/svelte-uploader/package-lock.jsonis excluded by!**/package-lock.jsonexamples/vue-uploader/package-lock.jsonis excluded by!**/package-lock.json
Files selected for processing (65)
- examples/angular-uploader/README.md (3 hunks)
- examples/angular-uploader/package.json (1 hunks)
- examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.html (2 hunks)
- examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.scss (2 hunks)
- examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.ts (3 hunks)
- examples/angular-uploader/src/app/views/form-view/form-view.component.ts (1 hunks)
- examples/angular-uploader/src/app/views/form-view/mocks.ts (1 hunks)
- examples/angular-uploader/src/app/views/minimal-view/minimal-view.component.html (1 hunks)
- examples/angular-uploader/src/app/views/minimal-view/minimal-view.component.ts (3 hunks)
- examples/angular-uploader/src/app/views/regular-view/regular-view.component.html (1 hunks)
- examples/angular-uploader/src/app/views/regular-view/regular-view.component.ts (3 hunks)
- examples/angular-uploader/src/styles.scss (1 hunks)
- examples/js-custom-tab/index.html (1 hunks)
- examples/js-custom-tab/package.json (1 hunks)
- examples/js-custom-tab/src/CustomFileUploader.js (1 hunks)
- examples/js-custom-tab/src/CustomSourceBtn.js (1 hunks)
- examples/js-custom-tab/src/UnsplashSource.js (2 hunks)
- examples/js-custom-tab/src/index.html (1 hunks)
- examples/js-custom-tab/src/main.js (1 hunks)
- examples/js-custom-tab/src/style.css (1 hunks)
- examples/js-custom-tab/src/unsplash-source.css (2 hunks)
- examples/js-uploader/headless.html (1 hunks)
- examples/js-uploader/headless.js (2 hunks)
- examples/js-uploader/minimal.html (1 hunks)
- examples/js-uploader/minimal.js (1 hunks)
- examples/js-uploader/package.json (1 hunks)
- examples/js-uploader/regular.html (1 hunks)
- examples/js-uploader/regular.js (1 hunks)
- examples/next-uploader-adapter/package.json (1 hunks)
- examples/next-uploader/package.json (1 hunks)
- examples/next-uploader/pages/minimal.js (2 hunks)
- examples/next-uploader/pages/regular.js (2 hunks)
- examples/react-uploader-adapter/README.md (1 hunks)
- examples/react-uploader-adapter/package.json (1 hunks)
- examples/react-uploader-adapter/src/components/FileUploader/FileUploader.overrides.module.css (2 hunks)
- examples/react-uploader-adapter/src/components/FileUploader/FileUploader.tsx (1 hunks)
- examples/react-uploader-adapter/src/views/FormView/FormView.tsx (1 hunks)
- examples/react-uploader-adapter/src/views/FormView/mocks.ts (1 hunks)
- examples/react-uploader-adapter/src/views/MinimalView/MinimalView.tsx (1 hunks)
- examples/react-uploader-adapter/src/views/RegularView/RegularView.tsx (1 hunks)
- examples/react-uploader-adapter/tsconfig.json (1 hunks)
- examples/react-uploader/README.md (2 hunks)
- examples/react-uploader/package.json (1 hunks)
- examples/react-uploader/src/components/FileUploader/FileUploader.module.scss (2 hunks)
- examples/react-uploader/src/components/FileUploader/FileUploader.tsx (6 hunks)
- examples/react-uploader/src/main.tsx (1 hunks)
- examples/react-uploader/src/views/FormView/FormView.tsx (1 hunks)
- examples/react-uploader/src/views/FormView/mocks.ts (1 hunks)
- examples/react-uploader/src/views/MinimalView/MinimalView.tsx (2 hunks)
- examples/react-uploader/src/views/RegularView/RegularView.tsx (2 hunks)
- examples/react-uploader/tsconfig.json (1 hunks)
- examples/svelte-uploader/README.md (2 hunks)
- examples/svelte-uploader/package.json (1 hunks)
- examples/svelte-uploader/src/lib/FileUploader/FileUploader.svelte (7 hunks)
- examples/svelte-uploader/src/routes/+layout.svelte (1 hunks)
- examples/svelte-uploader/src/routes/minimal/+page.svelte (3 hunks)
- examples/svelte-uploader/src/routes/regular/+page.svelte (3 hunks)
- examples/vue-uploader/README.md (2 hunks)
- examples/vue-uploader/package.json (1 hunks)
- examples/vue-uploader/src/components/FileUploader/FileUploader.composition.vue (6 hunks)
- examples/vue-uploader/src/components/FileUploader/FileUploader.options.vue (6 hunks)
- examples/vue-uploader/src/main.js (1 hunks)
- examples/vue-uploader/src/views/MinimalView/MinimalView.vue (2 hunks)
- examples/vue-uploader/src/views/RegularView/RegularView.vue (2 hunks)
- examples/vue-uploader/vite.config.js (1 hunks)
Files skipped from review due to trivial changes (15)
- examples/angular-uploader/src/app/views/form-view/form-view.component.ts
- examples/angular-uploader/src/app/views/form-view/mocks.ts
- examples/js-uploader/headless.html
- examples/next-uploader-adapter/package.json
- examples/react-uploader-adapter/package.json
- examples/react-uploader-adapter/src/components/FileUploader/FileUploader.tsx
- examples/react-uploader-adapter/src/views/FormView/mocks.ts
- examples/react-uploader-adapter/src/views/RegularView/RegularView.tsx
- examples/react-uploader-adapter/tsconfig.json
- examples/react-uploader/src/components/FileUploader/FileUploader.module.scss
- examples/react-uploader/src/main.tsx
- examples/react-uploader/src/views/FormView/FormView.tsx
- examples/svelte-uploader/README.md
- examples/svelte-uploader/src/routes/+layout.svelte
- examples/vue-uploader/src/main.js
Additional context used
LanguageTool
examples/react-uploader-adapter/README.md
[uncategorized] ~60-~60: You might be missing the article “the” here.
Context: ...uc-file-uploader-regularand override default class using CSS variables. Otherwise y...(AI_EN_LECTOR_MISSING_DETERMINER_THE)
examples/angular-uploader/README.md
[uncategorized] ~68-~68: You might be missing the article “the” here.
Context: ...uc-file-uploader-regularand override default class using CSS variables. Otherwise y...(AI_EN_LECTOR_MISSING_DETERMINER_THE)
examples/react-uploader/README.md
[uncategorized] ~81-~81: You might be missing the article “the” here.
Context: ...uc-file-uploader-regularand override default class using CSS variables. Otherwise y...(AI_EN_LECTOR_MISSING_DETERMINER_THE)
examples/vue-uploader/README.md
[uncategorized] ~81-~81: You might be missing the article “the” here.
Context: ...uc-file-uploader-regularand override default class using CSS variables. Otherwise y...(AI_EN_LECTOR_MISSING_DETERMINER_THE)
Additional comments not posted (164)
examples/js-custom-tab/src/CustomSourceBtn.js (1)
1-1: Verify the new import path.The import path has been updated to
@uploadcare/file-uploader. Ensure that this path is correct and that the new library is properly integrated.examples/next-uploader/package.json (1)
11-11: Verify the new dependency version.The dependency has been updated to
@uploadcare/file-uploaderwith version^1.1.0. Ensure that this version is correct and compatible with the rest of the project.Verification successful
The new dependency version
^1.1.0for@uploadcare/file-uploaderis correct and compatible with the rest of the project.
- The version
^1.1.0is consistently used across multiple packages in the project.- No conflicting versions or specific constraints were found.
Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the existence and compatibility of the new dependency version. # Test: Check if the correct version is installed in the node_modules directory. Expect: The version should be 1.1.0 or higher. installed_version=$(jq -r '.dependencies["@uploadcare/file-uploader"]' node_modules/@uploadcare/file-uploader/package.json) if [[ "$installed_version" =~ ^1\.1\. ]]; then echo "Correct version installed." else echo "Incorrect version installed." fiLength of output: 325
Script:
#!/bin/bash # Description: Verify the existence and compatibility of the new dependency version. # Check the version of @uploadcare/file-uploader in examples/next-uploader/package.json jq -r '.dependencies["@uploadcare/file-uploader"]' examples/next-uploader/package.jsonLength of output: 95
Script:
#!/bin/bash # Description: Check for mentions of @uploadcare/file-uploader in the project to ensure compatibility. # Search for mentions of @uploadcare/file-uploader in the project rg '@uploadcare/file-uploader'Length of output: 10601
examples/js-uploader/package.json (1)
12-12: Dependency Update ApprovedThe dependency update from
@uploadcare/blocksto@uploadcare/file-uploaderwith version^1.1.0is approved. Ensure that the new dependency is compatible with the existing codebase and that all references to the old dependency are updated.Verification successful
Dependency Update Verified
The update from
@uploadcare/blocksto@uploadcare/file-uploaderhas been correctly applied. All references to the old dependency have been updated to the new dependency.
- No occurrences of
@uploadcare/blockswere found.- Multiple occurrences of
@uploadcare/file-uploaderwere found across the codebase.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify all references to `@uploadcare/blocks` are updated to `@uploadcare/file-uploader`. # Test: Search for references to the old dependency. Expect: No occurrences of `@uploadcare/blocks`. rg --type js '@uploadcare/blocks' # Test: Search for references to the new dependency. Expect: Occurrences of `@uploadcare/file-uploader`. rg --type js '@uploadcare/file-uploader'Length of output: 2248
examples/js-custom-tab/package.json (1)
18-18: Dependency Update ApprovedThe dependency update from
@uploadcare/blocksto@uploadcare/file-uploaderwith version^1.1.0is approved. Ensure that the new dependency is compatible with the existing codebase and that all references to the old dependency are updated.Verification successful
Dependency Update Verified
All references to
@uploadcare/blockshave been successfully updated to@uploadcare/file-uploader. The new dependency is correctly integrated into the codebase.
- No occurrences of
@uploadcare/blockswere found.- Multiple occurrences of
@uploadcare/file-uploaderwere found in the relevant files.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify all references to `@uploadcare/blocks` are updated to `@uploadcare/file-uploader`. # Test: Search for references to the old dependency. Expect: No occurrences of `@uploadcare/blocks`. rg --type js '@uploadcare/blocks' # Test: Search for references to the new dependency. Expect: Occurrences of `@uploadcare/file-uploader`. rg --type js '@uploadcare/file-uploader'Length of output: 2248
examples/vue-uploader/package.json (1)
13-13: Dependency Update ApprovedThe dependency update from
@uploadcare/blocksto@uploadcare/file-uploaderwith version^1.1.0is approved. Ensure that the new dependency is compatible with the existing codebase and that all references to the old dependency are updated.Verification successful
Dependency Update Approved
The dependency update from
@uploadcare/blocksto@uploadcare/file-uploaderwith version^1.1.0has been verified. All references to the old dependency have been updated correctly.
- No occurrences of
@uploadcare/blockswere found.- Multiple occurrences of
@uploadcare/file-uploaderwere found, confirming the update.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify all references to `@uploadcare/blocks` are updated to `@uploadcare/file-uploader`. # Test: Search for references to the old dependency. Expect: No occurrences of `@uploadcare/blocks`. rg --type js '@uploadcare/blocks' # Test: Search for references to the new dependency. Expect: Occurrences of `@uploadcare/file-uploader`. rg --type js '@uploadcare/file-uploader'Length of output: 2248
examples/js-custom-tab/src/main.js (2)
1-1: Import statement change approved.The import statement has been correctly updated to import from
@uploadcare/file-uploader.
7-11: Method call change approved.The method
registerBlockshas been correctly updated to callUC.registerBlocksinstead ofLR.registerBlocks.examples/svelte-uploader/package.json (1)
18-20: Dependency change approved.The dependency on
@uploadcare/blockshas been correctly removed, and the new dependency on@uploadcare/file-uploaderhas been correctly added.examples/js-custom-tab/src/index.html (2)
11-11: Tag change approved.The tag
<lr-config>has been correctly replaced with<uc-config>.
12-12: Tag change approved.The tag
<lr-custom-file-uploader>has been correctly replaced with<uc-custom-file-uploader>.examples/js-custom-tab/index.html (2)
11-11: Change from<lr-config>to<uc-config>looks good.The replacement aligns with the new naming convention.
12-12: Change from<lr-custom-file-uploader>to<uc-custom-file-uploader>looks good.The replacement aligns with the new naming convention.
examples/vue-uploader/vite.config.js (1)
12-13: Change inisCustomElementlogic looks good.The update to recognize tags prefixed with
uc-aligns with the new naming convention.examples/react-uploader/tsconfig.json (1)
18-18: Change in TypeScript type definitions looks good.The update to use
@uploadcare/file-uploader/types/jsxaligns with the new library.examples/react-uploader/package.json (1)
13-13: Dependency update looks good.The dependency has been correctly updated from
@uploadcare/blocksto@uploadcare/file-uploaderwith the version^1.1.0. Ensure that the new dependency is compatible with the rest of the project and that any necessary changes in the codebase to accommodate this new library have been made.examples/angular-uploader/src/app/views/minimal-view/minimal-view.component.html (3)
1-4: Element renaming looks good.The
<lr-config>element has been correctly renamed to<uc-config>. Ensure that the new element is correctly handled in the corresponding Angular component and that any necessary changes in the codebase to accommodate this new element have been made.
5-7: Element renaming looks good.The
<lr-file-uploader-minimal>element has been correctly renamed to<uc-file-uploader-minimal>. Ensure that the new element is correctly handled in the corresponding Angular component and that any necessary changes in the codebase to accommodate this new element have been made.
8-11: Element renaming looks good.The
<lr-upload-ctx-provider>element has been correctly renamed to<uc-upload-ctx-provider>. Ensure that the new element is correctly handled in the corresponding Angular component and that any necessary changes in the codebase to accommodate this new element have been made.examples/js-uploader/minimal.html (3)
19-19: Element renaming looks good.The
<lr-config>element has been correctly renamed to<uc-config>. Ensure that the new element is correctly handled in the corresponding JavaScript code and that any necessary changes in the codebase to accommodate this new element have been made.
20-20: Element renaming looks good.The
<lr-file-uploader-minimal>element has been correctly renamed to<uc-file-uploader-minimal>. Ensure that the new element is correctly handled in the corresponding JavaScript code and that any necessary changes in the codebase to accommodate this new element have been made.
21-24: Element renaming looks good.The
<lr-upload-ctx-provider>element has been correctly renamed to<uc-upload-ctx-provider>. Ensure that the new element is correctly handled in the corresponding JavaScript code and that any necessary changes in the codebase to accommodate this new element have been made.examples/js-uploader/regular.html (3)
16-20: Tag name change from<lr-config>to<uc-config>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
21-24: Tag name change from<lr-file-uploader-regular>to<uc-file-uploader-regular>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
25-28: Tag name change from<lr-upload-ctx-provider>to<uc-upload-ctx-provider>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
examples/angular-uploader/src/app/views/regular-view/regular-view.component.html (3)
1-5: Tag name change from<lr-config>to<uc-config>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
6-8: Tag name change from<lr-file-uploader-regular>to<uc-file-uploader-regular>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
9-12: Tag name change from<lr-upload-ctx-provider>to<uc-upload-ctx-provider>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
examples/js-custom-tab/src/CustomFileUploader.js (13)
5-5: Tag name change from<lr-simple-btn>to<uc-simple-btn>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
7-7: Tag name change from<lr-modal>to<uc-modal>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
8-8: Tag name change from<lr-start-from>to<uc-start-from>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
9-9: Tag name change from<lr-drop-area>to<uc-drop-area>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
10-10: Tag name change from<lr-source-list>to<uc-source-list>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
11-11: Tag name change from<lr-copyright>to<uc-copyright>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
13-13: Tag name change from<lr-upload-list>to<uc-upload-list>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
14-14: Tag name change from<lr-camera-source>to<uc-camera-source>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
15-15: Tag name change from<lr-url-source>to<uc-url-source>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
16-16: Tag name change from<lr-external-source>to<uc-external-source>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
17-17: Tag name change from<lr-cloud-image-editor-activity>to<uc-cloud-image-editor-activity>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
18-18: Tag name change from<lr-unsplash-source>to<uc-unsplash-source>is correct.The attributes remain unchanged, ensuring the functionality is preserved.
21-22: Tag name changes from<lr-message-box>to<uc-message-box>and<lr-progress-bar-common>to<uc-progress-bar-common>are correct.The attributes remain unchanged, ensuring the functionality is preserved.
examples/angular-uploader/package.json (1)
20-20: Dependency update: Ensure compatibility with the new library.The dependency
@uploadcare/blockshas been replaced with@uploadcare/file-uploaderversion^1.1.0. Verify that the new library is correctly integrated and compatible with the existing code.Verification successful
Dependency update: Ensure compatibility with the new library.
The
@uploadcare/file-uploaderlibrary has been correctly integrated across multiple files, including the Angular example. The library is imported and used in various components and views, indicating that the new dependency is in use.
examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.tsexamples/angular-uploader/src/app/views/regular-view/regular-view.component.tsexamples/angular-uploader/src/app/views/minimal-view/minimal-view.component.tsexamples/angular-uploader/src/app/views/form-view/form-view.component.tsScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the new @uploadcare/file-uploader library in the codebase. # Test: Search for the usage of @uploadcare/file-uploader. Expect: Occurrences of the new library usage. rg --type js --type ts --type html '@uploadcare/file-uploader'Length of output: 5125
examples/react-uploader-adapter/src/components/FileUploader/FileUploader.overrides.module.css (4)
33-33: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-simple-btntouc-simple-btn. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: All references to the class name have been updated to
uc-simple-btnthroughout the codebase.
- No occurrences of the old class name
lr-simple-btnwere found.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-simple-btn|uc-simple-btn'Length of output: 3173
10-10: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-simple-btntouc-simple-btn. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: The class name
uc-simple-btnhas been consistently updated across the codebase. No instances of the old class namelr-simple-btnwere found.
- examples/vue-uploader/src/components/FileUploader/FileUploader.options.vue
- examples/react-uploader/src/components/FileUploader/FileUploader.module.scss
- examples/vue-uploader/src/components/FileUploader/FileUploader.composition.vue
- examples/react-uploader-adapter/src/components/FileUploader/FileUploader.overrides.module.css
- examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.scss
- examples/js-custom-tab/src/CustomFileUploader.js
Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-simple-btn|uc-simple-btn'Length of output: 3173
23-23: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-icontouc-icon. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: The class name has been consistently updated to
uc-iconacross the codebase.
- No occurrences of the old class name
lr-iconwere found.- Multiple occurrences of the new class name
uc-iconwere identified.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-icon|uc-icon'Length of output: 979
27-28: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-simple-btntouc-simple-btn. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: All references to the class name have been updated to
uc-simple-btn. No occurrences of the old class namelr-simple-btnwere found.
examples/vue-uploader/src/components/FileUploader/FileUploader.options.vueexamples/vue-uploader/src/components/FileUploader/FileUploader.composition.vueexamples/react-uploader/src/components/FileUploader/FileUploader.module.scssexamples/react-uploader-adapter/src/components/FileUploader/FileUploader.overrides.module.cssexamples/js-custom-tab/src/CustomFileUploader.jsexamples/angular-uploader/src/app/components/file-uploader/file-uploader.component.scssScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-simple-btn|uc-simple-btn'Length of output: 3173
examples/js-custom-tab/src/unsplash-source.css (10)
42-42: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-image-slidertouc-image-slider. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: The class name has been updated from
lr-image-slidertouc-image-sliderconsistently throughout the codebase.
- The search results show only occurrences of the new class name
uc-image-slider.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-image-slider|uc-image-slider'Length of output: 243
35-35: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-image-slidertouc-image-slider. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: The class name has been consistently updated to
uc-image-sliderthroughout the codebase. No occurrences of the old class namelr-image-sliderwere found.
examples/js-custom-tab/src/unsplash-source.css:uc-unsplash-source .uc-image-sliderScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-image-slider|uc-image-slider'Length of output: 243
49-49: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-splidetouc-splide. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: All references to the class name have been updated to
uc-splideconsistently.
- No occurrences of the old class name
lr-splidewere found in the codebase.- All instances are correctly using the new class name
uc-splide.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-splide|uc-splide'Length of output: 659
53-53: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-splide__tracktouc-splide__track. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: The class name has been consistently updated to
uc-splide__trackacross the codebase.
examples/js-custom-tab/src/unsplash-source.cssexamples/js-custom-tab/src/UnsplashSource.jsScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-splide__track|uc-splide__track'Length of output: 241
57-57: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-splide__slidetouc-splide__slide. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: All references to the class name have been updated to
uc-splide__slide. No occurrences of the old class namelr-splide__slidewere found.
examples/js-custom-tab/src/unsplash-source.css: Updated references confirmed.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-splide__slide|uc-splide__slide'Length of output: 247
20-20: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-toolbartouc-toolbar. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: The class name has been consistently updated to
uc-toolbar.Occurrences of the old class name
lr-toolbarwere not found in the codebase, confirming that the update has been applied correctly.
examples/js-custom-tab/src/UnsplashSource.js:<div class="uc-toolbar">examples/js-custom-tab/src/unsplash-source.css:uc-unsplash-source .uc-toolbarScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-toolbar|uc-toolbar'Length of output: 213
28-28: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-contenttouc-content. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: The class name has been consistently updated to
uc-contentacross the codebase.
examples/js-custom-tab/src/unsplash-source.css:uc-unsplash-source .uc-contentexamples/js-custom-tab/src/UnsplashSource.js:<div class="uc-content">Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-content|uc-content'Length of output: 213
3-3: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-unsplash-sourcetouc-unsplash-source. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: All references to the class name have been updated to
uc-unsplash-source.
- The old class name
lr-unsplash-sourceis not found in the codebase.- The new class name
uc-unsplash-sourceis consistently used in the relevant files.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-unsplash-source|uc-unsplash-source'Length of output: 1037
12-12: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-unsplash-sourcetouc-unsplash-source. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: The class name has been consistently updated to
uc-unsplash-source.
examples/js-custom-tab/src/unsplash-source.cssexamples/js-custom-tab/src/CustomFileUploader.jsScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-unsplash-source|uc-unsplash-source'Length of output: 1037
64-64: Class name update: Ensure consistency with the new naming convention.The class name has been updated from
lr-splide__slidetouc-splide__slide. Verify that all references to this class in the codebase are updated accordingly.Verification successful
Class name update verified: All references to the old class name
lr-splide__slidehave been updated touc-splide__slide.
- The old class name
lr-splide__slideis not present in the codebase.- The new class name
uc-splide__slideis correctly used.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the updated class names in the codebase. # Test: Search for the usage of the old and new class names. Expect: Occurrences of the new class names only. rg --type css --type js --type ts 'lr-splide__slide|uc-splide__slide'Length of output: 247
Script:
#!/bin/bash # Description: Verify that the old class name 'lr-splide__slide' is not present in the codebase. # Test: Search for any occurrences of 'lr-splide__slide' in the entire codebase. rg 'lr-splide__slide'Length of output: 21
examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.html (3)
Line range hint
14-23:
Verify the usage of the new component name<uc-config>.Ensure that all instances of
<lr-config>have been updated to<uc-config>throughout the codebase.Verification successful
Verify the usage of the new component name
<uc-config>.All instances of
<lr-config>have been successfully updated to<uc-config>throughout the codebase.
Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify all instances of `<lr-config>` have been updated to `<uc-config>`. # Test: Search for the old component name. Expect: No occurrences of `<lr-config>`. rg --type html '<lr-config'Length of output: 29
Script:
#!/bin/bash # Description: Verify all instances of `<lr-config>` have been updated to `<uc-config>`. # Test: Search for the old component name in HTML, TypeScript, and JavaScript files. Expect: No occurrences of `<lr-config>`. rg '<lr-config>' --type html --type ts --type jsLength of output: 50
32-35: Verify the usage of the new component name<uc-upload-ctx-provider>.Ensure that all instances of
<lr-upload-ctx-provider>have been updated to<uc-upload-ctx-provider>throughout the codebase.Verification successful
The usage of the new component name
<uc-upload-ctx-provider>has been verified successfully. All instances of<lr-upload-ctx-provider>have been updated accordingly.
- The new component
<uc-upload-ctx-provider>is present in multiple files.- No occurrences of
<lr-upload-ctx-provider>were found in the codebase.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify all instances of `<lr-upload-ctx-provider>` have been updated to `<uc-upload-ctx-provider>`. # Test: Search for the old component name. Expect: No occurrences of `<lr-upload-ctx-provider>`. rg --type html '<lr-upload-ctx-provider'Length of output: 42
Script:
#!/bin/bash # Description: Verify the presence of the new component `<uc-upload-ctx-provider>` and ensure all instances of `<lr-upload-ctx-provider>` have been updated. # Search for the new component name. Expect: Occurrences of `<uc-upload-ctx-provider>`. rg --type html '<uc-upload-ctx-provider' # Re-verify the absence of the old component name. Expect: No occurrences of `<lr-upload-ctx-provider>`. rg --type html '<lr-upload-ctx-provider'Length of output: 667
25-30: Verify the usage of the new component name<uc-file-uploader-regular>.Ensure that all instances of
<lr-file-uploader-regular>have been updated to<uc-file-uploader-regular>throughout the codebase.Verification successful
The usage of the new component name
<uc-file-uploader-regular>has been verified successfully.Occurrences of the new component name were found in multiple files, and no instances of the old component name
<lr-file-uploader-regular>were detected.
examples/js-uploader/regular.htmlexamples/js-uploader/headless.htmlexamples/angular-uploader/src/app/components/file-uploader/file-uploader.component.htmlexamples/angular-uploader/src/app/views/regular-view/regular-view.component.htmlScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify all instances of `<lr-file-uploader-regular>` have been updated to `<uc-file-uploader-regular>`. # Test: Search for the old component name. Expect: No occurrences of `<lr-file-uploader-regular>`. rg --type html '<lr-file-uploader-regular'Length of output: 44
Script:
#!/bin/bash # Description: Verify the usage of the new component name `<uc-file-uploader-regular>` throughout the codebase. # Test: Search for occurrences of `<uc-file-uploader-regular>`. rg --type html '<uc-file-uploader-regular'Length of output: 469
examples/react-uploader-adapter/src/views/MinimalView/MinimalView.tsx (1)
4-4: Verify the usage of the new import source@uploadcare/file-uploader.Ensure that all instances of
OutputFileEntryare now sourced from@uploadcare/file-uploaderthroughout the codebase.examples/angular-uploader/src/app/views/regular-view/regular-view.component.ts (4)
19-19: Verify the usage of the new ViewChild declarationInstanceType<UC.UploadCtxProvider>.Ensure that all instances of
UploadCtxProviderare now usingUCthroughout the codebase.Verification successful
Verified the usage of
InstanceType<UC.UploadCtxProvider.The new ViewChild declaration is consistently used across the codebase.
examples/react-uploader/src/views/RegularView/RegularView.tsxexamples/react-uploader/src/views/MinimalView/MinimalView.tsxexamples/react-uploader/src/components/FileUploader/FileUploader.tsxexamples/angular-uploader/src/app/views/regular-view/regular-view.component.tsexamples/angular-uploader/src/app/views/minimal-view/minimal-view.component.tsexamples/angular-uploader/src/app/components/file-uploader/file-uploader.component.tsScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify all instances of `UploadCtxProvider` are using `UC`. # Test: Search for the old ViewChild declaration. Expect: No occurrences of `InstanceType<LR.UploadCtxProvider>`. rg --type ts 'InstanceType<LR.UploadCtxProvider>'Length of output: 51
Script:
#!/bin/bash # Description: Verify all instances of `UploadCtxProvider` are using `UC`. # Test: Search for the new ViewChild declaration. Expect: Occurrences of `InstanceType<UC.UploadCtxProvider>`. rg --type ts 'InstanceType<UC.UploadCtxProvider>'Length of output: 830
5-5: Verify the usage of the new block registrationUC.registerBlocks(UC).Ensure that all instances of block registration are now using
UCthroughout the codebase.Verification successful
The usage of the new block registration
UC.registerBlocks(UC)has been verified and is consistent throughout the codebase.
- examples/react-uploader/src/views/RegularView/RegularView.tsx
- examples/react-uploader/src/components/FileUploader/FileUploader.tsx
- examples/react-uploader/src/views/MinimalView/MinimalView.tsx
- examples/angular-uploader/src/app/views/regular-view/regular-view.component.ts
- examples/angular-uploader/src/app/views/minimal-view/minimal-view.component.ts
- examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.ts
Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify all instances of block registration are using `UC`. # Test: Search for the old block registration. Expect: No occurrences of `LR.registerBlocks(LR)`. rg --type ts 'LR.registerBlocks\(LR\)'Length of output: 40
Script:
#!/bin/bash # Description: Verify all instances of block registration are using `UC`. # Test: Search for the new block registration. Expect: Occurrences of `UC.registerBlocks(UC)`. rg --type ts 'UC.registerBlocks\(UC\)'Length of output: 615
42-42: Verify the usage of the new event handlingUC.EventMap['change'].Ensure that all instances of event handling are now using
UCthroughout the codebase.Verification successful
The usage of the new event handling
UC.EventMap['change']has been verified successfully.No instances of
LR.EventMap['change']were found in the codebase, indicating that the update has been applied consistently.Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify all instances of event handling are using `UC`. # Test: Search for the old event handling. Expect: No occurrences of `LR.EventMap['change']`. rg --type ts 'LR.EventMap\[\'change\'\]'Length of output: 93
Script:
#!/bin/bash # Description: Verify all instances of event handling are using `UC`. # Test: Search for the old event handling. Expect: No occurrences of `LR.EventMap['change']`. rg --type ts "LR.EventMap\['change'\]"Length of output: 46
2-3: Verify the usage of the new import source@uploadcare/file-uploader.Ensure that all instances of
UCare now sourced from@uploadcare/file-uploaderthroughout the codebase.examples/angular-uploader/src/styles.scss (1)
5-6: LGTM! Ensure the new import paths are correct.The import paths have been updated to use the new
@uploadcare/file-uploaderlibrary. Verify that these paths are correct and that the new library is properly installed.examples/angular-uploader/src/app/views/minimal-view/minimal-view.component.ts (4)
10-11: LGTM! Ensure the new import paths are correct.The import paths have been updated to use the new
@uploadcare/file-uploaderlibrary. Verify that these paths are correct and that the new library is properly installed.
13-13: Ensure the new method call is correct.The method call
UC.registerBlocks(UC)has been updated to use the new@uploadcare/file-uploaderlibrary. Verify that this method call is correct and that the new library provides this method.
27-27: LGTM! Ensure the new type reference is correct.The type reference has been updated to use the new
@uploadcare/file-uploaderlibrary. Verify that this type reference is correct and that the new library provides this type.
50-50: LGTM! Ensure the new event type is correct.The event type has been updated to use the new
@uploadcare/file-uploaderlibrary. Verify that this event type is correct and that the new library provides this event.examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.scss (4)
53-53: LGTM! Ensure the new CSS class selector is correct.The CSS class selector has been updated to use the new
ucprefix. Verify that this selector is correct and that the new library uses this prefix.
66-66: LGTM! Ensure the new CSS class selector is correct.The CSS class selector has been updated to use the new
ucprefix. Verify that this selector is correct and that the new library uses this prefix.
70-71: LGTM! Ensure the new CSS class selector is correct.The CSS class selector has been updated to use the new
ucprefix. Verify that this selector is correct and that the new library uses this prefix.
76-76: LGTM! Ensure the new CSS class selector is correct.The CSS class selector has been updated to use the new
ucprefix. Verify that this selector is correct and that the new library uses this prefix.examples/js-uploader/regular.js (2)
1-2: Confirm the correctness of import paths.The import paths have been updated to use the new
@uploadcare/file-uploaderlibrary. Ensure these paths are correct and the new library is properly installed.
5-5: Confirm the correctness of the function call.The function call to register blocks has been updated to use the new
UCnamespace. Ensure this function call is correct and the new library provides theregisterBlocksmethod.examples/js-uploader/minimal.js (2)
1-2: Confirm the correctness of import paths.The import paths have been updated to use the new
@uploadcare/file-uploaderlibrary. Ensure these paths are correct and the new library is properly installed.
5-5: Confirm the correctness of the function call.The function call to register blocks has been updated to use the new
UCnamespace. Ensure this function call is correct and the new library provides theregisterBlocksmethod.examples/vue-uploader/src/views/MinimalView/MinimalView.vue (5)
2-2: Confirm the correctness of import paths.The import paths have been updated to use the new
@uploadcare/file-uploaderlibrary. Ensure these paths are correct and the new library is properly installed.
4-4: Confirm the correctness of the function call.The function call to register blocks has been updated to use the new
UCnamespace. Ensure this function call is correct and the new library provides theregisterBlocksmethod.
52-55: Confirm the correctness of the component name.The component name has been updated to use the new
uc-prefix. Ensure this component name is correct and the new library provides theuc-upload-ctx-providercomponent.
42-44: Confirm the correctness of the component name.The component name has been updated to use the new
uc-prefix. Ensure this component name is correct and the new library provides theuc-file-uploader-minimalcomponent.Verification successful
The component name
uc-file-uploader-minimalis correct and consistent with the new library.The search results confirm the presence of multiple references to the
uc-file-uploader-minimalcomponent across various files in the repository, indicating its validity and widespread usage.
examples/vue-uploader/src/views/MinimalView/MinimalView.vueexamples/next-uploader/pages/minimal.jsexamples/svelte-uploader/src/routes/minimal/+page.svelteexamples/react-uploader/src/views/MinimalView/MinimalView.tsxexamples/js-uploader/minimal.htmlexamples/angular-uploader/src/app/views/minimal-view/minimal-view.component.htmlScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the existence of the `uc-file-uploader-minimal` component in the new library. # Test: Search for the `uc-file-uploader-minimal` component in the new library. # Expect: The component should exist in the new library. rg --type vue --pattern '<uc-file-uploader-minimal>' node_modules/@uploadcare/file-uploaderLength of output: 505
Script:
#!/bin/bash # Description: Verify the existence of the `uc-file-uploader-minimal` component in the new library. # Test: Search for the `uc-file-uploader-minimal` component in the new library. # Expect: The component should exist in the new library. rg '<uc-file-uploader-minimal>' node_modules/@uploadcare/file-uploaderLength of output: 151
Script:
#!/bin/bash # Description: Locate the directory containing the new library and verify the existence of the `uc-file-uploader-minimal` component. # Step 1: Locate the directory containing the new library. library_dir=$(fd -t d -g 'file-uploader' node_modules) # Step 2: If the directory is found, search for the `uc-file-uploader-minimal` component within it. if [ -n "$library_dir" ]; then rg '<uc-file-uploader-minimal>' "$library_dir" else echo "Library directory not found." fiLength of output: 238
Script:
#!/bin/bash # Description: Verify the existence of the `uc-file-uploader-minimal` component in the entire repository. # Test: Search for the `uc-file-uploader-minimal` component in the entire repository. # Expect: The component should exist somewhere in the repository. rg '<uc-file-uploader-minimal>'Length of output: 33
Script:
#!/bin/bash # Description: Search for components with `uc-file-uploader` in their name or references to `uc-file-uploader-minimal` in the repository. # Step 1: Search for components with `uc-file-uploader` in their name. rg 'uc-file-uploader' --type vue # Step 2: Search for references to `uc-file-uploader-minimal` in the repository. rg 'uc-file-uploader-minimal'Length of output: 1935
37-40: Confirm the correctness of the component name.The component name has been updated to use the new
uc-prefix. Ensure this component name is correct and the new library provides theuc-configcomponent.Verification successful
The component name
<uc-config>is correct and consistently used across the project.The search results confirm that the
<uc-config>component is referenced in multiple files, indicating that it is a valid component name provided by the new library.
examples/vue-uploader/src/views/MinimalView/MinimalView.vueScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the existence of the `uc-config` component in the new library. # Test: Search for the `uc-config` component in the new library. # Expect: The component should exist in the new library. rg --type vue --pattern '<uc-config>' node_modules/@uploadcare/file-uploaderLength of output: 490
Script:
#!/bin/bash # Description: Verify the existence of the `uc-config` component in the new library. # Test: Search for the `uc-config` component in the new library. # Expect: The component should exist in the new library. rg '<uc-config>' node_modules/@uploadcare/file-uploaderLength of output: 136
Script:
#!/bin/bash # Description: Verify the existence of the `uc-config` component in the new library. # Test: Search for the `uc-config` component in the entire `node_modules` directory. # Expect: The component should exist somewhere in the `node_modules` directory. rg '<uc-config>' node_modulesLength of output: 84
Script:
#!/bin/bash # Description: Verify the existence of the `uc-config` component in the project source code. # Test: Search for the `uc-config` component in the project source code. # Expect: The component should be referenced or defined somewhere in the project source code. rg '<uc-config>' .Length of output: 20
Script:
#!/bin/bash # Description: Verify the existence of components with the `uc-` prefix in the project source code. # Test: Search for components with the `uc-` prefix in the project source code. # Expect: There should be components with the `uc-` prefix if the naming convention is consistent. rg '<uc-' .Length of output: 7349
examples/vue-uploader/src/views/RegularView/RegularView.vue (5)
2-2: LGTM!The import statement has been correctly updated to use the new library
@uploadcare/file-uploader.
4-4: LGTM!The
registerBlocksmethod call has been correctly updated to use the new import aliasUC.
37-41: LGTM!The
<uc-config>component tag has been correctly updated to use the new prefixuc.
43-45: LGTM!The
<uc-file-uploader-regular>component tag has been correctly updated to use the new prefixuc.
53-56: LGTM!The
<uc-upload-ctx-provider>component tag has been correctly updated to use the new prefixuc.examples/js-uploader/headless.js (3)
1-2: LGTM!The import statements have been correctly updated to use the new library
@uploadcare/file-uploader.
5-5: LGTM!The
registerBlocksmethod call has been correctly updated to use the new import aliasUC.
17-18: LGTM!The initialization flow has been correctly updated to use the new API structure.
examples/svelte-uploader/src/routes/minimal/+page.svelte (5)
2-2: LGTM!The import statement has been correctly updated to use the new library
@uploadcare/file-uploader.
18-18: LGTM!The
registerBlocksmethod call has been correctly updated to use the new import aliasUC.
45-48: LGTM!The
<uc-config>component tag has been correctly updated to use the new prefixuc.
50-52: LGTM!The
<uc-file-uploader-minimal>component tag has been correctly updated to use the new prefixuc.
54-57: LGTM!The
<uc-upload-ctx-provider>component tag has been correctly updated to use the new prefixuc.examples/react-uploader/src/views/MinimalView/MinimalView.tsx (5)
3-4: LGTM!The import statements have been correctly updated to reference the new library.
8-8: LGTM!The block registration has been correctly updated to use the new library's API.
12-12: LGTM!The context provider reference has been correctly updated to reflect the new library's type.
18-18: LGTM!The event handling logic has been correctly updated to use the new library's event map.
38-48: LGTM!The component usage has been correctly updated to reflect the new library's component structure.
examples/svelte-uploader/src/routes/regular/+page.svelte (3)
2-2: LGTM!The import statements have been correctly updated to reference the new library.
18-18: LGTM!The block registration has been correctly updated to use the new library's API.
45-58: LGTM!The component usage has been correctly updated to reflect the new library's component structure.
examples/react-uploader/src/views/RegularView/RegularView.tsx (5)
3-4: LGTM!The import statements have been correctly updated to reference the new library.
8-8: LGTM!The block registration has been correctly updated to use the new library's API.
12-12: LGTM!The context provider reference has been correctly updated to reflect the new library's type.
18-18: LGTM!The event handling logic has been correctly updated to use the new library's event map.
38-49: LGTM!The component usage has been correctly updated to reflect the new library's component structure.
examples/next-uploader/pages/minimal.js (5)
1-4: Imports updated correctly.The import statements have been correctly updated to use
@uploadcare/file-uploader.
7-7: Block registration updated correctly.The block registration has been correctly updated to use
UC.registerBlocks(UC);.
49-60: JSX components updated correctly.The JSX components have been correctly updated from
lrtouc, reflecting the new library usage.
Line range hint
10-36: Event handling logic remains consistent.The event handling logic remains unchanged and is consistent with the new components.
Line range hint
38-82: No inconsistencies found.The rest of the file remains unchanged and consistent with the new library usage.
examples/next-uploader/pages/regular.js (5)
1-4: Imports updated correctly.The import statements have been correctly updated to use
@uploadcare/file-uploader.
7-7: Block registration updated correctly.The block registration has been correctly updated to use
UC.registerBlocks(UC);.
49-61: JSX components updated correctly.The JSX components have been correctly updated from
lrtouc, reflecting the new library usage.
Line range hint
10-36: Event handling logic remains consistent.The event handling logic remains unchanged and is consistent with the new components.
Line range hint
38-82: No inconsistencies found.The rest of the file remains unchanged and consistent with the new library usage.
examples/react-uploader-adapter/README.md (2)
60-60: Class name updated correctly.The class name has been correctly updated from
lr-file-uploader-regulartouc-file-uploader-regular.Tools
LanguageTool
[uncategorized] ~60-~60: You might be missing the article “the” here.
Context: ...uc-file-uploader-regularand override default class using CSS variables. Otherwise y...(AI_EN_LECTOR_MISSING_DETERMINER_THE)
Line range hint
1-59: No inconsistencies found.The rest of the file remains unchanged and consistent with the new library usage.
Also applies to: 61-79
Tools
LanguageTool
[uncategorized] ~60-~60: You might be missing the article “the” here.
Context: ...uc-file-uploader-regularand override default class using CSS variables. Otherwise y...(AI_EN_LECTOR_MISSING_DETERMINER_THE)
[uncategorized] ~61-~61: A comma may be missing after the conjunctive/linking adverb ‘Otherwise’.
Context: ...ide default class using CSS variables. Otherwise you may go “full override” way and pass...(SENT_START_CONJUNCTIVE_LINKING_ADVERB_COMMA)
examples/js-custom-tab/src/UnsplashSource.js (8)
126-126: Verify the new class namesuc-mini-btnanduc-close-btn.Ensure that the new class names
uc-mini-btnanduc-close-btnare correctly defined and used.
132-132: Verify the new class nameuc-content.Ensure that the new class name
uc-contentis correctly defined and used.Verification successful
The new class name
uc-contentis correctly defined and used.
- Defined in:
examples/js-custom-tab/src/unsplash-source.css- Used in:
examples/js-custom-tab/src/UnsplashSource.jsScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the new class name `uc-content`. # Test: Search for the definition of `uc-content`. Expect: The class name should be defined in the codebase. rg --type css -A 5 '\.uc-content' node_modules/@uploadcare/file-uploaderLength of output: 153
Script:
#!/bin/bash # Description: Verify the new class name `uc-content`. # Test: Search for the definition of `uc-content`. Expect: The class name should be defined in the codebase. rg --type css -A 5 '\.uc-content'Length of output: 421
Script:
#!/bin/bash # Description: Verify the usage of the class name `uc-content`. # Test: Search for the usage of `uc-content`. Expect: The class name should be used in the codebase. rg 'class=".*uc-content.*"'Length of output: 103
149-149: Verify the new class namesuc-cancel-btnanduc-secondary-btn.Ensure that the new class names
uc-cancel-btnanduc-secondary-btnare correctly defined and used.
139-139: Verify the new class nameuc-toolbar.Ensure that the new class name
uc-toolbaris correctly defined and used.Verification successful
The new class name
uc-toolbaris correctly defined and used.
- Defined in:
examples/js-custom-tab/src/unsplash-source.css- Used in:
examples/js-custom-tab/src/UnsplashSource.jsScripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the new class name `uc-toolbar`. # Test: Search for the definition of `uc-toolbar`. Expect: The class name should be defined in the codebase. rg --type css -A 5 '\.uc-toolbar' node_modules/@uploadcare/file-uploaderLength of output: 153
Script:
#!/bin/bash # Description: Verify the new class name `uc-toolbar`. # Search for the definition of `uc-toolbar` in CSS files. rg --type css '\.uc-toolbar' # Search for the usage of `uc-toolbar` in JavaScript and HTML files. rg --type js,html 'uc-toolbar'Length of output: 173
Script:
#!/bin/bash # Description: Verify the new class name `uc-toolbar`. # Search for the usage of `uc-toolbar` in JavaScript files. rg --type js 'uc-toolbar' # Search for the usage of `uc-toolbar` in HTML files. rg --type html 'uc-toolbar'Length of output: 127
142-142: Verify the new class namesuc-done-btnanduc-primary-btn.Ensure that the new class names
uc-done-btnanduc-primary-btnare correctly defined and used.
133-135: Verify the new class namesuc-splide,uc-splide__track, anduc-splide__list.Ensure that the new class names
uc-splide,uc-splide__track, anduc-splide__listare correctly defined and used.
121-121: Verify the new icon nameunsplash.Ensure that the new icon name
unsplashis correctly defined and used.Verification successful
The
unsplashicon is correctly defined and used.The search results indicate that the
unsplashicon is defined within an SVG element in theexamples/js-custom-tab/src/UnsplashSource.jsfile. The relevant snippet is:<svg> <symbol id="uc-icon-unsplash" xmlns="http://www.w3.org/2000/svg"> <path fill="currentColor" fill-rule="evenodd" d="M15 4.5H9v4h6v-4ZM4 10.5h5v4h6v-4h5v9H4v-9Z"/> </symbol> </svg>Additionally, the icon is used in the same file as follows:
<uc-icon name="unsplash"></uc-icon>This confirms that the
unsplashicon is defined and used correctly in the codebase.
- File:
examples/js-custom-tab/src/UnsplashSource.js- Lines:
- Definition: Lines around
id="uc-icon-unsplash"- Usage: Lines around
<uc-icon name="unsplash"></uc-icon>Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the new icon name `unsplash`. # Test: Search for the definition of the `unsplash` icon. Expect: The icon should be defined in the codebase. rg --type js -A 5 'name="unsplash"' node_modules/@uploadcare/file-uploaderLength of output: 155
Script:
#!/bin/bash # Description: Verify the new icon name `unsplash`. # Search for the usage of the `unsplash` icon in the entire codebase. rg --type js --type jsx --type ts --type tsx 'name="unsplash"' -A 5 # Search for any definitions or declarations of the `unsplash` icon in the entire codebase. rg 'unsplash' -g '*.svg' -g '*.js' -g '*.jsx' -g '*.ts' -g '*.tsx' -A 5Length of output: 59952
Script:
#!/bin/bash # Description: Verify the definition of the `unsplash` icon. # Search for the definition of the `unsplash` icon in icon components or SVG files. rg 'unsplash' -g '*.svg' -g '*.js' -g '*.jsx' -g '*.ts' -g '*.tsx' -A 5Length of output: 59854
Script:
#!/bin/bash # Description: Verify the definition of the `unsplash` icon. # Search for the definition of the `unsplash` icon in potential icon component files or SVG files. rg 'unsplash' -g '*.svg' -g '*.js' -g '*.jsx' -g '*.ts' -g '*.tsx' -A 10Length of output: 81511
1-1: Verify the new import path.Ensure that the components
UploaderBlockandActivityBlockare correctly imported from@uploadcare/file-uploader.examples/react-uploader-adapter/src/views/FormView/FormView.tsx (1)
1-1: Verify the new import path.Ensure that the
OutputFileEntrytype is correctly imported from@uploadcare/file-uploader.examples/angular-uploader/README.md (3)
78-78: Verify the new link for reporting issues.Ensure that the new link for reporting issues points to the correct repository.
Verification successful
The new link for reporting issues is correct.
The link points to the correct repository and is functional.
- Verified link: issues
Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the new link for reporting issues. # Test: Check the new link for reporting issues. Expect: The link should point to the correct repository. curl -I https://github.com/uploadcare/file-uploader/issuesLength of output: 4645
41-41: Verify the new package name.Ensure that the package
@uploadcare/file-uploaderis correctly referenced and available on npm.Verification successful
Verify the new package name.
Ensure that the package
@uploadcare/file-uploaderis correctly referenced in the codebase.
Verification successful.
The package name
@uploadcare/file-uploaderis correctly referenced and available in the codebase.
- The package name appears consistently in various files, including package.json, README.md, and source files.
- Resolved URLs in package-lock.json files confirm the package's availability on the npm registry.
Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the new package name `@uploadcare/file-uploader`. # Test: Search for the package on npm. Expect: The package should be available on npm. npm view @uploadcare/file-uploaderLength of output: 107
Script:
#!/bin/bash # Description: Search for references to `@uploadcare/file-uploader` in the codebase to ensure it is correctly used. # Search for the package name in the codebase rg '@uploadcare/file-uploader'Length of output: 10601
68-68: Verify the new class identifieruc-file-uploader-regular.Ensure that the new class identifier
uc-file-uploader-regularis correctly defined and used.Tools
LanguageTool
[uncategorized] ~68-~68: You might be missing the article “the” here.
Context: ...uc-file-uploader-regularand override default class using CSS variables. Otherwise y...(AI_EN_LECTOR_MISSING_DETERMINER_THE)
examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.ts (4)
10-11: LGTM! Imports updated correctly.The import statements have been correctly updated to import
UCfrom@uploadcare/file-uploader.
13-13: LGTM! Method call updated correctly.The
registerBlocksmethod has been correctly updated to useUCinstead ofLR.
32-36: LGTM! Types updated correctly.The types for
ctxProviderRefandconfigRefhave been correctly updated to useInstanceType<UC.UploadCtxProvider>andInstanceType<UC.Config>.
103-110: LGTM! Method calls updated correctly.The
resetUploaderStatemethod now correctly callsgetAPI().removeAllFiles()and thehandleChangeEventmethod correctly usesUC.EventMap['change'].examples/react-uploader/README.md (2)
41-41: LGTM! Package reference updated correctly.The package reference has been correctly updated from
@uploadcare/blocksto@uploadcare/file-uploader.
45-49: LGTM! TypeScript types reference updated correctly.The TypeScript types reference has been correctly updated to
@uploadcare/file-uploader/types/jsx.examples/vue-uploader/README.md (1)
41-41: LGTM! Package reference updated correctly.The package reference has been correctly updated from
@uploadcare/blocksto@uploadcare/file-uploader.examples/react-uploader/src/components/FileUploader/FileUploader.tsx (6)
2-3: Imports updated correctly.The import statements have been updated to use the new library
@uploadcare/file-uploader.
8-8: Function call updated correctly.The
registerBlocksfunction call has been updated to use the new library@uploadcare/file-uploader.
20-21: Type references updated correctly.The type references for
ctxProviderRefandconfigRefhave been updated to use the new library@uploadcare/file-uploader.
32-32: Event handling updated correctly.The event handling for
handleChangeEventhas been updated to use the new library's event structure.
99-101: Function updated correctly.The
resetUploaderStatefunction has been updated to use the new API methodremoveAllFiles()from the new library@uploadcare/file-uploader.
Line range hint
121-148:
JSX elements updated correctly.The JSX elements have been updated to use the new library's naming conventions.
examples/svelte-uploader/src/lib/FileUploader/FileUploader.svelte (5)
3-3: Imports updated correctly.The import statements have been updated to use the new library
@uploadcare/file-uploader.
25-27: Function updated correctly.The
resetUploaderStatefunction has been updated to use the new API methodremoveAllFiles()from the new library@uploadcare/file-uploader.
48-48: Function call updated correctly.The
registerBlocksfunction call has been updated to use the new library@uploadcare/file-uploader.
Line range hint
100-130:
Markup elements updated correctly.The markup elements have been updated to use the new library's naming conventions.
Line range hint
207-253:
CSS selectors updated correctly.The CSS selectors have been updated to match the new library's classes.
examples/vue-uploader/src/components/FileUploader/FileUploader.composition.vue (5)
9-9: Imports updated correctly.The import statements have been updated to use the new library
@uploadcare/file-uploader.
12-12: Function call updated correctly.The
registerBlocksfunction call has been updated to use the new library@uploadcare/file-uploader.
45-45: Function updated correctly.The
resetUploaderStatefunction has been updated to use the new API methodremoveAllFiles()from the new library@uploadcare/file-uploader.
Line range hint
110-152:
Template elements updated correctly.The template elements have been updated to use the new library's naming conventions.
Line range hint
230-253:
CSS selectors updated correctly.The CSS selectors have been updated to match the new library's classes.
examples/vue-uploader/src/components/FileUploader/FileUploader.options.vue (9)
9-9: LGTM! Verify the new library provides necessary functionalities.The import statement has been updated to use the
@uploadcare/file-uploaderlibrary. Ensure that this library provides all the necessary functionalities previously offered by@uploadcare/blocks.
11-11: LGTM! Verify the new method call works as expected.The method call has been updated to use the
@uploadcare/file-uploaderlibrary. Ensure thatUC.registerBlocks(UC)works as expected.
48-48: LGTM! Verify the new method provides the same functionality.The method call has been updated to use
this.$refs.ctxProviderRef.getAPI().removeAllFiles(). Ensure that this method provides the same functionality asuploadCollection.clearAll().
Line range hint
123-132:
LGTM! Verify the new template tags are recognized.The template tag
<lr-config>has been updated to<uc-config>. Ensure that the new tag is recognized and works as expected.
134-141: LGTM! Verify the new template tags are recognized.The template tag
<lr-file-uploader-regular>has been updated to<uc-file-uploader-regular>. Ensure that the new tag is recognized and works as expected.
149-154: LGTM! Verify the new template tags are recognized.The template tag
<lr-upload-ctx-provider>has been updated to<uc-upload-ctx-provider>. Ensure that the new tag is recognized and works as expected.
Line range hint
232-245:
LGTM! Verify the new CSS classes are recognized.The CSS class references have been updated from
lr-simple-btntouc-simple-btn. Ensure that the new classes are recognized and work as expected.
249-250: LGTM! Verify the new CSS classes are recognized.The CSS class references have been updated from
lr-simple-btntouc-simple-btn. Ensure that the new classes are recognized and work as expected.
255-255: LGTM! Verify the new CSS classes are recognized.The CSS class references have been updated from
lr-simple-btntouc-simple-btn. Ensure that the new classes are recognized and work as expected.examples/react-uploader/src/views/FormView/mocks.ts (1)
1-1: LGTM! Verify the new library provides necessary type definitions.The import statement has been updated to use the
@uploadcare/file-uploaderlibrary. Ensure that this library provides the necessary type definitions previously offered by@uploadcare/blocks.
There was a problem hiding this comment.
Actionable comments posted: 0
Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Files selected for processing (19)
- examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.ts (3 hunks)
- examples/angular-uploader/src/app/views/minimal-view/minimal-view.component.ts (3 hunks)
- examples/angular-uploader/src/app/views/regular-view/regular-view.component.ts (3 hunks)
- examples/js-custom-tab/src/main.js (1 hunks)
- examples/js-uploader/headless.js (2 hunks)
- examples/js-uploader/minimal.js (1 hunks)
- examples/js-uploader/regular.js (1 hunks)
- examples/next-uploader/pages/minimal.js (2 hunks)
- examples/next-uploader/pages/regular.js (2 hunks)
- examples/react-uploader/src/components/FileUploader/FileUploader.tsx (6 hunks)
- examples/react-uploader/src/views/MinimalView/MinimalView.tsx (2 hunks)
- examples/react-uploader/src/views/RegularView/RegularView.tsx (2 hunks)
- examples/svelte-uploader/src/lib/FileUploader/FileUploader.svelte (7 hunks)
- examples/svelte-uploader/src/routes/minimal/+page.svelte (3 hunks)
- examples/svelte-uploader/src/routes/regular/+page.svelte (3 hunks)
- examples/vue-uploader/src/components/FileUploader/FileUploader.composition.vue (6 hunks)
- examples/vue-uploader/src/components/FileUploader/FileUploader.options.vue (6 hunks)
- examples/vue-uploader/src/views/MinimalView/MinimalView.vue (2 hunks)
- examples/vue-uploader/src/views/RegularView/RegularView.vue (2 hunks)
Files skipped from review as they are similar to previous changes (8)
- examples/angular-uploader/src/app/components/file-uploader/file-uploader.component.ts
- examples/angular-uploader/src/app/views/regular-view/regular-view.component.ts
- examples/js-custom-tab/src/main.js
- examples/svelte-uploader/src/lib/FileUploader/FileUploader.svelte
- examples/svelte-uploader/src/routes/minimal/+page.svelte
- examples/svelte-uploader/src/routes/regular/+page.svelte
- examples/vue-uploader/src/views/MinimalView/MinimalView.vue
- examples/vue-uploader/src/views/RegularView/RegularView.vue
Additional comments not posted (49)
examples/angular-uploader/src/app/views/minimal-view/minimal-view.component.ts (4)
10-11: LGTM! Import statements updated correctly.The import statements are updated to import
UCandOutputFileEntryfrom@uploadcare/file-uploader, consistent with the transition from@uploadcare/blocks.
13-13: LGTM! Component definition updated correctly.The method
UC.defineComponents(UC)is used to define components, consistent with the transition fromLR.registerBlocks(LR).
27-27: LGTM! Type reference updated correctly.The type reference for
ctxProviderRefis updated toInstanceType<UC.UploadCtxProvider>, consistent with the transition fromInstanceType<LR.UploadCtxProvider>.
50-50: LGTM! Event handler updated correctly.The event handler
handleChangeEventis updated to useUC.EventMap['change'], consistent with the transition fromLR.EventMap['change'].examples/js-uploader/regular.js (2)
1-2: LGTM! Import statements updated correctly.The import statements are updated to import
UCfrom@uploadcare/file-uploader/web/uc-file-uploader-regular.min.jsand the corresponding CSS file, consistent with the transition from@uploadcare/blocks.
5-5: LGTM! Component definition updated correctly.The method
UC.defineComponents(UC)is used to define components, consistent with the transition fromLR.registerBlocks(LR).examples/js-uploader/minimal.js (2)
1-2: LGTM! Import statements updated correctly.The import statements are updated to import
UCfrom@uploadcare/file-uploader/web/uc-file-uploader-minimal.min.jsand the corresponding CSS file, consistent with the transition from@uploadcare/blocks.
5-5: LGTM! Component definition updated correctly.The method
UC.defineComponents(UC)is used to define components, consistent with the transition fromLR.registerBlocks(LR).examples/js-uploader/headless.js (3)
1-2: LGTM! Import statements updated correctly.The import statements have been correctly updated to source the new library and its corresponding CSS file.
5-5: LGTM! Component registration updated correctly.The component registration has been correctly updated to use the new library's API method
defineComponents.
17-18: LGTM! Initialization flow updated correctly.The initialization flow has been correctly updated to use the new method
getAPIand the structured approach to accessing the uploader's API.examples/react-uploader/src/views/MinimalView/MinimalView.tsx (4)
3-4: LGTM! Import statements updated correctly.The import statements have been correctly updated to source the new library.
8-8: LGTM! Component registration updated correctly.The component registration has been correctly updated to use the new library's API method
defineComponents.
12-12: LGTM! Context provider reference updated correctly.The context provider reference type has been correctly updated to use the new library's context provider type.
18-18: LGTM! Event handling updated correctly.The event handling logic has been correctly updated to use the new library's event type.
examples/react-uploader/src/views/RegularView/RegularView.tsx (4)
3-4: LGTM! Import statements updated correctly.The import statements have been correctly updated to source the new library.
8-8: LGTM! Component registration updated correctly.The component registration has been correctly updated to use the new library's API method
defineComponents.
12-12: LGTM! Context provider reference updated correctly.The context provider reference type has been correctly updated to use the new library's context provider type.
18-18: LGTM! Event handling updated correctly.The event handling logic has been correctly updated to use the new library's event type.
examples/next-uploader/pages/minimal.js (4)
1-1: LGTM! Import statement updated correctly.The import statement has been updated to use the new library
@uploadcare/file-uploader.
4-4: LGTM! CSS import statement updated correctly.The CSS import statement has been updated to use the new library's CSS file.
7-7: LGTM! Method updated correctly.The method
defineComponentshas been correctly used to replaceregisterBlocks.
49-60: LGTM! Component prefixes updated correctly.The component prefixes have been updated from
lr-touc-to align with the new library.examples/next-uploader/pages/regular.js (4)
1-1: LGTM! Import statement updated correctly.The import statement has been updated to use the new library
@uploadcare/file-uploader.
4-4: LGTM! CSS import statement updated correctly.The CSS import statement has been updated to use the new library's CSS file.
7-7: LGTM! Method updated correctly.The method
defineComponentshas been correctly used to replaceregisterBlocks.
49-61: LGTM! Component prefixes updated correctly.The component prefixes have been updated from
lr-touc-to align with the new library.examples/react-uploader/src/components/FileUploader/FileUploader.tsx (6)
2-3: LGTM! Import statements updated correctly.The import statements have been updated to use the new library
@uploadcare/file-uploader.
20-21: LGTM! Type updates are correct.The types for the context provider and configuration references have been updated to use the new library's types.
8-8: LGTM! Method updated correctly.The method
defineComponentshas been correctly used to replaceregisterBlocks.
32-32: LGTM! Event type updated correctly.The
handleChangeEventfunction has been updated to use the new library's event type.
99-102: LGTM! API method updated correctly.The
resetUploaderStatefunction has been updated to use the new library's API methodremoveAllFiles.
Line range hint
132-148:
LGTM! Component prefixes updated correctly.The component prefixes have been updated from
lr-touc-to align with the new library.examples/vue-uploader/src/components/FileUploader/FileUploader.composition.vue (8)
9-9: Import statement updated to new library.The import statement has been updated to use
@uploadcare/file-uploader, aligning with the new library.
12-12: Block registration method updated.The method
LR.registerBlocks(LR)has been replaced withUC.defineComponents(UC), which is required for the new library.
45-45: File management method updated.The method for clearing uploaded files has changed to
ctxProviderRef.value.getAPI().removeAllFiles(), reflecting the new API.
Line range hint
121-130: Component tag updated touc-config.The component tag
<lr-config>has been updated to<uc-config>, aligning with the new library's naming conventions.
132-139: Component tag updated touc-file-uploader-regular.The component tag
<lr-file-uploader-regular>has been updated to<uc-file-uploader-regular>, aligning with the new library's naming conventions.
147-152: Component tag updated touc-upload-ctx-provider.The component tag
<lr-upload-ctx-provider>has been updated to<uc-upload-ctx-provider>, aligning with the new library's naming conventions.
Line range hint
230-243: CSS class name updated touc-simple-btn.The CSS class name
.root lr-simple-btn buttonhas been updated to.root uc-simple-btn button, aligning with the new library's styling conventions.
245-255: CSS class name updated touc-icon.The CSS class name
.root lr-simple-btn lr-iconhas been updated to.root uc-simple-btn uc-icon, aligning with the new library's styling conventions.examples/vue-uploader/src/components/FileUploader/FileUploader.options.vue (8)
9-9: Import statement updated to new library.The import statement has been updated to use
@uploadcare/file-uploader, aligning with the new library.
11-11: Block registration method updated.The method
LR.registerBlocks(LR)has been replaced withUC.defineComponents(UC), which is required for the new library.
48-48: File management method updated.The method for clearing uploaded files has changed to
this.$refs.ctxProviderRef.getAPI().removeAllFiles(), reflecting the new API.
Line range hint
123-132: Component tag updated touc-config.The component tag
<lr-config>has been updated to<uc-config>, aligning with the new library's naming conventions.
134-141: Component tag updated touc-file-uploader-regular.The component tag
<lr-file-uploader-regular>has been updated to<uc-file-uploader-regular>, aligning with the new library's naming conventions.
149-154: Component tag updated touc-upload-ctx-provider.The component tag
<lr-upload-ctx-provider>has been updated to<uc-upload-ctx-provider>, aligning with the new library's naming conventions.
Line range hint
232-245: CSS class name updated touc-simple-btn.The CSS class name
.root:deep(lr-simple-btn button)has been updated to.root:deep(uc-simple-btn button), aligning with the new library's styling conventions.
245-255: CSS class name updated touc-icon.The CSS class name
.root:deep(lr-simple-btn lr-icon)has been updated to.root:deep(uc-simple-btn uc-icon), aligning with the new library's styling conventions.
egordidenko
changed the title
There was a problem hiding this comment.
Actionable comments posted: 0
Review details
Configuration used: CodeRabbit UI
Review profile: CHILL
Files ignored due to path filters (7)
examples/angular-uploader/package-lock.jsonis excluded by!**/package-lock.jsonexamples/js-custom-tab/package-lock.jsonis excluded by!**/package-lock.jsonexamples/js-uploader/package-lock.jsonis excluded by!**/package-lock.jsonexamples/next-uploader/package-lock.jsonis excluded by!**/package-lock.jsonexamples/react-uploader/package-lock.jsonis excluded by!**/package-lock.jsonexamples/svelte-uploader/package-lock.jsonis excluded by!**/package-lock.jsonexamples/vue-uploader/package-lock.jsonis excluded by!**/package-lock.json
Files selected for processing (8)
- examples/angular-uploader/package.json (1 hunks)
- examples/js-custom-tab/package.json (1 hunks)
- examples/js-uploader/package.json (1 hunks)
- examples/next-uploader/package.json (1 hunks)
- examples/react-uploader/package.json (1 hunks)
- examples/svelte-uploader/package.json (1 hunks)
- examples/vue-uploader/package.json (1 hunks)
- package.json (1 hunks)
Files skipped from review due to trivial changes (1)
- package.json
Files skipped from review as they are similar to previous changes (5)
- examples/js-custom-tab/package.json
- examples/js-uploader/package.json
- examples/react-uploader/package.json
- examples/svelte-uploader/package.json
- examples/vue-uploader/package.json
Additional comments not posted (2)
examples/next-uploader/package.json (1)
11-11: Dependency Update: Verify the new package functionality.The dependency
@uploadcare/blockshas been replaced with@uploadcare/file-uploaderversion^1.2.0. Ensure that the new package provides the required functionality and that all related code has been updated accordingly.Verification successful
Dependency Update Verified:
The new package
@uploadcare/file-uploaderversion^1.2.0has been successfully integrated into the codebase, replacing the previous@uploadcare/blockspackage. The new package is being utilized in various components, scripts, and stylesheets across multiple examples.
- Files Updated:
examples/js-uploader/regular.jsexamples/js-uploader/headless.jsexamples/js-uploader/minimal.jsexamples/vue-uploader/src/main.jsexamples/svelte-uploader/src/routes/+layout.svelteexamples/vue-uploader/src/views/MinimalView/MinimalView.vueexamples/svelte-uploader/src/routes/minimal/+page.svelteexamples/vue-uploader/src/views/RegularView/RegularView.vueexamples/svelte-uploader/src/routes/regular/+page.svelteexamples/vue-uploader/src/components/FileUploader/FileUploader.options.vueexamples/svelte-uploader/src/lib/FileUploader/FileUploader.svelteexamples/vue-uploader/src/components/FileUploader/FileUploader.composition.vueexamples/react-uploader-adapter/src/views/RegularView/RegularView.tsxexamples/react-uploader-adapter/src/views/FormView/mocks.tsexamples/next-uploader/pages/regular.jsexamples/angular-uploader/src/styles.scssexamples/angular-uploader/src/app/views/regular-view/regular-view.component.tsexamples/angular-uploader/src/app/views/minimal-view/minimal-view.component.tsexamples/angular-uploader/src/app/components/file-uploader/file-uploader.component.tsexamples/angular-uploader/src/app/views/form-view/form-view.component.tsexamples/angular-uploader/src/app/views/form-view/mocks.tsexamples/next-uploader/pages/minimal.jsexamples/js-custom-tab/src/CustomSourceBtn.jsexamples/react-uploader/src/views/MinimalView/MinimalView.tsxexamples/js-custom-tab/src/CustomFileUploader.jsexamples/react-uploader-adapter/src/components/FileUploader/FileUploader.tsxexamples/react-uploader/src/views/FormView/FormView.tsxexamples/react-uploader/src/views/FormView/mocks.tsThe new package appears to provide the required functionality, and related code has been updated accordingly.
Scripts executed
The following scripts were executed for the analysis:
Script:
#!/bin/bash # Description: Verify the usage of the new `@uploadcare/file-uploader` package in the codebase. # Test: Search for the usage of `@uploadcare/file-uploader` in the codebase. rg --type javascript -A 5 $'@uploadcare/file-uploader'Length of output: 88
Script:
#!/bin/bash # Description: Verify the usage of the new `@uploadcare/file-uploader` package in the codebase. # Test 1: Search for the usage of `@uploadcare/file-uploader` in the codebase using `rg`. rg '@uploadcare/file-uploader' -A 5 # Test 2: Search for import statements related to `@uploadcare/file-uploader` using `ast-grep`. ast-grep --lang javascript --pattern 'import $_ from "@uploadcare/file-uploader"'Length of output: 37388
examples/angular-uploader/package.json (1)
20-20: Dependency Update: Verify the new package functionality.The dependency
@uploadcare/blockshas been replaced with@uploadcare/file-uploaderversion^1.2.0. Ensure that the new package provides the required functionality and that all related code has been updated accordingly.
Description
Checklist
Summary by CodeRabbit
New Features
@uploadcare/file-uploader, enhancing the file uploader's functionality and performance.lr-touc-for a consistent naming convention.Bug Fixes
@uploadcare/file-uploaderpackage.Documentation
Style
lr-touc-for buttons and other components to align with the new library branding.