chore(docs): fix live examples (#516)

uploadcare · Aug 11, 2023 · 3e176cc · 3e176cc
1 parent 402a137
commit 3e176cc
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 12 deletions.
diff --git a/solutions/cloud-image-editor/demo.htm b/solutions/cloud-image-editor/demo.htm
@@ -28,7 +28,7 @@ <h2>Live example</h2>
   <!-- Cloud image editor element: -->
   <lr-config ctx-name="editor"></lr-config>
   <lr-cloud-image-editor
-    css-src="/web/lr-cloud-image-editor.min.css"
+    css-src="./web/lr-cloud-image-editor.min.css"
     ctx-name="editor"
     id="editor"
     uuid="7c167b79-9f27-4489-8032-3f3be1840605"

diff --git a/solutions/file-uploader/inline/demo.htm b/solutions/file-uploader/inline/demo.htm
@@ -1,12 +1,13 @@
 <h2>Multiple sources</h2>
 <lr-live-html>
   <!-- Uploader script connection: -->
-  <script src="./inline/index.js" type="module"></script>
+  <script type="module">
+    import * as LR from "./inline/index.js";
+    LR.registerBlocks(LR);
+  </script>
 
   <!-- CSS context properties: -->
   <style>
-    @import url(./inline/index.css);
-
     body {
       width: 100vw;
       height: 100vh;
@@ -26,18 +27,19 @@ <h2>Multiple sources</h2>
   </style>
 
   <!-- Uploader widget element: -->
-  <lr-file-uploader-inline class="lr-wgt-common"> </lr-file-uploader-inline>
+  <lr-file-uploader-inline css-src="./inline/index.css"> </lr-file-uploader-inline>
 </lr-live-html>
 
 <h2>Single source</h2>
 <lr-live-html>
   <!-- Uploader script connection: -->
-  <script src="./inline/index.js" type="module"></script>
+  <script type="module">
+    import * as LR from "./inline/index.js";
+    LR.registerBlocks(LR);
+  </script>
 
   <!-- CSS context properties: -->
   <style>
-    @import url(./inline/index.css);
-
     body {
       width: 100vw;
       height: 100vh;
@@ -58,5 +60,5 @@ <h2>Single source</h2>
   </style>
 
   <!-- Uploader widget element: -->
-  <lr-file-uploader-inline current-activity class="lr-wgt-common"> </lr-file-uploader-inline>
+  <lr-file-uploader-inline current-activity css-src="./inline/index.css"> </lr-file-uploader-inline>
 </lr-live-html>
diff --git a/solutions/file-uploader/minimal/demo.htm b/solutions/file-uploader/minimal/demo.htm
@@ -2,7 +2,10 @@ <h2>Live example</h2>
 
 <lr-live-html>
   <!-- Uploader script connection: -->
-  <script src="./minimal/index.js" type="module"></script>
+  <script type="module">
+    import * as LR from "./minimal/index.js";
+    LR.registerBlocks(LR);
+  </script>
 
   <!-- CSS context properties: -->
   <style>

diff --git a/solutions/file-uploader/regular/demo.htm b/solutions/file-uploader/regular/demo.htm
@@ -2,7 +2,10 @@ <h2>Button with modal window</h2>
 
 <lr-live-html>
   <!-- Uploader script connection: -->
-  <script src="./regular/index.js" type="module"></script>
+  <script type="module">
+    import * as LR from "./regular/index.js";
+    LR.registerBlocks(LR);
+  </script>
 
   <!-- CSS context properties: -->
   <style>
@@ -19,7 +22,10 @@ <h2>Button with modal window</h2>
 <h2>Single source</h2>
 <lr-live-html>
   <!-- Uploader script connection: -->
-  <script src="./regular/index.js" type="module"></script>
+  <script type="module">
+    import * as LR from "./regular/index.js";
+    LR.registerBlocks(LR);
+  </script>
 
   <!-- CSS context properties: -->
   <style>