lookbook 1.0.0.beta.1 → 1.0.0.beta.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5efc30f722f9fff6377285d5b4e06a5f62e20e0a202eb19966ab6a7701999db2
-  data.tar.gz: 4987e68865cf8ddfdc68838bfc1497c71118898c0607d0c5dd9701ccc754d406
+  metadata.gz: 0cb74b0126a7bf42c97800df69f030dbd43823a1e1d290b5da2ec363196376b8
+  data.tar.gz: 770bdeeac95946155bce5a7946cb4acd332729d649c0ffa891ba939e2bb3abba
 SHA512:
-  metadata.gz: 27b85921801c7e88510e69ae88a0b6b093f9da9252910130b5ee7edbc89ecb9149a8b7d0a6c60b6993904e73448e64150a2756a936eeb1e3f61a4ab7d2acc40b
-  data.tar.gz: 68d236bd6baba5c456cc090cd2faed45ef02300ba2d0913eae9d2087b0572d140653df035a65a28d29baf435459f67ea86aa1cb7142634c5154324540ac56e1f
+  metadata.gz: 227e0525ea5700542f1a74b164e5e1da39c076b75ce9073ba05f30e89a72c7a44e350e5d0b9c1850a8ff992f64492503f16ebc1d7e354a010637d1741b619795
+  data.tar.gz: 9ee1d1e0d3e7589dd76d81e425d87f70ed7dd1bc7090c6006a659e9954168b1fdd5c4e465451caaa2d1218b12e1e2b81f525deaef7a5d17d6ac22e9bc6ec9121

data/app/components/lookbook/embed/component.html.erb

@@ -10,10 +10,10 @@
         <% toolbar.section align: :right, divide: :left do %>
           <%= render_component :button_group do |group| %>
           <% group.button icon: :eye,
-            href: helpers.lookbook.inspect_path(@example.path, @params),
+            href: helpers.lookbook_inspect_path(@example.path, @params),
             tooltip: "View in Inspector" %>
           <% group.button icon: :external_link,
-            href: helpers.lookbook.inspect_path(@example.path, @params),
+            href: helpers.lookbook_inspect_path(@example.path, @params),
             tooltip: "Open in new window",
             target: "_blank" %>
         <% end %>
@@ -27,7 +27,7 @@
       @viewport:resize-progress="resizeIframe"
       @viewport:resize-complete="resizeIframe"> 
       <%= render_component :viewport,
-        src: helpers.lookbook.preview_path(@example.path, @params.merge(lookbook_embed: true)),
+        src: helpers.lookbook_preview_path(@example.path, @params.merge(lookbook_embed: true)),
         alpine_data: "store",
         resize_height: false,
         max_height: @max_height,

data/app/controllers/lookbook/application_controller.rb

@@ -15,7 +15,7 @@ module Lookbook
     def index
       landing = Lookbook.pages.find(&:landing) || Lookbook.pages.first
       if landing.present?
-        redirect_to page_path(landing.lookup_path)
+        redirect_to lookbook_page_path(landing.lookup_path)
       else
         render "lookbook/index", layout: Lookbook.previews.any? ? "lookbook/application" : "lookbook/shell"
       end

data/app/controllers/lookbook/pages_controller.rb

@@ -10,7 +10,7 @@ module Lookbook
     def index
       landing = Lookbook.pages.find(&:landing) || Lookbook.pages.first
       if landing.present?
-        redirect_to page_path landing.lookup_path
+        redirect_to lookbook_page_path landing.lookup_path
       else
         show_404
       end

data/app/controllers/lookbook/previews_controller.rb

@@ -44,7 +44,7 @@ module Lookbook
 
     def show_legacy
       Lookbook.logger.warn("Legacy URL path detected. These paths are deprecated and will be removed in a future version")
-      redirect_to inspect_path params[:path]
+      redirect_to lookbook_inspect_path params[:path]
     end
 
     private
@@ -54,13 +54,13 @@ module Lookbook
       if @example.present?
         @preview = @example.preview
         if params[:path] == @preview&.lookup_path
-          redirect_to inspect_path "#{params[:path]}/#{@preview.default_example.name}"
+          redirect_to lookbook_inspect_path "#{params[:path]}/#{@preview.default_example.name}"
         end
       else
         @preview = Lookbook.previews.find(params[:path])
         if @preview.present?
           first_example = @preview.examples.first
-          redirect_to inspect_path(first_example.lookup_path) if first_example
+          redirect_to lookbook_inspect_path(first_example.lookup_path) if first_example
         else
           @preview = Lookbook.previews.find(path_segments.slice(0, path_segments.size - 1).join("/"))
         end

data/app/helpers/lookbook/application_helper.rb

@@ -11,9 +11,9 @@ module Lookbook
     def landing_path
       landing = Lookbook.pages.find(&:landing) || Lookbook.pages.first
       if landing.present?
-        page_path(landing.lookup_path)
+        lookbook_page_path landing.lookup_path
       else
-        home_path
+        lookbook_home_path
       end
     end
 

data/app/helpers/lookbook/page_helper.rb

