lookbook 2.0.0.beta.2 → 2.0.0.beta.4

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

@@ -9,12 +9,14 @@ const $8c6f87050723dba0$var$whiteListedAttributes = [
     "actions",
     "param-*"
 ];
-function $8c6f87050723dba0$var$initEmbeds() {
+function $8c6f87050723dba0$var$initEmbeds(root = document) {
     if (typeof window.iFrameResize !== "function") {
         console.error("Lookbook embeds require the 'iframe-resizer' library to be available. Skipping embed instantiation.");
         return;
     }
-    const embeds = Array.from(document.querySelectorAll("lookbook-embed"));
+    if (typeof root === "string") root = document.querySelector(root);
+    if (!root) return console.error("Could not initialize Lookbook embeds. Root node not found.");
+    const embeds = Array.from(root.querySelectorAll("lookbook-embed"));
     embeds.forEach((embed)=>{
         const attrs = Array.from(embed.attributes);
         const wrapper = $8c6f87050723dba0$var$createWrapper();

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

@@ -848,12 +848,14 @@ const $8c6f87050723dba0$var$whiteListedAttributes = [
     "actions",
     "param-*"
 ];
-function $8c6f87050723dba0$var$initEmbeds() {
+function $8c6f87050723dba0$var$initEmbeds(root = document) {
     if (typeof window.iFrameResize !== "function") {
         console.error("Lookbook embeds require the 'iframe-resizer' library to be available. Skipping embed instantiation.");
         return;
     }
-    const embeds = Array.from(document.querySelectorAll("lookbook-embed"));
+    if (typeof root === "string") root = document.querySelector(root);
+    if (!root) return console.error("Could not initialize Lookbook embeds. Root node not found.");
+    const embeds = Array.from(root.querySelectorAll("lookbook-embed"));
     embeds.forEach((embed)=>{
         const attrs = Array.from(embed.attributes);
         const wrapper = $8c6f87050723dba0$var$createWrapper();

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lookbook
 version: !ruby/object:Gem::Version
-  version: 2.0.0.beta.2
+  version: 2.0.0.beta.4
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-02-14 00:00:00.000000000 Z
+date: 2023-03-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: css_parser
@@ -164,6 +164,7 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
+- app/assets/lookbook/css/fonts.css
 - app/assets/lookbook/css/lookbook.css
 - app/assets/lookbook/css/themes/blue.css
 - app/assets/lookbook/css/themes/green.css
@@ -171,6 +172,10 @@ files:
 - app/assets/lookbook/css/themes/rose.css
 - app/assets/lookbook/css/themes/zinc.css
 - app/assets/lookbook/css/tooltip.css
+- app/assets/lookbook/fonts/Inter-italic.var.woff2
+- app/assets/lookbook/fonts/Inter-roman.var.woff2
+- app/assets/lookbook/fonts/SourceCodeVariable-Italic.ttf.woff2
+- app/assets/lookbook/fonts/SourceCodeVariable-Roman.ttf.woff2
 - app/assets/lookbook/img/lucide-sprite.svg
 - app/assets/lookbook/js/app.js
 - app/assets/lookbook/js/components/clipboard.js
@@ -231,6 +236,8 @@ files:
 - app/components/lookbook/embed_code_dropdown/component.html.erb
 - app/components/lookbook/embed_code_dropdown/component.js
 - app/components/lookbook/embed_code_dropdown/component.rb
+- app/components/lookbook/file_source/component.html.erb
+- app/components/lookbook/file_source/component.rb
 - app/components/lookbook/filter/component.html.erb
 - app/components/lookbook/filter/component.js
 - app/components/lookbook/filter/component.rb
@@ -245,6 +252,11 @@ files:
 - app/components/lookbook/inspector_panel/component.css
 - app/components/lookbook/inspector_panel/component.html.erb
 - app/components/lookbook/inspector_panel/component.rb
+- app/components/lookbook/logo/component.html.erb
+- app/components/lookbook/logo/component.rb
+- app/components/lookbook/message/component.css
+- app/components/lookbook/message/component.html.erb
+- app/components/lookbook/message/component.rb
 - app/components/lookbook/nav/component.html.erb
 - app/components/lookbook/nav/component.js
 - app/components/lookbook/nav/component.rb
@@ -306,11 +318,10 @@ files:
 - app/helpers/lookbook/application_helper.rb
 - app/views/layouts/lookbook/application.html.erb
 - app/views/layouts/lookbook/embed.html.erb
-- app/views/layouts/lookbook/shell.html.erb
 - app/views/layouts/lookbook/skeleton.html.erb
-- app/views/lookbook/404.html.erb
 - app/views/lookbook/embeds/show.html.erb
-- app/views/lookbook/error.html.erb
+- app/views/lookbook/errors/default.html.erb
+- app/views/lookbook/errors/not_found.html.erb
 - app/views/lookbook/index.html.erb
 - app/views/lookbook/inspector/inputs/_color.html.erb
 - app/views/lookbook/inspector/inputs/_range.html.erb
@@ -326,6 +337,7 @@ files:
 - app/views/lookbook/inspector/panels/_source.html.erb
 - app/views/lookbook/inspector/show.html.erb
 - app/views/lookbook/pages/show.html.erb
+- app/views/lookbook/partials/_blank_slate.html.erb
 - app/views/lookbook/partials/_iframe_content_scripts.html.erb
 - app/views/lookbook/partials/_user_styles.html.erb
 - app/views/lookbook/previews/group.html.erb
@@ -361,7 +373,6 @@ files:
 - lib/lookbook/entities/rendered_scenario_entity.rb
 - lib/lookbook/entities/scenario_entity.rb
 - lib/lookbook/entities/scenario_group_entity.rb
-- lib/lookbook/error.rb
 - lib/lookbook/features.rb
 - lib/lookbook/file_watcher.rb
 - lib/lookbook/helpers/class_names_helper.rb
@@ -407,9 +418,11 @@ files:
 - lib/lookbook/stores/tag_store.rb
 - lib/lookbook/support/deprecation.rb
 - lib/lookbook/support/errors/config_error.rb
-- lib/lookbook/support/errors/lookbook_error.rb
+- lib/lookbook/support/errors/error.rb
 - lib/lookbook/support/errors/parser_error.rb
 - lib/lookbook/support/errors/preview_template_error.rb
+- lib/lookbook/support/errors/routing_error.rb
+- lib/lookbook/support/errors/template_error.rb
 - lib/lookbook/support/evented_file_update_checker.rb
 - lib/lookbook/support/null_object.rb
 - lib/lookbook/support/null_websocket.rb
@@ -434,9 +447,16 @@ files:
 - lib/lookbook/theme.rb
 - lib/lookbook/version.rb
 - lib/lookbook/websocket.rb
-- lib/tasks/lookbook_tasks.rake
-- public/lookbook-assets/css/app.css
-- public/lookbook-assets/css/app.css.map
+- public/lookbook-assets/Inter-italic.var.69eb0fe1.woff2
+- public/lookbook-assets/Inter-italic.var.736a7044.woff2
+- public/lookbook-assets/Inter-roman.var.b695afbe.woff2
+- public/lookbook-assets/Inter-roman.var.fbdd51d0.woff2
+- public/lookbook-assets/SourceCodeVariable-Italic.cad97b83.otf
+- public/lookbook-assets/SourceCodeVariable-Italic.ttf.09b4354a.woff2
+- public/lookbook-assets/SourceCodeVariable-Italic.ttf.fcd7e9f4.woff2
+- public/lookbook-assets/SourceCodeVariable-Roman.185ddb17.otf
+- public/lookbook-assets/SourceCodeVariable-Roman.ttf.118e9f22.woff2
+- public/lookbook-assets/SourceCodeVariable-Roman.ttf.91043609.woff2
 - public/lookbook-assets/css/lookbook.css
 - public/lookbook-assets/css/lookbook.css.map
 - public/lookbook-assets/css/themes/blue.css
@@ -449,28 +469,13 @@ files:
 - public/lookbook-assets/css/themes/rose.css.map
 - public/lookbook-assets/css/themes/zinc.css
 - public/lookbook-assets/css/themes/zinc.css.map
-- public/lookbook-assets/css/themes/zinc.css.map.91837.5
-- public/lookbook-assets/feather-sprite.svg
 - public/lookbook-assets/img/lucide-sprite.svg
-- public/lookbook-assets/js/app.js
-- public/lookbook-assets/js/app.js.map
-- public/lookbook-assets/js/embed.js
-- public/lookbook-assets/js/embed.js.91837.6
-- public/lookbook-assets/js/embed.js.map
 - public/lookbook-assets/js/iframe.js
 - public/lookbook-assets/js/iframe.js.map
 - public/lookbook-assets/js/index.js
 - public/lookbook-assets/js/index.js.map
 - public/lookbook-assets/js/lookbook-core.js
-- public/lookbook-assets/js/lookbook-core.js.map
 - public/lookbook-assets/js/lookbook.js
-- public/lookbook-assets/js/lookbook.js.map
-- public/lookbook-assets/lookbook-esm.js
-- public/lookbook-assets/lookbook-esm.js.map
-- public/lookbook-assets/lookbook-global.js
-- public/lookbook-assets/lookbook-global.js.map
-- public/lookbook-assets/lookbook.js
-- public/lookbook-assets/lookbook.js.map
 homepage: https://github.com/ViewComponent/lookbook
 licenses:
 - MIT
@@ -491,7 +496,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: 1.3.1
 requirements: []
-rubygems_version: 3.3.7
+rubygems_version: 3.4.7
 signing_key:
 specification_version: 4
 summary: A native development UI for ViewComponent

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

@@ -1,25 +0,0 @@
-<%= content_for :body do %>
-  <div
-    id="app"
-    x-data="app"
-    x-cloak
-    @popstate.window="handleNavigation"
-    @click.document="hijax"
-    @navigation:start="closeMobileSidebar"
-    class="w-screen h-screen grid grid-rows-[40px_1fr] relative">
-
-    <% if content_for? :user_styles %>
-      <style media="all" id="user-styles">
-        <%= content_for :user_styles -%>
-      </style>
-    <% end %>
-
-    <%= lookbook_render :header, id: "app-header", debug_menu: @config.debug_menu do |header| %>
-      <% header.branding { @config.project_name } %>
-    <% end %>
-
-    <%= content_for?(:shell) ? yield(:shell) : yield %>
-  </div>
-<% end %>
-
-<%= render template: "layouts/lookbook/skeleton" %>

data/app/views/lookbook/404.html.erb

@@ -1,15 +0,0 @@
-<div class="bg-white flex flex-col items-center justify-center h-screen w-full">
-  <div class="px-4 text-center max-w-sm">
-    <%= icon  :alert_triangle, size: 10, class: "text-red-300 mx-auto" %>
-    <div class="mt-3">
-      <h5 class="text-base">
-        <%== message %>
-      </h5>
-      <% if defined?(description) %>
-        <p class="mt-2 opacity-50 text-sm">
-          <%== description %>
-        </p>
-      <% end %>
-    </div>
-  </div>
-</div>

data/app/views/lookbook/error.html.erb

@@ -1,46 +0,0 @@
-<%
-error = error.is_a?(Lookbook::Error) ? error : Lookbook::Error.new(error)
-@title = error.title
-%>
-
-<div class="flex flex-col h-screen">
-  <div class="h-full bg-red-50 overflow-y-auto">
-    <header class="mx-8 py-6">
-      <h2 class="text-xl font-bold text-red-700"><%= error.title %></h2>
-    </header>
-
-    <div class="flex-none px-8 py-6 mb-8 border-t border-b border-red-200 bg-red-100 text-base font-mono leading-relaxed">
-      <pre class="whitespace-pre-wrap font-sans leading-tight text-red-900"><%= error.message %></pre>
-    </div>
-
-    <% if error.file_name %>
-      <div class="text-sm mx-8 mb-2 font-mono">
-        <span><%= error.file_name %></span>
-        <% if error.line_number %>
-          <span>[line <strong><%= error.line_number %></strong>]</span>
-        <% end %>
-      </div>
-    <% end %>
-
-    <% if error.source_code %>
-      <div class="mx-8 border border-red-200 max-w-screen-lg">
-        <%= lookbook_render :code,
-          language: error.file_lang,
-          highlight_lines: [error.source_code[:highlighted_line]],
-          start_line: error.source_code[:start_line],
-          line_numbers: true do %><%= h(error.source_code[:code]) %><% end %>
-      </div>
-    <% end %>
-
-    <h3 class="font-bold mb-2 px-8 py-2 mt-8 sticky top-0 bg-red-50">Full stack trace:</h3>
-    <div class="text-xs font-mono">
-      <div class="px-8 pb-10 text-gray-400 leading-relaxed">
-        <% error.backtrace.each do |line| %>
-          <div class="hover:text-gray-900 transition-colors duration-100">
-            <%= line %>
-          </div>
-        <% end %>
-      </div>
-    </div>
-  </div>
-</div>

data/lib/lookbook/error.rb

@@ -1,120 +0,0 @@
-module Lookbook
-  class Error < StandardError
-    delegate :full_message, :backtrace, :to_s, to: :original
-
-    LINES_AROUND = 3
-
-    def initialize(original = nil, title: nil, message: nil, file_path: nil, file_name: nil, line_number: nil, source_code: nil)
-      @original = original
-      @title = title
-      @message = message
-      @file_path = file_path
-      @file_name = file_name
-      @line_number = line_number
-      @source_code = source_code
-      super()
-    end
-
-    def source_code
-      lines = source_code_lines
-
-      if lines.present? && line_number.is_a?(Integer)
-        start_line = source_code_start_line(lines)
-        end_line = source_code_end_line(lines)
-        highlighted_line = source_code_highlighted_line(lines)
-
-        line_count = end_line - start_line
-        relevant_lines = lines.slice(start_line - 1, line_count + 1)
-        if relevant_lines.present?
-          empty_start_lines = 0
-          relevant_lines.each do |line|
-            break unless line.strip.empty?
-            empty_start_lines += 1
-          end
-
-          {
-            code: relevant_lines.join("\n").lstrip,
-            start_line: start_line,
-            highlighted_line: highlighted_line - empty_start_lines
-          }
-        end
-
-      end
-    end
-
-    def source_code_lines
-      if file_path || @source_code
-        if @source_code
-          @source_code.split("\n")
-        else
-          full_path = Rails.root.join(file_path)
-          File.read(full_path).split("\n") if File.exist? full_path
-        end
-      end
-    end
-
-    def file_lang
-      lang = Lookbook::Lang.guess(file_path)
-      lang.present? ? lang[:name] : "plaintext"
-    end
-
-    def title
-      @title || original.class.to_s
-    end
-
-    def message
-      (@message || original.message).gsub("(<unknown>):", "").strip.upcase_first
-    end
-
-    def file_name
-      if @file_name == false
-        nil
-      else
-        @file_name || file_path
-      end
-    end
-
-    def file_path
-      path = if @file_path.nil?
-        parsed_backtrace[0][0] if parsed_backtrace.any?
-      else
-        @file_path.presence || nil
-      end
-      path.nil? ? nil : path.to_s.delete_prefix("#{Rails.root}/")
-    end
-
-    def line_number
-      number = if @line_number.nil?
-        parsed_backtrace[0][1] if parsed_backtrace.any?
-      else
-        @line_number.presence || nil
-      end
-      number.present? ? number.to_i : number
-    end
-
-    def parsed_backtrace
-      backtrace.map do |x|
-        x =~ /^(.+?):(\d+)(|:in `(.+)')$/
-        [$1, $2, $4]
-      end
-    end
-
-    protected
-
-    def original
-      @original.presence || self
-    end
-
-    def source_code_start_line(lines)
-      [(line_number - LINES_AROUND), 1].max unless line_number.nil?
-    end
-
-    def source_code_end_line(lines)
-      [line_number + LINES_AROUND, lines&.size || Infinity].min
-    end
-
-    def source_code_highlighted_line(lines)
-      [line_number - source_code_start_line(lines) + 1, 1].max unless line_number.nil?
-    end
-  end
-end

data/lib/lookbook/support/errors/lookbook_error.rb

@@ -1,21 +0,0 @@
-module Lookbook
-  class LookbookError < StandardError
-    attr_reader :scope, :original, :message
-
-    def initialize(msg = nil, scope: nil, original: nil)
-      @scope = scope
-      @original = original
-      @message = msg
-      super(msg)
-    end
-
-    def full_message
-      if msg.nil?
-        message
-      else
-        scope_str = scope.nil? ? "[#{scope}]" : ""
-        "#{scope_str} #{message}".strip
-      end
-    end
-  end
-end

data/lib/tasks/lookbook_tasks.rake

@@ -1,10 +0,0 @@
-require_relative "../lookbook"
-
-namespace :lookbook do
-  namespace :previews do
-    desc "Preparse the previews"
-    task preparse: :environment do
-      puts "The lookbook:preparse task is no longer required and will be removed in v2.0"
-    end
-  end
-end