uploadcare · nd0ut · Feb 9, 2026 · Feb 9, 2026 · Feb 13, 2026 · Feb 16, 2026
diff --git a/.gitignore b/.gitignore
@@ -2,10 +2,11 @@ node_modules
 .DS_Store
 TMP
 **/*.d.ts
+!tests/render-jsx-children.d.ts
 !types/**
 **/*.d.ts.map
 !global.d.ts
-web
+web/**
 tests/__coverage__
 tsconfig.types.tsbuildinfo
-dist
+dist/**
diff --git a/biome.json b/biome.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://biomejs.dev/schemas/2.3.13/schema.json",
+  "$schema": "https://biomejs.dev/schemas/2.4.6/schema.json",
   "vcs": {
     "enabled": true,
     "clientKind": "git",
@@ -32,7 +32,9 @@
           "options": {
             "accessibility": "explicit"
           }
-        }
+        },
+        "useImportType": "error",
+        "useExportType": "error"
       },
       "correctness": {
         "noUnusedVariables": "error",
@@ -67,11 +69,14 @@
       }
     },
     {
-      "includes": ["**/*.test.*", "**/*.spec.*", "**/*.e2e.test.*"],
+      "includes": ["**/*.test.*", "**/*.spec.*", "**/*.e2e.test.*", "tests/**/*"],
       "linter": {
         "rules": {
           "style": {
             "noNonNullAssertion": "off"
+          },
+          "suspicious": {
+            "noExplicitAny": "off"
           }
         }
       }

