svgedit/rollup.config.js

157 lines
4.9 KiB
JavaScript
Raw Normal View History

2021-05-09 17:29:45 +00:00
/* eslint-disable node/no-unpublished-import */
- Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); also expect one directory higher; incorporates #207 (@iuyiuy) - Breaking change: Separate `extIconsPath` from `extPath` (not copying over icons) - Breaking change: Don't reference `custom.css` in HTML; can instead be referenced in JavaScript through the config file (provided in `svgedit-config-sample-iife.js`/`svgedit-config-sample-es.js` as `svgedit-custom.css` for better namespacing); incorporates #207 (@iuyiuy) - Breaking change: Remove minified jgraduate/spinbtn files (minified within Rollup routine) - Fix: Zoom when scrolled; incorporates #169 (@AndrolGenhald), adapting for conventions; also allow avoidance when shift key pressed - Fix: Update Atom feed reference in HTML - Fixes related to recent commits: Some path and method name fixes needed, function order, missing methods, variable scope declaration, no need for DOMContentLoaded listeners in modules, switch back to non-default export, avoid trimming nullish, deal with mock tests, fix `math.matrixMultiply`, use jquery-svg where needed for array/SVG attributes; add babel-polyfill and defer script to imagelib; other misc. fixes - Enhancement: Move config-sample.js out of `editor` directory - Enhancement: For `callback`-style extensions, also provide config object; add following to that object: buildCanvgCallback, canvg, decode64, encode64, executeAfterLoads, getTypeMap, isChrome, ieIE, NS, text2xml - Enhancement: Complete ES6 modules work (extensions, locales, tests), along with Babel; make Node build routine for converting modular source to non-modular, use `loadStylesheets` for modular stylehsheet defining (but parallel loading); - Enhancement: Add `stylesheets` config for modular but parallel stylesheet loading with `@default` option for simple inclusion/exclusion of defaults (if not going with default). - Refactoring: Clean up `svg-editor.html`: consistent indents; avoid extra lbs, avoid long lines - Refactoring: Avoid embedded API adding inline JavaScript listener - Refactoring: Move layers and context code to `draw.js` - Refactoring: Move `pathActions` from `svgcanvas.js` (though preserve aliases to these methods on `canvas`) and `convertPath` from `svgutils.js` to `path.js` - Refactoring: Move `getStrokedBBox` from `svgcanvas.js` (while keeping an alias) to `svgutils.js` (as `getStrokedBBoxDefaultVisible` to avoid conflict with existing) - Docs: Remove "dependencies" comments in code except where summarizing role of jQuery or a non-obvious dependency - Refactoring/Linting: Enfore `no-extra-semi` and `quote-props` rules - Refactoring: Further avoidance of quotes on properties (as possible) - Refactoring: Use `class` in place of functions where intended as classes - Refactoring: Consistency and granularity in extensions imports - Testing: Update QUnit to 2.6.1 (node_modules) and Sinon to 5.0.8 (and add sinon-test at 2.1.3) and enforce eslint-plugin-qunit linting rules; update custom extensions - Testing: Add node-static for automating (and accessing out-of-directory contents) - Testing: Avoid HTML attributes for styling - Testing: Add npm `test` script - Testing: Comment out unused jQuery SVG test - Testing: Add test1 and svgutils_performance_test to all tests page - Testing: Due apparently to Path having not been a formal class, the test was calling it without `new`; refactored now with sufficient mock data to take into account it is a class - npm: Update devDeps - npm: Add html modules and config build to test script
2018-05-22 10:03:16 +00:00
/* eslint-env node */
2020-08-28 22:02:35 +00:00
// This rollup script is run by the command:
// 'npm run build'
import path from 'path'
import { lstatSync, readdirSync } from 'fs'
import rimraf from 'rimraf'
import babel from '@rollup/plugin-babel'
import copy from 'rollup-plugin-copy'
import { nodeResolve } from '@rollup/plugin-node-resolve'
import commonjs from '@rollup/plugin-commonjs'
import nodePolyfills from 'rollup-plugin-node-polyfills'
import url from '@rollup/plugin-url' // for XML/SVG files
// eslint-disable-next-line node/no-extraneous-import
import html from 'rollup-plugin-html'
import dynamicImportVars from '@rollup/plugin-dynamic-import-vars'
import { terser } from 'rollup-plugin-terser'
// import progress from 'rollup-plugin-progress';
import filesize from 'rollup-plugin-filesize'
2020-09-06 06:32:10 +00:00
// utility function
2020-08-23 23:23:00 +00:00
const getDirectories = (source) => {
2020-09-06 06:32:10 +00:00
const isDirectory = (dir) => {
return lstatSync(dir).isDirectory()
}
return readdirSync(source).map((name) => path.join(source, name)).filter((i) => isDirectory(i))
}
2020-08-23 23:23:00 +00:00
// capture the list of files to build for extensions and ext-locales
const extensionDirs = getDirectories('src/editor/extensions')
2020-08-23 23:23:00 +00:00
const dest = ['dist/editor']
2020-09-11 23:27:47 +00:00
2020-08-28 22:02:35 +00:00
// remove existing distribution
rimraf('./dist', () => console.info('recreating dist'))
2020-08-28 22:02:35 +00:00
// config for svgedit core module
const config = [{
input: ['src/editor/Editor.js'],
output: [
{
format: 'es',
inlineDynamicImports: true,
2020-08-23 23:23:00 +00:00
sourcemap: true,
2021-08-01 21:46:51 +00:00
file: 'dist/editor/Editor.js'
2020-09-11 23:27:47 +00:00
},
{
format: 'es',
inlineDynamicImports: true,
sourcemap: true,
2021-08-01 21:46:51 +00:00
file: 'dist/editor/xdomain-Editor.js',
2020-09-11 23:27:47 +00:00
intro: 'const XDOMAIN = true;'
2021-11-17 18:53:20 +00:00
},
{
file: 'dist/editor/iife-Editor.js',
format: 'iife',
inlineDynamicImports: true,
name: 'Editor',
sourcemap: true
}
],
plugins: [
copy({
targets: [
{
src: 'src/editor/index.html',
dest: 'dist/editor'
},
{
src: 'src/editor/index.html',
2020-09-11 23:27:47 +00:00
dest: 'dist/editor',
rename: 'xdomain-index.html',
transform: (contents) => contents.toString()
2021-11-17 18:53:20 +00:00
.replace("import Editor from './Editor.js'", "import Editor from './xdomain-Editor.js")
},
{
src: 'src/editor/index.html',
dest: 'dist/editor',
rename: 'iife-index.html',
transform: (contents) => {
const replace1 = contents.toString().replace("import Editor from './Editor.js'", "/* import Editor from './xdomain-Editor.js' */")
return replace1.replace('<script type="module">', '<script src="./iife-Editor.js"></script><script>')
2021-11-17 18:53:20 +00:00
}
2020-09-11 23:27:47 +00:00
},
2021-05-12 23:00:09 +00:00
{ src: 'src/editor/images', dest },
2021-12-01 23:16:16 +00:00
{ src: 'src/editor/components/jgraduate/images', dest: dest.map((d) => `${d}/components/jgraduate`) },
2021-05-12 23:00:09 +00:00
{ src: 'src/editor/extensions/ext-shapes/shapelib', dest: dest.map((d) => `${d}/extensions/ext-shapes`) },
{ src: 'src/editor/embedapi.html', dest },
{ src: 'src/editor/embedapi.js', dest },
{ src: 'src/editor/browser-not-supported.html', dest },
{ src: 'src/editor/browser-not-supported.js', dest },
{ src: 'src/editor/svgedit.css', dest }
- Breaking change: Rename config file to `svgedit-config-iife.js` (or for the module version, `svgedit-config-es.js`); also expect one directory higher; incorporates #207 (@iuyiuy) - Breaking change: Separate `extIconsPath` from `extPath` (not copying over icons) - Breaking change: Don't reference `custom.css` in HTML; can instead be referenced in JavaScript through the config file (provided in `svgedit-config-sample-iife.js`/`svgedit-config-sample-es.js` as `svgedit-custom.css` for better namespacing); incorporates #207 (@iuyiuy) - Breaking change: Remove minified jgraduate/spinbtn files (minified within Rollup routine) - Fix: Zoom when scrolled; incorporates #169 (@AndrolGenhald), adapting for conventions; also allow avoidance when shift key pressed - Fix: Update Atom feed reference in HTML - Fixes related to recent commits: Some path and method name fixes needed, function order, missing methods, variable scope declaration, no need for DOMContentLoaded listeners in modules, switch back to non-default export, avoid trimming nullish, deal with mock tests, fix `math.matrixMultiply`, use jquery-svg where needed for array/SVG attributes; add babel-polyfill and defer script to imagelib; other misc. fixes - Enhancement: Move config-sample.js out of `editor` directory - Enhancement: For `callback`-style extensions, also provide config object; add following to that object: buildCanvgCallback, canvg, decode64, encode64, executeAfterLoads, getTypeMap, isChrome, ieIE, NS, text2xml - Enhancement: Complete ES6 modules work (extensions, locales, tests), along with Babel; make Node build routine for converting modular source to non-modular, use `loadStylesheets` for modular stylehsheet defining (but parallel loading); - Enhancement: Add `stylesheets` config for modular but parallel stylesheet loading with `@default` option for simple inclusion/exclusion of defaults (if not going with default). - Refactoring: Clean up `svg-editor.html`: consistent indents; avoid extra lbs, avoid long lines - Refactoring: Avoid embedded API adding inline JavaScript listener - Refactoring: Move layers and context code to `draw.js` - Refactoring: Move `pathActions` from `svgcanvas.js` (though preserve aliases to these methods on `canvas`) and `convertPath` from `svgutils.js` to `path.js` - Refactoring: Move `getStrokedBBox` from `svgcanvas.js` (while keeping an alias) to `svgutils.js` (as `getStrokedBBoxDefaultVisible` to avoid conflict with existing) - Docs: Remove "dependencies" comments in code except where summarizing role of jQuery or a non-obvious dependency - Refactoring/Linting: Enfore `no-extra-semi` and `quote-props` rules - Refactoring: Further avoidance of quotes on properties (as possible) - Refactoring: Use `class` in place of functions where intended as classes - Refactoring: Consistency and granularity in extensions imports - Testing: Update QUnit to 2.6.1 (node_modules) and Sinon to 5.0.8 (and add sinon-test at 2.1.3) and enforce eslint-plugin-qunit linting rules; update custom extensions - Testing: Add node-static for automating (and accessing out-of-directory contents) - Testing: Avoid HTML attributes for styling - Testing: Add npm `test` script - Testing: Comment out unused jQuery SVG test - Testing: Add test1 and svgutils_performance_test to all tests page - Testing: Due apparently to Path having not been a formal class, the test was calling it without `new`; refactored now with sufficient mock data to take into account it is a class - npm: Update devDeps - npm: Add html modules and config build to test script
2018-05-22 10:03:16 +00:00
]
}),
html({
include: [
'src/editor/panels/*.html',
'src/editor/templates/*.html',
'src/editor/dialogs/*.html'
]
}),
nodeResolve({
browser: true,
2021-05-09 17:29:45 +00:00
preferBuiltins: false
2020-08-20 12:31:19 +00:00
}),
commonjs(),
dynamicImportVars({ include: 'src/editor/locale.js' }),
babel({ babelHelpers: 'bundled', exclude: [/\/core-js\//] }), // exclude core-js to avoid circular dependencies.
2020-09-04 20:34:30 +00:00
nodePolyfills(),
2021-05-12 23:00:09 +00:00
terser({ keep_fnames: true }), // keep_fnames is needed to avoid an error when calling extensions.
filesize()
]
}]
// config for dynamic extensions
2020-09-06 06:32:10 +00:00
extensionDirs.forEach((extensionDir) => {
const extensionName = path.basename(extensionDir)
2020-08-23 23:23:00 +00:00
extensionName && config.push(
{
2020-09-06 06:32:10 +00:00
input: `./src/editor/extensions/${extensionName}/${extensionName}.js`,
2020-08-23 23:23:00 +00:00
output: [
{
format: 'es',
2020-09-06 06:32:10 +00:00
dir: `dist/editor/extensions/${extensionName}`,
2020-08-23 23:23:00 +00:00
inlineDynamicImports: true,
sourcemap: true
}
2020-08-23 23:23:00 +00:00
],
plugins: [
url({
include: ['**/*.svg', '**/*.xml'],
limit: 0,
fileName: '[name][extname]'
}),
html({
include: [
'src/editor/extensions/*/*.html'
]
}),
2020-08-23 23:23:00 +00:00
nodeResolve({
browser: true,
preferBuiltins: true
}),
2021-05-12 23:00:09 +00:00
commonjs({ exclude: `src/editor/extensions/${extensionName}/${extensionName}.js` }),
dynamicImportVars({ include: `src/editor/extensions/${extensionName}/${extensionName}.js` }),
babel({ babelHelpers: 'bundled', exclude: [/\/core-js\//] }),
2020-09-04 20:34:30 +00:00
nodePolyfills(),
2021-05-12 23:00:09 +00:00
terser({ keep_fnames: true })
2020-08-23 23:23:00 +00:00
]
}
)
})
2020-08-23 23:23:00 +00:00
export default config