Update TS

artf · artf · commit badb3201f926 · 2023-06-06T16:58:08.000+04:00
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"]
 }

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`	`1`	`{`
`2`		`- "extends": "./node_modules/grapesjs-cli/src/template/tsconfig.json",`
	`2`	`+ "extends": "./node_modules/grapesjs-cli/dist/template/tsconfig.json",`
`3`	`3`	`"include": ["src"]`
`4`	`4`	`}`