feat(open graph support for plugins)

Author: Ajit Kumar

.vscode/settings.json

@@ -56,6 +56,7 @@
     "onloadeend",
     "onloaderror",
     "onnavigate",
+    "onok",
     "onref",
     "onrename",
     "onrun",

client/components/dialogs/alert.js

@@ -1,11 +1,19 @@
 import DialogBox from './dialogBox';
 
-export default function alert(title, message, onok) {
+/**
+ * Alert dialog
+ * @param {string} title 
+ * @param {string} message 
+ * @param {()=>void} [onok] 
+ * @param {boolean} [keep] 
+ */
+export default function alert(title, message, onok, keep) {
   const dialog = <DialogBox
     onhide={onok}
     title={title}
     message={message}
     onok={(hide) => hide()}
+    keep={keep}
   />;
 
   document.body.append(dialog);

client/components/dialogs/dialogBox.js

@@ -1,27 +1,36 @@
-import Router from 'lib/Router';
 import './style.scss';
+import Router from 'lib/Router';
 
 /**
  * @typedef {(hide: ()=>void, $box: HTMLElement) => void} DialogBoxCallback
  */
 
 /**
  *
- * @param {object} param0
- * @param {HTMLElement} [param0.body]
- * @param {string} [param0.title]
- * @param {DialogBoxCallback} [param0.onok]
- * @param {DialogBoxCallback} [param0.oncancel]
- * @param {(i: number, hide: () => void) => void} [param0.onselect]
- * @param {() => void} [param0.onhide]
- * @param {string} [param0.options]
- * @param {string} [param0.message]
- * @param {string} [param0.body]
+ * @param {object} props
+ * @param {HTMLElement} [props.body]
+ * @param {string} [props.title]
+ * @param {DialogBoxCallback} [props.onok]
+ * @param {DialogBoxCallback} [props.oncancel]
+ * @param {(i: number, hide: () => void) => void} [props.onselect]
+ * @param {() => void} [props.onhide]
+ * @param {string} [props.options]
+ * @param {string} [props.message]
+ * @param {string} [props.body]
+ * @param {boolean} [props.keep]
  * @param {HTMLElement[]} [children]
  * @returns
  */
 export default function DialogBox({
-  title = '', onhide, onok, oncancel, onselect, options, message, body,
+  title = '',
+  onhide,
+  onok,
+  oncancel,
+  onselect,
+  options,
+  message,
+  body,
+  keep = false,
 }, children) {
   const buttons = [];
   let $box;
@@ -53,7 +62,9 @@ export default function DialogBox({
     </div>
   </div>;
 
-  Router.on('navigate', hide);
+  if (!keep) {
+    Router.on('navigate', hide);
+  }
 
   function hide(callOnhide = true) {
     if (typeof onhide === 'function' && callOnhide) {

client/pages/publishPlugin/index.js

@@ -108,7 +108,7 @@ export default async function PublishPlugin({ mode = 'publish', id }) {
       return;
     }
 
-    alert('Success', 'Plugin published successfully.');
+    alert('Success', 'Plugin published successfully.', null, true);
     Router.loadUrl(`/plugin/${pluginId.value}`);
   }