github/svgedit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

make Editor.js the entry point

Browse Source
This commit is contained in:
JFH
2021-08-01 23:46:51 +02:00
parent 3febd28b89
commit 8644836f4e
3 changed files with 28 additions and 147 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
rollup.config.js
View File

@@ -37,19 +37,19 @@ rimraf('./dist', () => console.info('recreating dist'));
// config for svgedit core module // config for svgedit core module
const config = [ { const config = [ {
input: [ 'src/editor/index.js' ], input: [ 'src/editor/Editor.js' ],
output: [ output: [
{ {
format: 'es', format: 'es',
inlineDynamicImports: true, inlineDynamicImports: true,
sourcemap: true, sourcemap: true,
file: 'dist/editor/index.js' file: 'dist/editor/Editor.js'
}, },
{ {
format: 'es', format: 'es',
inlineDynamicImports: true, inlineDynamicImports: true,
sourcemap: true, sourcemap: true,
file: 'dist/editor/xdomain-index.js', file: 'dist/editor/xdomain-Editor.js',
intro: 'const XDOMAIN = true;' intro: 'const XDOMAIN = true;'
} }
], ],

27
src/editor/index.html
View File

@@ -22,13 +22,36 @@
<!-- If you do not wish to add extensions by URL, you can add calls <!-- If you do not wish to add extensions by URL, you can add calls
within the following file to svgEditor.setConfig --> 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> <title>SVG-edit</title>
</head> </head>
<body> <body>
<div id="svg_editor" role="main"></div> <div class="svg_editor" role="main"></div>
</body> </body>
</html> </html>

142
src/editor/index.js
View File

@@ -1,142 +0,0 @@
// CONFIG AND EXTENSION SETTING
/*
For default config and extensions (and available options) available to
`setConfig()`, see the file `docs/tutorials/ConfigOptions.md`
*/
import Editor from './Editor.js';
const svgEditor = new Editor();
svgEditor.init();
// URL OVERRIDE CONFIG
svgEditor.setConfig({
/* To override the ability for URLs to set URL-based SVG content,
uncomment the following: */
// preventURLContentLoading: true,
/* To override the ability for URLs to set other configuration (including
extension config), uncomment the following: */
// preventAllURLConfig: true,
/* To override the ability for URLs to set their own extensions, uncomment the
following (note that if `setConfig()` is used in extension code, it will still
be additive to extensions, however): */
// lockExtensions: true,
});
svgEditor.setConfig(
{
// Indicate pref settings here if you wish to allow user storage or URL
// settings to be able to override your default preferences (unless
// other config options have already explicitly prevented one or the
// other)
},
{ allowInitialUserOverride: true }
);
// EXTENSION CONFIG
svgEditor.setConfig({
extensions: [],
noDefaultExtensions: false,
// in addition to standard extensions, it is possible to add user extensions.
// they behave exactly like all extensions but they can be anywhere
// so the full relative path needs to specified for each user extensions.
userExtensions: [/* '../ext-helloworld/ext-helloworld.js' */]
});
// OTHER CONFIG
svgEditor.setConfig({
// canvasName: 'default',
// canvas_expansion: 3,
// initFill: {
// color: 'FF0000', // solid red
// opacity: 1
// },
// initStroke: {
// width: 5,
// color: '000000', // solid black
// opacity: 1
// },
// initOpacity: 1,
// initTool: 'select',
// exportWindowType: 'new', // 'same'
// wireframe: false,
// showlayers: false,
// no_save_warning: false,
// PATH CONFIGURATION
// imgPath: 'images/',
/*
Uncomment the following to allow at least same domain (embedded) access,
including `file:///` access.
Setting as `['*']` would allow any domain to access but would be unsafe to
data privacy and integrity.
*/
// May be 'null' (as a string) when used as a `file:///` URL
// allowedOrigins: [location.origin || 'null'],
// DOCUMENT PROPERTIES
// dimensions: [640, 480],
// EDITOR OPTIONS
// gridSnapping: false,
// gridColor: '#000',
// baseUnit: 'px',
// snappingStep: 10,
// showRulers: true,
// EXTENSION-RELATED (GRID)
// showGrid: false, // Set by ext-grid.js
// EXTENSION-RELATED (STORAGE)
// Some interaction with `ext-storage.js`; prevent even the loading of
// previously saved local storage
// noStorageOnLoad: false,
// Some interaction with `ext-storage.js`; strongly discouraged from
// modification as it bypasses user privacy by preventing them from
// choosing whether to keep local storage or not
// forceStorage: false,
// Used by `ext-storage.js`; empty any prior storage if the user
// declines to store
// emptyStorageOnDecline: true,
});
// PREF CHANGES
/*
setConfig() can also be used to set preferences in addition to
configuration (see defaultPrefs in svg-editor.js for a list of
possible settings), but at least if you are using ext-storage.js
to store preferences, it will probably be better to let your
users control these.
As with configuration, one may use allowInitialUserOverride, but
in the case of preferences, any previously stored preferences
will also thereby be enabled to override this setting (and at a
higher priority than any URL preference setting overrides).
Failing to use allowInitialUserOverride will ensure preferences
are hard-coded here regardless of URL or prior user storage setting.
*/
svgEditor.setConfig({
// Set dynamically within locale.js if not previously set
// lang: '',
// Will default to 's' if the window height is smaller than the minimum
// height and 'm' otherwise
/**
* When showing the preferences dialog, svg-editor.js currently relies
* on `curPrefs` instead of `svgEditor.pref`, so allowing an override for
* `bkgd_color` means that this value won't have priority over block
* auto-detection as far as determining which color shows initially
* in the preferences dialog (though it can be changed and saved).
*/
// bkgd_color: '#FFF',
// bkgd_url: '',
// img_save: 'embed',
// Only shows in UI as far as alert notices
// save_notice_done: false,
// export_notice_done: false
});
// 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 */}