make Editor.js the entry point

SVG-Edit · Aug 1, 2021 · 8644836 · 8644836
1 parent 3febd28
commit 8644836
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 147 deletions.
diff --git a/rollup.config.js b/rollup.config.js
@@ -37,19 +37,19 @@ rimraf('./dist', () => console.info('recreating dist'));
 
 // config for svgedit core module
 const config = [ {
-  input: [ 'src/editor/index.js' ],
+  input: [ 'src/editor/Editor.js' ],
   output: [
     {
       format: 'es',
       inlineDynamicImports: true,
       sourcemap: true,
-      file: 'dist/editor/index.js'
+      file: 'dist/editor/Editor.js'
     },
     {
       format: 'es',
       inlineDynamicImports: true,
       sourcemap: true,
-      file: 'dist/editor/xdomain-index.js',
+      file: 'dist/editor/xdomain-Editor.js',
       intro: 'const XDOMAIN = true;'
     }
   ],

diff --git a/src/editor/index.html b/src/editor/index.html
@@ -22,13 +22,36 @@
 
   <!-- If you do not wish to add extensions by URL, you can add calls
       within the following file to svgEditor.setConfig -->
-  <script type="module" src="./index.js"></script>
+  <script type="module">
+    /* for available options see the file `docs/tutorials/ConfigOptions.md */
+    import Editor from './Editor.js';
+    const svgEditor = new Editor(document.getElementsByClassName('svg_editor')[0]);
+    svgEditor.init();
+    svgEditor.setConfig({
+      allowInitialUserOverride: true,
+      extensions: [],
+      noDefaultExtensions: false,
+      userExtensions: [/* '../ext-helloworld/ext-helloworld.js' */]
+    });
+
+    // Variable XDOMAIN below is created by Rollup for the Xdomain build (see rollup.config.js)
+    /* globals XDOMAIN */
+    try { // try clause to avoid js to complain if XDOMAIN undefined
+      if (XDOMAIN) {
+        svgEditor.setConfig({
+          canvasName: 'xdomain', // Namespace this
+          allowedOrigins: ['*']
+        });
+        console.info('xdomain config activated');
+      }
+    } catch (error) {/* empty fn */ }
+  </script>
 
   <title>SVG-edit</title>
 </head>
 
 <body>
-  <div id="svg_editor" role="main"></div>
+  <div class="svg_editor" role="main"></div>
 </body>
 
 </html>
diff --git a/src/editor/index.js b/src/editor/index.js