Update TS

GrapesJS · Jun 6, 2023 · badb320 · badb320
1 parent 9bbf17f
commit badb320
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -15,7 +15,7 @@
   <body>
     <div id="gjs" style="height:0px; overflow:hidden"></div>
     <script type="text/javascript">
-      setTimeout(() => {
+      window.onload = () => {
         window.editor = grapesjs.init({
           height: '100%',
           noticeOnUnload: false,
@@ -27,7 +27,7 @@
             'grapesjs-component-countdown': {}
           }
         });
-      });
+      };
     </script>
   </body>
 </html>
diff --git a/src/index.ts b/src/index.ts
@@ -1,4 +1,4 @@
-import type grapesjs from 'grapesjs';
+import type { Plugin, BlockProperties, ComponentDefinition } from 'grapesjs';
 
 export type PluginOptions = {
   /**
@@ -18,14 +18,14 @@ export type PluginOptions = {
    * @example
    * { label: 'Countdown', category: 'Extra', ... }
    */
-  block?: Partial<grapesjs.BlockOptions>;
+  block?: Partial<BlockProperties>;
 
   /**
    * Object to extend the default component properties.
    * @example
    * { name: 'Countdown', droppable: false, ... }
    */
-  props?: grapesjs.ComponentDefinition;
+  props?: ComponentDefinition;
 
   /**
    * Custom CSS styles for the component. This will replace the default one.
@@ -95,7 +95,7 @@ declare global {
   interface Window { __gjsCountdownIntervals: TElement[]; }
 }
 
-const plugin: grapesjs.Plugin<PluginOptions> = (editor, opts = {}) => {
+const plugin: Plugin<PluginOptions> = (editor, opts = {}) => {
   const options: PluginOptions = {
     id: 'countdown',
     label: 'Countdown',
@@ -214,6 +214,7 @@ const plugin: grapesjs.Plugin<PluginOptions> = (editor, opts = {}) => {
           name: 'endText',
           changeProp: true,
         }],
+        // @ts-ignore
         components: `
           <span data-js="countdown" class="${pfx}-cont">
             <div class="${pfx}-block">

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,4 +1,4 @@
 {
-    "extends": "./node_modules/grapesjs-cli/src/template/tsconfig.json",
+    "extends": "./node_modules/grapesjs-cli/dist/template/tsconfig.json",
     "include": ["src"]
 }