GrapesJS
diff --git a/‎dist/grapesjs-plugin-export.min.js‎
Lines changed: 0 additions & 13 deletions b/‎dist/grapesjs-plugin-export.min.js‎
Lines changed: 0 additions & 13 deletions
diff --git a/‎dist/grapesjs-plugin-export.min.js.map‎
Lines changed: 0 additions & 1 deletion b/‎dist/grapesjs-plugin-export.min.js.map‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎dist/index.d.ts‎
Lines changed: 67 additions & 0 deletions b/‎dist/index.d.ts‎
Lines changed: 67 additions & 0 deletions
diff --git a/‎dist/index.js‎
Lines changed: 3 additions & 0 deletions b/‎dist/index.js‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎dist/index.js.map‎
Lines changed: 1 addition & 0 deletions b/‎dist/index.js.map‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎index.html‎
Lines changed: 12 additions & 12 deletions b/‎index.html‎
Lines changed: 12 additions & 12 deletions
@@ -0,0 +1,67 @@
+import grapesjs from 'grapesjs';
+
+export declare type Editor = grapesjs.Editor;
+export declare type PluginOptions = {
+/**
+ * Type id used to register the new storage.
+ * You can use this option in case you want to replace the already available storages (eg. `local`).
+ * @default 'indexeddb'
+ */
+type?: string;
+/**
+ * Add a button inside the export dialog
+ * @default true
+ */
+addExportBtn?: boolean;
+/**
+ * Label of the export button
+ * @default 'Export to ZIP'
+ */
+btnLabel?: string;
+/**
+ * ZIP filename prefix
+ * @default 'grapesjs_template'
+ */
+filenamePfx?: string;
+/**
+ * Use a function to generate the filename, eg. `filename: editor => 'my-file.zip',`
+ */
+filename?: (editor: Editor) => string;
+/**
+ * Callback to execute once the export is completed
+ */
+done?: () => void;
+/**
+ * Callback to execute on export error
+ */
+onError?: (error: Error) => void;
+/**
+ * Use the root object to create the folder structure of your zip (async functions are supported)
+ * @example
+ * root: {
+ * css: {
+ * 'style.css': ed => ed.getCss(),
+ * 'some-file.txt': 'My custom content',
+ * },
+ * img: async ed => {
+ * const images = await fetchImagesByStructue(ed.getComponents());
+ * return images;
+ * // Where `images` is an object like this:
+ * // { 'img1.png': '...png content', 'img2.jpg': '...jpg content' }
+ * },
+ * 'index.html': ed => `<body>${ed.getHtml()}</body>`
+ * }
+ */
+root?: Record<string, unknown>;
+/**
+ * Custom function for checking if the file content is binary
+ */
+isBinary?: (content: string, name: string) => boolean;
+};
+declare const plugin: grapesjs.Plugin<PluginOptions>;
+
+export {
+plugin as default,
+};
+
+export {};
@@ -5,7 +5,6 @@
  <title>GrapesJS Plugin Export</title>
  <link href="https://unpkg.com/grapesjs/dist/css/grapes.min.css" rel="stylesheet">
  <script src="https://unpkg.com/grapesjs"></script>
- <script src="dist/grapesjs-plugin-export.min.js"></script>
  </head>
  <style>
  body, html{ height: 100%; margin: 0;}
@@ -16,17 +15,18 @@
  <style>.red {color: red}</style>
  </div>
  <script type="text/javascript">
- var editor = grapesjs.init({
- noticeOnUnload: 0,
- container : '#gjs',
- height: '100%',
- fromElement: 1,
- storageManager: { autoload: 0 },
- plugins: ['grapesjs-plugin-export'],
- pluginsOpts: {
- 'grapesjs-plugin-export': {
- }
- }
+ setTimeout(() => {
+ var editor = grapesjs.init({
+ noticeOnUnload: 0,
+ container : '#gjs',
+ height: '100%',
+ fromElement: 1,
+ storageManager: false,
+ plugins: [
+ editor => editor.on('log-plugin-export', console.log),
+ 'grapesjs-plugin-export'
+ ],
+ });
  });
  </script>
  </body>