Lit Element migration RC #901

nd0ut · 2025-12-23T14:57:58Z

Description

Checklist

Tests (if applicable)
Documentation (if applicable)
Changelog stub (or use conventional commit messages)

- Add SymbioteCompatMixin for Symbiote.js compatibility layer - Add LightDomMixin for light DOM rendering support - Add CssDataMixin for CSS custom properties support - Add RegisterableElementMixin for custom element registration - Add parseCssPropertyValue utility for CSS property parsing - Add Constructor type helper

…classes - Add LitBlock as the base class for all Lit-based blocks - Add LitActivityBlock for activity-based UI components - Add LitUploaderBlock with file upload management capabilities - Add LitSolutionBlock for solution wrapper components - Add TestModeController for test mode handling

- Remove Block.ts (replaced by LitBlock) - Remove ActivityBlock.ts (replaced by LitActivityBlock) - Remove UploaderBlock.ts (replaced by LitUploaderBlock) - Remove SolutionBlock.ts (replaced by LitSolutionBlock) - Remove l10nProcessor.ts (l10n now handled in Lit templates) - Remove testModeProcessor.ts (replaced by TestModeController) - Remove bindCompatibilityFallbackProcessor.ts - Remove Range component (unused)

- Migrate CameraSource to Lit with reactive properties - Migrate ExternalSource to Lit - Migrate FileItem to Lit with improved rendering - Migrate UploadList to Lit - Migrate Modal to Lit - Migrate DropArea to Lit - Migrate SimpleBtn, SourceBtn, SourceList to Lit - Migrate Thumb to Lit with async image loading - Migrate ProgressBar, ProgressBarCommon to Lit - Migrate UrlSource to Lit - Migrate Select, Spinner, ActivityHeader, Config - Migrate StartFrom, Copyright, Icon, FormInput - Migrate UploadCtxProvider and EventEmitter

- Migrate CloudImageEditorBlock to Lit - Migrate EditorToolbar with Lit templating - Migrate EditorFilterControl, EditorOperationControl - Migrate EditorSlider, EditorImageCropper, EditorImageFader - Migrate CropFrame with reactive properties - Migrate UI elements: BtnUi, SliderUi, LineLoaderUi, PresenceToggle - Migrate EditorAspectRatioButtonControl, EditorCropButtonControl - Migrate EditorButtonControl, EditorScroller - Remove deprecated template.ts

- Migrate FileUploaderInline to Lit - Migrate FileUploaderMinimal to Lit - Migrate FileUploaderRegular to Lit

- Convert Img.js to Img.ts - Convert ImgBase.js to ImgBase.ts with proper typing - Convert ImgConfig.js to ImgConfig.ts - Add demo/img.html demo page

- Rename all locale files from .js to .ts

- Update CTX for Lit integration - Update TypedData change detection - Update UploaderPublicApi for Lit components - Update LocaleManager for Lit template binding - Update ModalManager, SecureUploadsManager, TelemetryManager - Update ValidationManager - Update a11y utilities - Update WindowHeightTracker

- Update src/index.ts with new Lit-based exports - Update adaptive-image solution imports

- Add Lit dependencies to package.json - Update biome.json configuration - Update tsconfig files for TypeScript locale files - Update vite.config.js

- Update e2e tests for Lit-based components - Update test utilities - Update test-locales script for .ts locale files

- Update cloud-image-editor.html demo - Update locales.html demo - Update raw-regular.html demo - Update validators.html demo

- Update biome.json schema version and add unused import/variable rules - Remove unused imports from Config.ts, computed-properties.ts, Select.ts - Fix unused catch variable in ImgBase.ts - Fix CSS grid-gap to gap in camera-source.css - Apply formatting fixes to demo HTML files

- Reorganize demos into folders: solutions/, bundles/, features/, external-sources/ - Add new bundle demos that import from pre-built web/ directory - Add Lit Element based demo index with search and folder navigation - Add debug, quality-insights=false, and test-mode to all demo configs - Rename files to be more descriptive (e.g. raw-regular -> regular)

…llection, not it destroy items after 10s of inactivity

Migration to Lit Element

…anagers refactor: centralized shared context managers state

coderabbitai · 2025-12-23T14:58:04Z

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

✨ Finishing touches

🧪 Generate unit tests (beta)

Create PR with unit tests
Post copyable unit tests in a comment
Commit unit tests in branch rc

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

nd0ut added 30 commits December 16, 2025 01:05

feat: symbiote v2 update

