chore: get the Rollup bundle working (WIP)

josdejong · Aug 2, 2024 · 6c2a2eb · 6c2a2eb
1 parent 33c860a
commit 6c2a2eb
Show file tree

Hide file tree

Showing 12 changed files with 1,223 additions and 33 deletions.
diff --git a/examples/browser/basic_usage.html b/examples/browser/basic_usage.html
@@ -20,10 +20,10 @@
     <div id="jsoneditor"></div>
 
     <script type="module">
-      import { JSONEditor } from '../../package-vanilla/standalone.js'
+      import { createJSONEditor } from '../../package-vanilla/standalone.js'
 
       // create the editor
-      const editor = new JSONEditor({
+      const editor = createJSONEditor({
         target: document.getElementById('jsoneditor')
       })
 

diff --git a/examples/browser/custom_theme_color.html b/examples/browser/custom_theme_color.html
@@ -27,9 +27,9 @@ <h1>JSONEditor with a custom theme color and large font</h1>
     <div id="my-jsoneditor"></div>
 
     <script type="module">
-      import { JSONEditor } from '../../package-vanilla/standalone.js'
+      import { createJSONEditor } from '../../package-vanilla/standalone.js'
 
-      const editor = new JSONEditor({
+      const editor = createJSONEditor({
         target: document.getElementById('my-jsoneditor'),
         props: {
           content: {

diff --git a/examples/browser/custom_value_renderer.html b/examples/browser/custom_value_renderer.html
@@ -51,7 +51,7 @@ <h1>Custom value renderer (password, enum, action)</h1>
     <div id="jsoneditor"></div>
 
     <script type="module">
-      import { JSONEditor, renderValue, EnumValue } from '../../package-vanilla/standalone.js'
+      import { createJSONEditor, renderValue, EnumValue } from '../../package-vanilla/standalone.js'
       import { ReadonlyPasswordAction } from './components/ReadonlyPasswordAction.js'
       import { EvaluatorAction } from './components/EvaluatorAction.js'
 
@@ -111,7 +111,7 @@ <h1>Custom value renderer (password, enum, action)</h1>
       }
 
       // create the editor
-      const editor = new JSONEditor({
+      const editor = createJSONEditor({
         target: document.getElementById('jsoneditor'),
         props: {
           content,

diff --git a/examples/browser/json_schema_validation.html b/examples/browser/json_schema_validation.html
@@ -36,7 +36,7 @@ <h1>JSON schema validation</h1>
     <div id="jsoneditor"></div>
 
     <script type="module">
-      import { JSONEditor, createAjvValidator } from '../../package-vanilla/standalone.js'
+      import { createJSONEditor, createAjvValidator } from '../../package-vanilla/standalone.js'
 
       const schema = {
         title: 'Employee',
@@ -122,7 +122,7 @@ <h1>JSON schema validation</h1>
 
       // create the editor
       const target = document.getElementById('jsoneditor')
-      const editor = new JSONEditor({
+      const editor = createJSONEditor({
         target: document.getElementById('jsoneditor'),
         props: {
           content,

diff --git a/examples/browser/toggle_options.html b/examples/browser/toggle_options.html
@@ -28,7 +28,7 @@
     <div id="jsoneditor"></div>
 
     <script type="module">
-      import { JSONEditor } from '../../package-vanilla/standalone.js'
+      import { createJSONEditor } from '../../package-vanilla/standalone.js'
 
       const content = {
         text: undefined,
@@ -45,7 +45,7 @@
       }
 
       // create the editor
-      const editor = new JSONEditor({
+      const editor = createJSONEditor({
         target: document.getElementById('jsoneditor'),
         props: {
           content