@@ -5,7 +5,7 @@ module Lookbook
     def page_path(id)
       page = id.is_a?(Page) ? id : Lookbook.pages.find(id)
       if page.present?
-        lookbook.page_path page.lookup_path
+        lookbook_page_path page.lookup_path
       else
         Lookbook.logger.warn "Could not find page with id ':#{id}'"
       end

data/app/views/layouts/lookbook/page.html.erb

@@ -16,7 +16,7 @@
             size: :lg,
             icon: :chevron_left,
             tooltip: "Previous page",
-            href: page_path(@previous_page.lookup_path),
+            href: lookbook_page_path(@previous_page.lookup_path),
             class: "pr-0.5 bg-transparent" %>
         <% else %>
           <%= render_component :button,
@@ -31,7 +31,7 @@
             size: :lg,
             icon: :chevron_right,
             tooltip: "Next page",
-            href: page_path(@next_page.lookup_path),
+            href: lookbook_page_path(@next_page.lookup_path),
             class: "pl-0.5 bg-transparent" %>
         <% else %>
           <%= render_component :button,

data/app/views/lookbook/pages/show.html.erb

@@ -11,7 +11,7 @@
     <% end %>
 
     <% if @page.sections.any? %>
-      <%= render_component :page_tabs, markdown: false do |page_tabs| %>
+      <%= render_component :page_tabs, markdown: false, class: "mt-6" do |page_tabs| %>
         <% @page.sections.each do |section| %>
           <% page_tabs.tab name: "page-section-#{section.name}", label: section.label do %>
             <%= page_controller.render_page(section) %>
@@ -23,7 +23,7 @@
     <% if @page.footer? && @pages.many? %>
       <footer class="flex items-center justify-between border-t border-gray-300 mt-12 pt-8 pb-10 ">
         <% if @previous_page %>
-          <a href="<%= page_path @previous_page.lookup_path %>"
+          <a href="<%= lookbook_page_path @previous_page.lookup_path %>"
             class="flex items-center flex-none">
             <%= render_component :icon, name: :arrow_left, size: 4, class: "hover:text-indigo-800" %>
             <span class="ml-2 underline"><%= @previous_page.title %></span>
@@ -31,7 +31,7 @@
         <% end %>
 
         <% if @next_page %>
-          <a href="<%= page_path @next_page.lookup_path %>"
+          <a href="<%= lookbook_page_path @next_page.lookup_path %>"
             class="flex items-center flex-none ml-auto">
             <span class="mr-2 underline"><%= @next_page.title %></span>
             <%= render_component :icon, name: :arrow_right, size: 4, class: "hover:text-indigo-800" %>

data/app/views/lookbook/previews/panels/_preview.html.erb

@@ -1,5 +1,5 @@
 <%= render_component :viewport,
-  src: lookbook.preview_path(request.query_parameters.merge(lookbook_timestamp: Time.now)),
+  src: lookbook_preview_path(request.query_parameters.merge(lookbook_timestamp: Time.now)),
   alpine_data: "$store.inspector.main",
   class: "-inset-px relative",
   style: "width: calc(100% + 2px); height: calc(100% + 2px)"

data/app/views/lookbook/previews/show.html.erb

@@ -38,7 +38,7 @@
             "@click.stop": "startSpin(); $dispatch('viewport:reload'); stopSpin(500);" %>
 
           <% group.button icon: :external_link,
-            href: lookbook.preview_path(@example.lookup_path),
+            href: lookbook_preview_path(@example.lookup_path),
             tooltip: "Open preview in new window",
             target: "_blank" %>
 

data/config/routes.rb

@@ -3,13 +3,13 @@ Lookbook::Engine.routes.draw do
     mount Lookbook::Engine.websocket => Lookbook.config.cable_mount_path
   end
 
-  root to: "application#index", as: :home
+  root to: "application#index", as: :lookbook_home
 
-  get "/#{Lookbook.config.page_route}", to: "pages#index", as: :page_index
-  get "/#{Lookbook.config.page_route}/*path", to: "pages#show", as: :page
+  get "/#{Lookbook.config.page_route}", to: "pages#index", as: :lookbook_page_index
+  get "/#{Lookbook.config.page_route}/*path", to: "pages#show", as: :lookbook_page
 
-  get "/preview/*path", to: "previews#preview", as: :preview
-  get "/inspect/*path", to: "previews#show", as: :inspect
+  get "/preview/*path", to: "previews#preview", as: :lookbook_preview
+  get "/inspect/*path", to: "previews#show", as: :lookbook_inspect
 
-  get "/*path", to: "previews#show_legacy", as: :inspect_legacy
+  get "/*path", to: "previews#show_legacy", as: :lookbook_inspect_legacy
 end

data/lib/lookbook/page.rb

@@ -30,7 +30,7 @@ module Lookbook
     end
 
     def url_path
-      page_path lookup_path
+      lookbook_page_path lookup_path
     end
 
     def full_path

data/lib/lookbook/preview.rb

@@ -69,7 +69,7 @@ module Lookbook
     end
 
     def url_path
