add extensions and locales

rollup.config.js

@@ -1,4 +1,6 @@
 /* eslint-env node */
+import {join, basename} from 'path';
+import {lstatSync, readdirSync} from 'fs';
 import rimraf from 'rimraf';
 import babel from '@rollup/plugin-babel';
 import copy from 'rollup-plugin-copy';
@@ -6,35 +8,40 @@ import {nodeResolve} from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
 import nodePolyfills from 'rollup-plugin-node-polyfills';
 
+const isDirectory = (source) => {
+  return lstatSync(source).isDirectory();
+};
+const getDirectories = (source) => {
+  return readdirSync(source).map((nme) => join(source, nme)).filter((i) => isDirectory(i));
+};
+
+const localeFiles = readdirSync('src/editor/locale');
+const extensionFiles = readdirSync('src/editor/extensions');
+
+const extensionLocaleDirs = getDirectories('src/editor/extensions/ext-locale');
+const extensionLocaleFiles = [];
+extensionLocaleDirs.forEach((dir) => {
+  readdirSync(dir).forEach((file) => {
+    extensionLocaleFiles.push([dir, file]);
+  });
+});
+
 // eslint-disable-next-line no-console
 rimraf('./dist', () => console.info('recreating dist'));
 
+// main config: build svgedit and
 const config = [{
   input: 'src/editor/index.js',
-  preserveEntrySignatures: false,
   output: [
     {
       format: 'es',
-      file: 'dist/editor/index.js',
       inlineDynamicImports: true,
-      sourcemap: true
-      // dir: 'dist/editor'
+      sourcemap: true,
+      dir: 'dist/editor'
     },
     {
       format: 'system',
-      file: 'dist/editor/index-system.js',
-      inlineDynamicImports: true,
-      sourcemap: true
-      // dir: 'dist/editor'
-    },
-    {
-      format: 'iife',
-      file: 'dist/editor/index-iife.js',
-      inlineDynamicImports: true
-    },
-    {
-      format: 'umd',
-      file: 'dist/editor/index-umd.js',
+      dir: 'dist/editor/system',
       inlineDynamicImports: true
     }
   ],
@@ -47,53 +54,36 @@ const config = [{
         },
         {
           src: 'src/editor/index.html',
-          dest: 'dist/editor',
-          rename: 'index-iife.html',
-          transform: (contents) => contents.toString()
-            .replace('<script type="module" src="index.js">', '<script defer="defer" src="index-iife.js">')
-        },
-        {
-          src: 'src/editor/index.html',
-          dest: 'dist/editor',
-          rename: 'index-system.html',
+          dest: 'dist/editor/system',
+          rename: 'index.html',
           transform: (contents) => contents.toString()
             .replace('<script type="module" src="index.js">',
               `<script>
-              if (!window.supportsDynamicImport) {
-                const systemJsLoaderTag = document.createElement('script');
-                systemJsLoaderTag.src = './s.min.js';
-                systemJsLoaderTag.addEventListener('load', function () {
-                  System.import('./index-system.js');
+              const systemJsLoaderTag = document.createElement('script');
+              systemJsLoaderTag.src = './s.min.js';
+              systemJsLoaderTag.addEventListener('load', function () {
+                System.import('./index.js');
                 });
-                document.head.appendChild(systemJsLoaderTag);
-              }`)
+              document.head.appendChild(systemJsLoaderTag);
+              `)
         },
         {
           src: ['node_modules/systemjs/dist/s.min.js', 'node_modules/systemjs/dist/s.min.js.map'],
-          dest: 'dist/editor'
+          dest: 'dist/editor/system'
         },
-        {
-          src: 'src/editor/index.html',
-          dest: 'dist/editor',
-          rename: 'index-umd.html',
-          transform: (contents) => contents.toString()
-            .replace('<script type="module" src="index.js">', '<script src="index-umd.js">')
-        },
-        {src: 'src/editor/locale', dest: 'dist/editor'},
-        {src: 'src/editor/extensions', dest: 'dist/editor'},
-        {src: 'src/editor/images', dest: 'dist/editor'},
+        {src: 'src/editor/images', dest: ['dist/editor', 'dist/editor/system']},
         {src: 'src/common', dest: 'dist'},
         {src: 'src/external', dest: 'dist'},
-        {src: 'src/editor/jquery.min.js', dest: 'dist/editor'},
-        {src: 'src/editor/jquery-ui', dest: 'dist/editor'},
-        {src: 'src/editor/jgraduate', dest: 'dist/editor'},
-        {src: 'src/editor/spinbtn', dest: 'dist/editor'},
-        {src: 'src/editor/embedapi.html', dest: 'dist/editor'},
-        {src: 'src/editor/embedapi.js', dest: 'dist/editor'},
-        {src: 'src/editor/browser-not-supported.html', dest: 'dist/editor'},
-        {src: 'src/editor/redirect-on-lacking-support.js', dest: 'dist/editor'},
-        {src: 'src/editor/redirect-on-no-module-support.js', dest: 'dist/editor'},
-        {src: 'src/editor/svgedit.css', dest: 'dist/editor'}
+        {src: 'src/editor/jquery.min.js', dest: ['dist/editor', 'dist/editor/system']},
+        {src: 'src/editor/jquery-ui', dest: ['dist/editor', 'dist/editor/system']},
+        {src: 'src/editor/jgraduate', dest: ['dist/editor', 'dist/editor/system']},
+        {src: 'src/editor/spinbtn', dest: ['dist/editor', 'dist/editor/system']},
+        {src: 'src/editor/embedapi.html', dest: ['dist/editor', 'dist/editor/system']},
+        {src: 'src/editor/embedapi.js', dest: ['dist/editor', 'dist/editor/system']},
+        {src: 'src/editor/browser-not-supported.html', dest: ['dist/editor', 'dist/editor/system']},
+        {src: 'src/editor/redirect-on-lacking-support.js', dest: ['dist/editor', 'dist/editor/system']},
+        {src: 'src/editor/redirect-on-no-module-support.js', dest: ['dist/editor', 'dist/editor/system']},
+        {src: 'src/editor/svgedit.css', dest: ['dist/editor', 'dist/editor/system']}
       ]
     }),
     nodeResolve({
@@ -106,4 +96,84 @@ const config = [{
   ]
 }];
 
+// template for locale
+const localeConfig = {
+  input: '<<<locale-file>>>',
+  treeshake: false,
+  output: [
+    {
+      format: 'es',
+      dir: 'dist/editor/locale',
+      inlineDynamicImports: true
+    },
+    {
+      format: 'system',
+      dir: 'dist/editor/system/locale',
+      inlineDynamicImports: true
+    }
+  ],
+  plugins: []
+};
+
+extensionFiles.forEach((extensionFile) => {
+  const extensionName = extensionFile.match(/^ext-(.+?)\.js$/);
+  extensionName && config.push(
+    {
+      input: `./src/editor/extensions/${extensionFile}`,
+      treeshake: false,
+      output: [
+        {
+          format: 'es',
+          dir: 'dist/editor/extensions',
+          inlineDynamicImports: true,
+          sourcemap: true
+        },
+        {
+          format: 'system',
+          dir: 'dist/editor/system/extensions',
+          inlineDynamicImports: true
+        }
+      ],
+      plugins: [
+        nodeResolve({
+          browser: true,
+          preferBuiltins: true
+        }),
+        commonjs(),
+        babel({babelHelpers: 'bundled'}),
+        nodePolyfills()
+      ]
+    }
+  );
+});
+
+localeFiles.forEach((localeFile) => {
+  const localeRegex = /^lang\.([\w-]+?)\.js$/;
+  const lang = localeFile.match(localeRegex);
+  lang && config.push({...localeConfig, input: `./src/editor/locale/${localeFile}`});
+});
+
+extensionLocaleFiles.forEach(([dir, file]) => {
+  const lang = file.replace(/\.js$/, '').replace(/-/g, '_');
+  config.push(
+    {
+      input: join(dir, file),
+      treeshake: false,
+      output: [
+        {
+          format: 'es',
+          file: `dist/editor/extensions/ext-locale/${basename(dir)}/${lang}.js`,
+          inlineDynamicImports: true
+        },
+        {
+          format: 'system',
+          file: `dist/editor/system/extensions/ext-locale/${basename(dir)}.js`,
+          inlineDynamicImports: true
+        }
+      ],
+      plugins: []
+    }
+  );
+});
+
 export default config;