@webqit/webflo 0.20.57 → 0.20.59

package/package.json

@@ -12,7 +12,7 @@
     "vanila-javascript"
   ],
   "homepage": "https://webqit.io/tooling/webflo",
-  "version": "0.20.57",
+  "version": "0.20.59",
   "license": "MIT",
   "repository": {
     "type": "git",

package/src/webflo-runtime/webflo-client/webflo-elements.js

@@ -406,7 +406,7 @@ export class ModalElement extends BaseElement {
     }
 
     static get observedAttributes() {
-        return super.observedAttributes.concat(['class']);
+        return super.observedAttributes.concat(['class', 'open']);
     }
 
     get delegatesFocus() { return false; }
@@ -559,6 +559,13 @@ export class ModalElement extends BaseElement {
         super.attributeChangedCallback?.(name, old, _new);
 
         if (name === 'class' && old !== _new) this.#bindDimensionsWorker();
+        if (name === 'open' && this.isConnected) {
+            if (this.hasAttribute('open') && !this.matches(':popover-open')) {
+                this.showPopover();
+            } else if (!this.hasAttribute('open') && this.matches(':popover-open')) {
+                this.hidePopover();
+            }
+        }
     }
 
     connectedCallback() {
@@ -567,9 +574,6 @@ export class ModalElement extends BaseElement {
         if (!this.popover) {
             this.popover = 'manual';
         }
-        if (this.hasAttribute('open')) {
-            this.showPopover();
-        }
     }
 
     disconnectedCallback() {
@@ -612,6 +616,8 @@ export class ModalElement extends BaseElement {
                 this.#unbindDimensionsWorker = null;
                 this.#unbindMinmaxWorker?.();
                 this.#unbindMinmaxWorker = null;
+
+                this.removeAttribute('open');
             }
         });
 

package/src/webflo-runtime/webflo-server/WebfloServer.js

@@ -138,6 +138,7 @@ export class WebfloServer extends AppRuntime {
             if (revalidate
                 || !this.#buildContexts[realm]) {
                 await this.#buildContexts[realm]?.dispose();
+                console.info('Building routes...');
 
                 const entryPoints = await $glob(`${routeDirs[realm]}/**/handler{,.${realm}}.js`, { absolute: true })
                     .then((files) => files.map((f) => f.replace(/\\/g, '/')));
@@ -172,7 +173,10 @@ export class WebfloServer extends AppRuntime {
             let buildResult;
             try {
                 buildResult = await this.#buildContexts[realm].rebuild();
-            } catch (e) { continue; }
+            } catch (e) {
+                console.error(e);
+                continue;
+            }
 
             moduleGraph = { ...moduleGraph, ...buildResult.metafile.inputs };
             this.#buildOutputs[realm] = Object.fromEntries(buildResult.outputFiles?.map((f) => {