-      inspect_path lookup_path
+      lookbook_inspect_path lookup_path
     end
 
     def preview_paths

data/lib/lookbook/preview_example.rb

@@ -15,7 +15,7 @@ module Lookbook
     end
 
     def url_path
-      inspect_path lookup_path
+      lookbook_inspect_path lookup_path
     end
 
     def label

data/lib/lookbook/preview_group.rb

@@ -10,7 +10,7 @@ module Lookbook
     end
 
     def url_path
-      inspect_path lookup_path
+      lookbook_inspect_path lookup_path
     end
 
     def label

data/lib/lookbook/version.rb

@@ -1,3 +1,3 @@
 module Lookbook
-  VERSION = "1.0.0.beta.1"
+  VERSION = "1.0.0.beta.2"
 end

data/public/lookbook-assets/js/lookbook.js

@@ -7849,7 +7849,17 @@ function $5439cede634b2921$var$toCamel(s) {
 }
 
 
-var $730b795bb0498251$exports = {};
+var $6c7bb428bd81c9cb$exports = {};
+var $99486586f6691564$exports = {};
+
+$parcel$defineInteropFlag($99486586f6691564$exports);
+
+$parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
+function $99486586f6691564$export$2e2bcd8739ae039() {
+    return {};
+}
+
+
 var $cbd28b10fa9798c7$exports = {};
 
 $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -11502,13 +11512,36 @@ function $cbd28b10fa9798c7$export$2e2bcd8739ae039() {
 }
 
 
-var $99486586f6691564$exports = {};
+var $e398acaded942bbe$exports = {};
 
-$parcel$defineInteropFlag($99486586f6691564$exports);
+$parcel$defineInteropFlag($e398acaded942bbe$exports);
 
-$parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
-function $99486586f6691564$export$2e2bcd8739ae039() {
-    return {};
+$parcel$export($e398acaded942bbe$exports, "default", () => $e398acaded942bbe$export$2e2bcd8739ae039);
+
+function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
+    return {
+        width: 0,
+        height: 0,
+        resizing: false,
+        target: null,
+        init () {
+            this.target = document.querySelector(targetSelector);
+            if (this.target) {
+                this.width = Math.round(this.target.clientWidth);
+                this.height = Math.round(this.target.clientHeight);
+                this.createObserver();
+            }
+        },
+        createObserver () {
+            if (this.target) this.observer = $9930d46698775b42$export$a2214cc2adb2dc44(document.querySelector(targetSelector), ({ width: width , height: height  })=>{
+                this.width = width;
+                this.height = height;
+            });
+        },
+        tearDown () {
+            if (this.observer) this.observer.disconnect();
+        }
+    };
 }
 
 
@@ -11568,39 +11601,6 @@ function $47a1c62621be0c54$export$2e2bcd8739ae039() {
 }
 
 
-var $e398acaded942bbe$exports = {};
-
-$parcel$defineInteropFlag($e398acaded942bbe$exports);
-
-$parcel$export($e398acaded942bbe$exports, "default", () => $e398acaded942bbe$export$2e2bcd8739ae039);
-
-function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
-    return {
-        width: 0,
-        height: 0,
-        resizing: false,
-        target: null,
-        init () {
-            this.target = document.querySelector(targetSelector);
-            if (this.target) {
-                this.width = Math.round(this.target.clientWidth);
-                this.height = Math.round(this.target.clientHeight);
-                this.createObserver();
-            }
-        },
-        createObserver () {
-            if (this.target) this.observer = $9930d46698775b42$export$a2214cc2adb2dc44(document.querySelector(targetSelector), ({ width: width , height: height  })=>{
-                this.width = width;
-                this.height = height;
-            });
-        },
-        tearDown () {
-            if (this.observer) this.observer.disconnect();
-        }
-    };
-}
-
-
 var $e1f51f020443edd4$exports = {};
 
 $parcel$defineInteropFlag($e1f51f020443edd4$exports);
@@ -13363,11 +13363,11 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
 }
 
 
-$730b795bb0498251$exports = {
-    "button": $cbd28b10fa9798c7$exports,
+$6c7bb428bd81c9cb$exports = {
     "code": $99486586f6691564$exports,
-    "copy_button": $47a1c62621be0c54$exports,
+    "button": $cbd28b10fa9798c7$exports,
     "dimensions_display": $e398acaded942bbe$exports,
+    "copy_button": $47a1c62621be0c54$exports,
     "embed": $e1f51f020443edd4$exports,
     "filter": $e9904a14dabf652d$exports,
     "icon": $36506012e0c6e9e3$exports,
@@ -13523,7 +13523,7 @@ $caa9439642c6336c$export$2e2bcd8739ae039.store("settings", $96e0343bbb13096b$exp
 // Components
 $caa9439642c6336c$export$2e2bcd8739ae039.data("app", $d709d0f4027033b2$export$2e2bcd8739ae039);
 [
-    $730b795bb0498251$exports,
+    $6c7bb428bd81c9cb$exports,
     $e4eab7529959b73b$exports,
     $4979d2d897a1c01f$exports
 ].forEach((scripts)=>{