c5a09f5

chore: fix symbiote state type warnings

6195486

fix: use inert instead of aria-hidden to supress focus catch

d60cc6b

refactor(cloud-image-editor): migrate CloudImageEditorActivity to Lit

2b527b5

refactor(solutions): migrate file uploader solutions to Lit

3570693

- Migrate FileUploaderInline to Lit - Migrate FileUploaderMinimal to Lit - Migrate FileUploaderRegular to Lit

refactor(img): rewrite uc-img components to TypeScript

caecbc9

- Convert Img.js to Img.ts - Convert ImgBase.js to ImgBase.ts with proper typing - Convert ImgConfig.js to ImgConfig.ts - Add demo/img.html demo page

chore(locales): convert locale files from JS to TS

f978017

- Rename all locale files from .js to .ts

refactor: update exports and imports for Lit migration

f5e95ce

- Update src/index.ts with new Lit-based exports - Update adaptive-image solution imports

chore: update dependencies and build config for Lit

5611261

- Add Lit dependencies to package.json - Update biome.json configuration - Update tsconfig files for TypeScript locale files - Update vite.config.js

test: update test files for Lit migration

c6360cc

- Update e2e tests for Lit-based components - Update test utilities - Update test-locales script for .ts locale files

chore(demo): update demo files for Lit migration

7d67db6

- Update cloud-image-editor.html demo - Update locales.html demo - Update raw-regular.html demo - Update validators.html demo

chore: fix missed dep while rebasing

5c3680a

chore: remove lit bundle

021ae0a

chore(modal): expose dialog ref to ancestors

e197425

chore: fix text binding

0f9b486

chore: fix symbiote layer unsubscribes

f2934de

chore: remove focus-visible polyfill

4bdc014

chore: fix file-item render pause on re-render

b999992

chore: fix ai-found memory leaks

054bfa7

chore: fix camera shot not freezing issue

0416e02

chore: remove unused waitForAttribute method

0d4f248

chore(demo): replace real public key with demopublickey

8f3c816

nd0ut and others added 29 commits December 16, 2025 01:14

fix: context destroy logic mistake

3c420ba

fix: fallback to fake uid if native crypto uuid is not supported

495cf50

fix: few ai review fixes

11c0a6b

chore: add coderabbit config

21cc76d

refactor(cloud-image-editor-activity): refactor config sync

019271c

refactor: remove intersection observer support checks

0c1a33e

fix(cloud-image-editor): generate unique id for backgrop mask

020d9e0

refactor(slider): remove unused event

224d0b4

refactor(btn-ui): remove unused prop

6d390a0

chore: fix message text spacing

80638fd

fix(TypedCollection): fix memory leak when removing items from the co…

ab7fc93

…llection, not it destroy items after 10s of inactivity

chore: add error message for removed api

c9d11fa

chore: apply lint

28a56bf

chore: fix imports

d473f8e

chore: do not mangle package bundle

a0f9c53

fix(cloud-image-editor): fix filter previews lazy loading

136fd90

fix(cloud-image-editor): fix unnecessary image requests

8771062

refactor: centralized shared context managers state

a2e8476

test: update tests to match new API

313e765

fix: test-mode for editor slider

aa17b9a

refactor: init uploader state managers inside uploader block

cd17ed6

chore: remove console.log

350e172

chore: skip validation if file entry was removed

d2deb32

test: update vitest imports

c73392d

fix: prevent validation after context destroy

de0028f

refactor: shared instances cfg access

042d3b9

chore: remove dup telemetry event emit

e5bb399

Merge pull request #886 from uploadcare/feat/lit-element

1471414

Migration to Lit Element

Merge pull request #897 from uploadcare/refactor/lit-shared-context-m…

f99656f

…anagers refactor: centralized shared context managers state

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Lit Element migration RC #901

Lit Element migration RC #901

Uh oh!

nd0ut commented Dec 23, 2025

Uh oh!

coderabbitai bot commented Dec 23, 2025

Review skipped

Uh oh!

Reviewers

Assignees

Labels

Milestone

Development

Uh oh!

2 participants

Lit Element migration RC #901

Are you sure you want to change the base?

Lit Element migration RC #901

Uh oh!

Conversation

nd0ut commented Dec 23, 2025

Description

Checklist

Uh oh!

coderabbitai bot commented Dec 23, 2025

Review skipped

Uh oh!

Reviewers

Assignees

Labels

Milestone

Development

Uh oh!

2 participants