lookbook 3.0.0.alpha.1 → 3.0.0.alpha.2

data/public/lookbook-assets/app.js

@@ -7942,16 +7942,19 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     constructor(endpoint) {
       this.endpoint = endpoint;
       this.source = null;
+      this.broadcastChannel = this.initBroadCastChannel();
       this.handlers = [];
       this.$logger = new Logger("EventsListener");
       addEventListener("visibilitychange", () => {
-        document.hidden ? this.stop() : this.start();
+        if (!document.hidden)
+          this.start();
       });
     }
     start() {
       if (!this.source) {
         this.$logger.debug(`Starting`);
         this.source = this.initSource();
+        this.broadcastStart();
       }
     }
     stop() {
@@ -7984,6 +7987,21 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       window.onbeforeunload = () => this.stop();
       return source;
     }
+    initBroadCastChannel() {
+      const bc = new BroadcastChannel("lookbook_events");
+      bc.addEventListener("message", (event) => {
+        const data2 = JSON.parse(event.data);
+        if (data2.type === "event-source-start") {
+          this.stop();
+        }
+      });
+      return bc;
+    }
+    broadcastStart() {
+      this.broadcastChannel.postMessage(
+        JSON.stringify({ type: "event-source-start" })
+      );
+    }
   };
 
   // assets/js/helpers.js
@@ -8017,6 +8035,8 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
     return {
       serverEventsListener: null,
       routerLogger: null,
+      lastUpdate: Date.now(),
+      morphing: false,
       init() {
         this.routerLogger = new Logger("Router");
         if (sseEndpoint) {
@@ -8034,6 +8054,7 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         await this.updateDOM(location, "router", {
           headers: { "X-Lookbook-Frame": "root" }
         });
+        this.lastUpdate = Date.now();
         this.routerLogger.info(`Page updated`);
         this.$dispatch("page-update:complete");
       },
@@ -8045,15 +8066,31 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
         if (updateHistory) {
           history.pushState({}, "", result.url);
         }
+        this.lastUpdate = Date.now();
         this.routerLogger.debug(`Page loaded`);
         this.$dispatch("page-load:complete");
       },
+      async handleError(error2) {
+        if (this.morphing) {
+          const { stack } = error2.error;
+          if (stack.indexOf("Alpine") >= 0) {
+            window.location.reload();
+          }
+        }
+      },
       async updateDOM(url, selector, options = {}) {
+        if (this.morphing) {
+          return;
+        }
         const result = await fetchHTML(url, selector, options);
         if (result.status < 500) {
+          this.morphing = true;
           document.dispatchEvent(new CustomEvent("morph:start"));
           Alpine.morph(document.querySelector(selector), result.fragment);
-          document.dispatchEvent(new CustomEvent("morph:complete"));
+          this.$nextTick(() => {
+            document.dispatchEvent(new CustomEvent("morph:complete"));
+            this.morphing = false;
+          });
         } else {
           location.href = url;
         }
@@ -8069,9 +8106,13 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
           }
         }
       },
-      handleVisibilityChange() {
-        if (this.serverEventsListener && !document.hidden)
-          this.updatePage();
+      async handleVisibilityChange() {
+        if (this.serverEventsListener && !document.hidden) {
+          const response = await fetch(`${sseEndpoint}/ping`);
+          const lastServerUpdate = Date.parse(await response.text());
+          if (lastServerUpdate > this.lastUpdate)
+            this.updatePage();
+        }
       },
       destroy() {
         this.routerLogger.error(`Router instance destroyed!`);
@@ -17830,11 +17871,13 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
   });
   var nav_item_default = AlpineComponent("navItem", ({ keywords, collection }) => {
     return {
+      key: null,
       keywords: [],
       isCollection: false,
       filteredOut: false,
       selected: false,
       init() {
+        this.key = this.$el.getAttribute("key");
         this.keywords = keywords || [];
         this.isCollection = collection || false;
         this.setSelectionState();
@@ -17872,9 +17915,6 @@ ${expression ? 'Expression: "' + expression + '"\n\n' : ""}`, el);
       get targetUrl() {
         return this.$root.getAttribute("data-url");
       },
-      get key() {
-        return this.$root.getAttribute("key");
-      },
       get expanded() {
         return this.expandedItems && this.key && this.expandedItems.includes(this.key);
       },

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lookbook
 version: !ruby/object:Gem::Version
-  version: 3.0.0.alpha.1
+  version: 3.0.0.alpha.2
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-06-06 00:00:00.000000000 Z
+date: 2024-06-09 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: css_parser
@@ -52,20 +52,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-- !ruby/object:Gem::Dependency
-  name: actionmailer
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: '0'
 - !ruby/object:Gem::Dependency
   name: yard
   requirement: !ruby/object:Gem::Requirement
@@ -281,9 +267,11 @@ files:
 - lib/lookbook/component/compile_cache.rb
 - lib/lookbook/component/compiler.rb
 - lib/lookbook/concerns/entity_tree_node.rb
+- lib/lookbook/concerns/feature_checks.rb
 - lib/lookbook/concerns/loggable.rb
 - lib/lookbook/config.rb
 - lib/lookbook/data_object.rb
+- lib/lookbook/directory_entity.rb
 - lib/lookbook/engine.rb
 - lib/lookbook/entity.rb
 - lib/lookbook/entity_store.rb
@@ -304,6 +292,7 @@ files:
 - lib/lookbook/markdown/markdown.rb
 - lib/lookbook/markdown/markdown_renderer.rb
 - lib/lookbook/notifications.rb
+- lib/lookbook/pages/page_directories.rb
 - lib/lookbook/pages/page_directory_entity.rb
 - lib/lookbook/pages/page_entity.rb
 - lib/lookbook/pages/page_metadata.rb
@@ -313,6 +302,7 @@ files:
 - lib/lookbook/previews/inspector.rb
 - lib/lookbook/previews/inspector_target_entity.rb
 - lib/lookbook/previews/preview.rb
+- lib/lookbook/previews/preview_directories.rb
 - lib/lookbook/previews/preview_directory_entity.rb
 - lib/lookbook/previews/preview_entity.rb
 - lib/lookbook/previews/preview_metadata.rb
@@ -327,7 +317,6 @@ files:
 - lib/lookbook/previews/tags/label_tag.rb
 - lib/lookbook/previews/tags/location_tag.rb
 - lib/lookbook/previews/tags/param_tag.rb
-- lib/lookbook/previews/tags/priority_tag.rb
 - lib/lookbook/previews/tags/status_tag.rb
 - lib/lookbook/previews/tags/yard_tag.rb
 - lib/lookbook/project.rb

data/lib/lookbook/previews/tags/priority_tag.rb

@@ -1,11 +0,0 @@
-module Lookbook
-  class PriorityTag < YardTag
-    TAG_NAME = "priority"
-
-    def value
-      if @text.present?
-        text.to_i
-      end
-    end
-  end
-end