Merge pull request #18 from artf/up-deps

Move to grapesjs-cli and TS
GrapesJS · Aug 4, 2022 · 0e706fd · 0e706fd
2 parents 687a29b + 3183fc5
commit 0e706fd
Show file tree

Hide file tree

Showing 12 changed files with 4,225 additions and 6,103 deletions.
diff --git a/dist/grapesjs-plugin-export.min.js b/dist/grapesjs-plugin-export.min.js
diff --git a/dist/grapesjs-plugin-export.min.js.map b/dist/grapesjs-plugin-export.min.js.map
diff --git a/dist/index.d.ts b/dist/index.d.ts
@@ -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 {};
diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/index.js.map b/dist/index.js.map
diff --git a/index.html b/index.html
@@ -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>