Add Appzi feedback form

src/main/main.ts

@@ -230,6 +230,11 @@ function initialize() {
       return { action: 'deny' };
     });
 
+    globals.mainWindow.webContents.on('will-prevent-unload', () => {
+        return true // Avoid page refresh on Appzi feedback form submission
+    });
+
+
     // globals.mainWindow.webContents.once("dom-ready", () => {
     //   if (updatechecked == false) {
     //     autoUpdater.checkForUpdatesAndNotify();
@@ -263,20 +268,28 @@ function initialize() {
 
     const win = globals.mainWindow = new BrowserWindow(windowOptions);
 
-    // Avoid CORS for Dandiset creation
+    // Avoid CORS (for all requests) for Dandiset creation
     win.webContents.session.webRequest.onBeforeSendHeaders(
       (details, callback) => {
         callback({ requestHeaders: { Origin: '*', ...details.requestHeaders } });
       },
     );
 
+    const accessControlHeader = 'Access-Control-Allow-Origin'
+
     win.webContents.session.webRequest.onHeadersReceived((details, callback) => {
-      callback({
+
+      const accessHeader = [accessControlHeader, accessControlHeader.toLowerCase()].find(key => details.responseHeaders?.[key]) ?? accessControlHeader
+      const origins = details.responseHeaders?.[accessHeader] ?? []
+      if (origins.includes("*")) return callback(details)
+
+      return callback({
         responseHeaders: {
-          'Access-Control-Allow-Origin': ['*'],
+          [accessHeader]: ['*'],
           ...details.responseHeaders,
         },
       });
+
     });
 
 

src/renderer/index.html

@@ -32,5 +32,36 @@
     <nwb-dashboard></nwb-dashboard>
 
     <script type="module" src="./src/index"></script>
+    <script async src="https://w.appzi.io/w.js?token=hUmCm"></script>
+    <script defer>
+
+      let appziFeedbackWidget
+
+      function iframe(title) {
+          const iframes =  Array.from(document.querySelectorAll('iframe'))  // get all iframes
+          return Array.from(iframes).find((iframe) => iframe.title === title);
+      }
+
+      const interval = setInterval(() => {
+        const appziFeedbackButton = iframe('Feedback Button');
+        if (appziFeedbackButton) clearInterval(interval)
+        else return
+
+        appziFeedbackButton.contentWindow.document.querySelector('div').addEventListener('click', () => {
+          if (!appziFeedbackWidget) setTimeout(() => appziFeedbackWidget = iframe('Feedback Widget'), 200)
+        })
+
+      }, 100)
+
+      window.addEventListener('beforeunload', (ev) => {
+          const isOpen = appziFeedbackWidget ? ! appziFeedbackWidget.parentElement.parentElement.classList.length : false
+          if (!isOpen) return // Allow reload if feedback widget is closed (e.g. hot reloading)
+          const message = "You have unsaved changes. Are you sure you want to leave?";
+          event.returnValue = message;
+          return message;
+        });
+
+    </script>
+
   </body>
 </html>

src/renderer/src/stories/BasicTable.js

@@ -148,10 +148,10 @@ export class BasicTable extends LitElement {
         return this.#schema;
     }
 
-    set schema(schema) {
+    set schema(schema = {}) {
         this.#schema = schema;
-        this.#itemSchema = schema.items;
-        this.#itemProps = { ...this.#itemSchema.properties };
+        this.#itemSchema = schema.items ?? {};
+        this.#itemProps = { ...(this.#itemSchema.properties ?? {}) };
     }
 
     #rendered;

src/renderer/src/stories/DandiResults.js

@@ -12,7 +12,7 @@ export class DandiResults extends LitElement {
         `;
     }
 
-    constructor(props) {
+    constructor(props = {}) {
         super();
         Object.assign(this, props);
     }

src/renderer/src/stories/Dashboard.js

@@ -117,12 +117,8 @@ export class Dashboard extends LitElement {
 
         // Handle all pop and push state updates
         const pushState = window.history.pushState;
-        window.history.pushState = function (state) {
-            if (typeof window.onpushstate == "function") window.onpushstate({ state: state });
-            return pushState.apply(window.history, arguments);
-        };
 
-        window.onpushstate = window.onpopstate = (popEvent) => {
+        const pushPopListener = (popEvent) => {
             if (popEvent.state) {
                 const titleString = popEvent.state.title ?? popEvent.state.label;
                 document.title = `${titleString} - ${this.name}`;
@@ -133,6 +129,14 @@ export class Dashboard extends LitElement {
             }
         };
 
+        window.history.pushState = function (state) {
+            pushPopListener({ state: state });
+            return pushState.apply(window.history, arguments);
+        };
+
+        window.addEventListener("popstate", pushPopListener);
+        window.addEventListener("pushstate", pushPopListener);
+
         this.#updated();
     }
 

src/renderer/src/stories/JSONSchemaInput.js

@@ -504,6 +504,12 @@ export class JSONSchemaInput extends LitElement {
     // required;
     validateOnChange = true;
 
+    constructor(props = {}) {
+        super();
+        Object.assign(this, props);
+        if (props.validateEmptyValue === false) this.validateEmptyValue = true; // False is treated as required but not triggered if empty
+    }
+
     // Print the default value of the schema if not caught
     onUncaughtSchema = (schema) => {
         // In development, show uncaught schemas
@@ -525,12 +531,6 @@ export class JSONSchemaInput extends LitElement {
         return error;
     };
 
-    constructor(props) {
-        super();
-        Object.assign(this, props);
-        if (props.validateEmptyValue === false) this.validateEmptyValue = true; // False is treated as required but not triggered if empty
-    }
-
     // onUpdate = () => {}
     // onValidate = () => {}
 

src/renderer/src/stories/OptionalSection.js

@@ -35,7 +35,7 @@ export class OptionalSection extends LitElement {
 
     changed;
 
-    constructor(props) {
+    constructor(props = {}) {
         super();
         this.header = props.header ?? "";
         this.description = props.description ?? "";

src/renderer/src/stories/SimpleTable.js

@@ -872,10 +872,10 @@ export class SimpleTable extends LitElement {
         return this.#schema;
     }
 
-    set schema(schema) {
+    set schema(schema = {}) {
         this.#schema = schema;
-        this.#itemSchema = this.#schema.items;
-        this.#itemProps = { ...this.#itemSchema.properties };
+        this.#itemSchema = this.#schema.items ?? {};
+        this.#itemProps = { ...(this.#itemSchema.properties ?? {}) };
     }
 
     render() {

src/renderer/src/stories/Table.js

@@ -213,8 +213,8 @@ export class Table extends LitElement {
 
     set schema(schema) {
         this.#schema = schema;
-        this.#itemSchema = schema.items;
-        this.#itemProps = { ...this.#itemSchema.properties };
+        this.#itemSchema = schema.items ?? {};
+        this.#itemProps = { ...(this.#itemSchema.properties ?? {}) };
     }
 
     getRowName = (row) =>

src/renderer/src/stories/preview/inspector/InspectorList.js

@@ -43,7 +43,7 @@ export class InspectorList extends List {
         ];
     }
 
-    constructor(props) {
+    constructor(props = {}) {
         const { items } = props;
         const aggregatedItems = Object.values(aggregateMessages(items)).map((items) => {
             const aggregate = { ...items.pop() }; // Create a base object for the aggregation
@@ -115,7 +115,7 @@ export class InspectorListItem extends LitElement {
         `;
     }
 
-    constructor(props) {
+    constructor(props = {}) {
         super();
         this.ORIGINAL_TYPE = props.type;
         Object.assign(this, props);