diff --git a/demo/bundles/dist/inline.html b/demo/bundles/dist/inline.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>File Uploader Inline - Dist Demo</title>
+    <link rel="stylesheet" href="../../../dist/index.css">
+    <style>
+    @media (prefers-color-scheme: dark) {
+      body {
+        background-color: #121213;
+      }
+    }
+    </style>
+    <script type="module">
+    import * as UC from '../../../dist/index.js';
+
+    UC.defineComponents(UC);
+    </script>
+  </head>
+  <body>
+    <uc-file-uploader-inline ctx-name="my-uploader"></uc-file-uploader-inline>
+    <uc-config ctx-name="my-uploader" pubkey="demopublickey" debug quality-insights="false" test-mode></uc-config>
+    <uc-upload-ctx-provider ctx-name="my-uploader"></uc-upload-ctx-provider>
+  </body>
+</html>
diff --git a/demo/bundles/dist/minimal.html b/demo/bundles/dist/minimal.html
@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>File Uploader Minimal - Dist Demo</title>
+    <link rel="stylesheet" href="../../../dist/index.css">
+    <style>
+    @media (prefers-color-scheme: dark) {
+      body {
+        background-color: #121213;
+      }
+    }
+    </style>
+    <script type="module">
+    import * as UC from '../../../dist/index.js';
+
+    UC.defineComponents(UC);
+    </script>
+  </head>
+  <body>
+    <uc-file-uploader-minimal ctx-name="my-uploader"></uc-file-uploader-minimal>
+    <uc-config
+      ctx-name="my-uploader"
+      pubkey="demopublickey"
+      img-only
+      group-output
+      debug
+      quality-insights="false"
+      test-mode
+    ></uc-config>
+  </body>
+</html>
diff --git a/demo/bundles/dist/regular.html b/demo/bundles/dist/regular.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>File Uploader Regular - Dist Demo</title>
+    <link rel="stylesheet" href="../../../dist/index.css">
+    <style>
+    @media (prefers-color-scheme: dark) {
+      body {
+        background-color: #121213;
+      }
+    }
+    </style>
+    <script type="module">
+    import * as UC from '../../../dist/index.js';
+
+    UC.defineComponents(UC);
+    </script>
+  </head>
+  <body>
+    <uc-file-uploader-regular ctx-name="my-uploader"></uc-file-uploader-regular>
+    <uc-config ctx-name="my-uploader" pubkey="demopublickey" debug quality-insights="false" test-mode></uc-config>
+    <uc-upload-ctx-provider ctx-name="my-uploader"></uc-upload-ctx-provider>
+  </body>
+</html>
diff --git a/demo/bundles/cloud-image-editor.html → demo/bundles/web/cloud-image-editor.html b/demo/bundles/cloud-image-editor.html → demo/bundles/web/cloud-image-editor.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Cloud Image Editor - Bundle Demo</title>
-    <link rel="stylesheet" href="../../web/uc-cloud-image-editor.min.css">
+    <link rel="stylesheet" href="../../../web/uc-cloud-image-editor.min.css">
     <style>
     .uc-cloud-image-editor {
       width: 100vw;

diff --git a/demo/bundles/iife.html → demo/bundles/web/iife.html b/demo/bundles/iife.html → demo/bundles/web/iife.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>File Uploader - IIFE Bundle Demo</title>
-    <link rel="stylesheet" href="../../web/uc-basic.min.css">
+    <link rel="stylesheet" href="../../../web/uc-basic.min.css">
     <style>
     @media (prefers-color-scheme: dark) {
       body {

diff --git a/demo/bundles/img.html → demo/bundles/web/img.html b/demo/bundles/img.html → demo/bundles/web/img.html
@@ -28,7 +28,7 @@
     }
     </style>
     <script type="module">
-    import '../../web/uc-img.min.js';
+    import '../../../web/uc-img.min.js';
     </script>
   </head>
   <body>

diff --git a/demo/bundles/inline.html → demo/bundles/web/inline.html b/demo/bundles/inline.html → demo/bundles/web/inline.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>File Uploader Inline - Bundle Demo</title>
-    <link rel="stylesheet" href="../../web/uc-file-uploader-inline.min.css">
+    <link rel="stylesheet" href="../../../web/uc-file-uploader-inline.min.css">
     <style>
     @media (prefers-color-scheme: dark) {
       body {

diff --git a/demo/bundles/minimal.html → demo/bundles/web/minimal.html b/demo/bundles/minimal.html → demo/bundles/web/minimal.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>File Uploader Minimal - Bundle Demo</title>
-    <link rel="stylesheet" href="../../web/uc-file-uploader-minimal.min.css">
+    <link rel="stylesheet" href="../../../web/uc-file-uploader-minimal.min.css">
     <style>
     @media (prefers-color-scheme: dark) {
       body {

diff --git a/demo/bundles/regular.html → demo/bundles/web/regular.html b/demo/bundles/regular.html → demo/bundles/web/regular.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>File Uploader Regular - Bundle Demo</title>
-    <link rel="stylesheet" href="../../web/uc-file-uploader-regular.min.css">
+    <link rel="stylesheet" href="../../../web/uc-file-uploader-regular.min.css">
     <style>
     @media (prefers-color-scheme: dark) {
       body {
@@ -13,7 +13,7 @@
     }
     </style>
     <script type="module">
-    import * as UC from '../../web/uc-file-uploader-regular.min.js';
+    import * as UC from '../../../web/uc-file-uploader-regular.min.js';
 
     UC.defineComponents(UC);
     </script>

diff --git a/demo/features/cloud-image-editor-plugin-cdn.html b/demo/features/cloud-image-editor-plugin-cdn.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style>
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    margin: 24px;
+    line-height: 1.5;
+  }
+  h1 {
+    font-size: 22px;
+    margin: 0 0 12px;
+  }
+  p {
+    margin: 0 0 12px;
+    color: #374151;
+  }
+  @media (prefers-color-scheme: dark) {
+    body {
+      background: #0f1115;
+      color: #f9fafb;
+    }
+    p {
+      color: #9ca3af;
+    }
+  }
+  </style>
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@uploadcare/file-uploader@1.27.0-alpha.1/dist/core.css">
+  <script type="module">
+  import * as UC from 'https://cdn.jsdelivr.net/npm/@uploadcare/file-uploader@1.27.0-alpha.1/dist/core.js';
+
+  UC.defineComponents(UC);
+  </script>
+</head>
+<body>
+  <h1>Cloud Image Editor Plugin (CDN demo)</h1>
+  <p>Load the built-in cloud editor as a plugin and use the edit action on uploaded images.</p>
+
+  <uc-file-uploader-regular ctx-name="cloud-editor-demo"></uc-file-uploader-regular>
+  <uc-config
+    ctx-name="cloud-editor-demo"
+    pubkey="demopublickey"
+    debug
+    quality-insights="false"
+    test-mode
+    source-list="local, url, camera, dropbox, gdrive"
+    use-cloud-image-editor="false"
+  ></uc-config>
+  <uc-upload-ctx-provider ctx-name="cloud-editor-demo"></uc-upload-ctx-provider>
+</body>
diff --git a/demo/features/cloud-image-editor-plugin.html b/demo/features/cloud-image-editor-plugin.html
@@ -0,0 +1,50 @@
+<!doctype html>
+<head>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <style>
+  body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    margin: 24px;
+    line-height: 1.5;
+  }
+  h1 {
+    font-size: 22px;
+    margin: 0 0 12px;
+  }
+  p {
+    margin: 0 0 12px;
+    color: #374151;
+  }
+  @media (prefers-color-scheme: dark) {
+    body {
+      background: #0f1115;
+      color: #f9fafb;
+    }
+    p {
+      color: #9ca3af;
+    }
+  }
+  </style>
+  <script type="module">
+  import '@/solutions/file-uploader/regular/index.css';
+  import * as UC from '@/core';
+
+  UC.defineComponents(UC);
+  </script>
+</head>
+<body>
+  <h1>Cloud Image Editor Plugin</h1>
+  <p>Load the built-in cloud editor as a plugin and use the edit action on uploaded images.</p>
+
+  <uc-file-uploader-regular ctx-name="cloud-editor-demo"></uc-file-uploader-regular>
+  <uc-config
+    ctx-name="cloud-editor-demo"
+    pubkey="demopublickey"
+    debug
+    quality-insights="false"
+    test-mode
+    source-list="local, url, camera, dropbox, gdrive"
+    use-cloud-image-editor="true"
+  ></uc-config>
+  <uc-upload-ctx-provider ctx-name="cloud-editor-demo"></uc-upload-ctx-provider>
+</body>