lookbook 0.9.0 → 1.0.0.beta.2

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lookbook
 version: !ruby/object:Gem::Version
-  version: 0.9.0
+  version: 1.0.0.beta.2
 platform: ruby
 authors:
 - Mark Perkins
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-06-15 00:00:00.000000000 Z
+date: 2022-06-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actioncable
@@ -24,6 +24,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
+- !ruby/object:Gem::Dependency
+  name: activemodel
+  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: railties
   requirement: !ruby/object:Gem::Requirement
@@ -123,75 +137,19 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '1.3'
 - !ruby/object:Gem::Dependency
-  name: sqlite3
+  name: htmlentities
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '1.4'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.4'
-- !ruby/object:Gem::Dependency
-  name: shoulda
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '4.0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '4.0'
-- !ruby/object:Gem::Dependency
-  name: warning
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.2'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.2'
-- !ruby/object:Gem::Dependency
-  name: standard
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.1'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.1'
-- !ruby/object:Gem::Dependency
-  name: capybara
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '3.3'
-  type: :development
+        version: 4.3.4
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.3'
+        version: 4.3.4
 description:
 email:
 executables: []
@@ -200,39 +158,104 @@ extra_rdoc_files: []
 files:
 - LICENSE.txt
 - README.md
-- app/assets/lookbook/css/app.css
-- app/assets/lookbook/css/code_theme.css
-- app/assets/lookbook/css/tooltip_theme.css
+- app/assets/lookbook/css/lookbook.css
+- app/assets/lookbook/css/themes/blue.css
+- app/assets/lookbook/css/themes/indigo.css
+- app/assets/lookbook/css/themes/zinc.css
+- app/assets/lookbook/css/tooltip.css
 - app/assets/lookbook/js/app.js
-- app/assets/lookbook/js/components/app.js
-- app/assets/lookbook/js/components/code.js
-- app/assets/lookbook/js/components/copy.js
-- app/assets/lookbook/js/components/embed.js
-- app/assets/lookbook/js/components/filter.js
-- app/assets/lookbook/js/components/inspector.js
-- app/assets/lookbook/js/components/nav-group.js
-- app/assets/lookbook/js/components/nav-item.js
-- app/assets/lookbook/js/components/nav.js
-- app/assets/lookbook/js/components/page-tabs.js
-- app/assets/lookbook/js/components/page.js
-- app/assets/lookbook/js/components/param.js
-- app/assets/lookbook/js/components/preview-window.js
-- app/assets/lookbook/js/components/sidebar.js
-- app/assets/lookbook/js/components/sizes.js
-- app/assets/lookbook/js/components/splitter.js
-- app/assets/lookbook/js/components/tabs.js
+- app/assets/lookbook/js/components/clipboard.js
+- app/assets/lookbook/js/components/tooltip.js
 - app/assets/lookbook/js/config.js
 - app/assets/lookbook/js/embed.js
+- app/assets/lookbook/js/helpers/build.js
+- app/assets/lookbook/js/helpers/dom.js
+- app/assets/lookbook/js/helpers/layout.js
+- app/assets/lookbook/js/helpers/request.js
+- app/assets/lookbook/js/helpers/string.js
 - app/assets/lookbook/js/lib/socket.js
-- app/assets/lookbook/js/lib/split.js
+- app/assets/lookbook/js/lib/tippy.js
+- app/assets/lookbook/js/lookbook.js
+- app/assets/lookbook/js/plugins/logger.js
 - app/assets/lookbook/js/stores/filter.js
 - app/assets/lookbook/js/stores/inspector.js
 - app/assets/lookbook/js/stores/layout.js
 - app/assets/lookbook/js/stores/nav.js
 - app/assets/lookbook/js/stores/pages.js
-- app/assets/lookbook/js/stores/sidebar.js
+- app/assets/lookbook/js/stores/settings.js
+- app/assets/lookbook/js/stores/workbench.js
 - app/channels/lookbook/connection.rb
 - app/channels/lookbook/reload_channel.rb
+- app/components/lookbook/button/component.html.erb
+- app/components/lookbook/button/component.js
+- app/components/lookbook/button/component.rb
+- app/components/lookbook/button_group/component.html.erb
+- app/components/lookbook/button_group/component.rb
+- app/components/lookbook/code/component.css
+- app/components/lookbook/code/component.html.erb
+- app/components/lookbook/code/component.js
+- app/components/lookbook/code/component.rb
+- app/components/lookbook/code/highlight_github_light.css
+- app/components/lookbook/component.rb
+- app/components/lookbook/copy_button/component.html.erb
+- app/components/lookbook/copy_button/component.js
+- app/components/lookbook/copy_button/component.rb
+- app/components/lookbook/dimensions_display/component.html.erb
+- app/components/lookbook/dimensions_display/component.js
+- app/components/lookbook/dimensions_display/component.rb
+- app/components/lookbook/embed/component.html.erb
+- app/components/lookbook/embed/component.js
+- app/components/lookbook/embed/component.rb
+- app/components/lookbook/filter/component.html.erb
+- app/components/lookbook/filter/component.js
+- app/components/lookbook/filter/component.rb
+- app/components/lookbook/header/component.html.erb
+- app/components/lookbook/header/component.rb
+- app/components/lookbook/icon/component.css
+- app/components/lookbook/icon/component.html.erb
+- app/components/lookbook/icon/component.js
+- app/components/lookbook/icon/component.rb
+- app/components/lookbook/nav/component.html.erb
+- app/components/lookbook/nav/component.js
+- app/components/lookbook/nav/component.rb
+- app/components/lookbook/nav/item/component.html.erb
+- app/components/lookbook/nav/item/component.js
+- app/components/lookbook/nav/item/component.rb
+- app/components/lookbook/page_tabs/component.html.erb
+- app/components/lookbook/page_tabs/component.rb
+- app/components/lookbook/params_editor/component.html.erb
+- app/components/lookbook/params_editor/component.js
+- app/components/lookbook/params_editor/component.rb
+- app/components/lookbook/params_editor/field/component.html.erb
+- app/components/lookbook/params_editor/field/component.js
+- app/components/lookbook/params_editor/field/component.rb
+- app/components/lookbook/prose/component.css
+- app/components/lookbook/prose/component.html.erb
+- app/components/lookbook/prose/component.rb
+- app/components/lookbook/split_layout/component.html.erb
+- app/components/lookbook/split_layout/component.js
+- app/components/lookbook/split_layout/component.rb
+- app/components/lookbook/tab_panels/component.html.erb
+- app/components/lookbook/tab_panels/component.js
+- app/components/lookbook/tab_panels/component.rb
+- app/components/lookbook/tab_panels/panel/component.html.erb
+- app/components/lookbook/tab_panels/panel/component.rb
+- app/components/lookbook/tabs/component.css
+- app/components/lookbook/tabs/component.html.erb
+- app/components/lookbook/tabs/component.js
+- app/components/lookbook/tabs/component.rb
+- app/components/lookbook/tabs/dropdown_tab/component.html.erb
+- app/components/lookbook/tabs/dropdown_tab/component.rb
+- app/components/lookbook/tabs/tab/component.html.erb
+- app/components/lookbook/tabs/tab/component.rb
+- app/components/lookbook/tag_component.rb
+- app/components/lookbook/toolbar/component.css
+- app/components/lookbook/toolbar/component.html.erb
+- app/components/lookbook/toolbar/component.rb
+- app/components/lookbook/viewport/component.css
+- app/components/lookbook/viewport/component.html.erb
+- app/components/lookbook/viewport/component.js
+- app/components/lookbook/viewport/component.rb
 - app/controllers/lookbook/application_controller.rb
 - app/controllers/lookbook/page_controller.rb
 - app/controllers/lookbook/pages_controller.rb
@@ -243,38 +266,17 @@ files:
 - app/helpers/lookbook/page_helper.rb
 - app/helpers/lookbook/preview_helper.rb
 - app/views/layouts/lookbook/application.html.erb
-- app/views/layouts/lookbook/basic.html.erb
-- app/views/layouts/lookbook/preview.html.erb
+- app/views/layouts/lookbook/inspector.html.erb
+- app/views/layouts/lookbook/page.html.erb
+- app/views/layouts/lookbook/shell.html.erb
 - app/views/layouts/lookbook/skeleton.html.erb
-- app/views/lookbook/components/_branding.html.erb
-- app/views/lookbook/components/_code.html.erb
-- app/views/lookbook/components/_copy_button.html.erb
-- app/views/lookbook/components/_drawer.html.erb
-- app/views/lookbook/components/_embed.html.erb
-- app/views/lookbook/components/_errors.html.erb
-- app/views/lookbook/components/_filter.html.erb
-- app/views/lookbook/components/_header.html.erb
-- app/views/lookbook/components/_icon.html.erb
-- app/views/lookbook/components/_nav.html.erb
-- app/views/lookbook/components/_nav_collection.html.erb
-- app/views/lookbook/components/_nav_group.html.erb
-- app/views/lookbook/components/_nav_item.html.erb
-- app/views/lookbook/components/_nav_page.html.erb
-- app/views/lookbook/components/_nav_preview.html.erb
-- app/views/lookbook/components/_not_found.html.erb
-- app/views/lookbook/components/_param.html.erb
-- app/views/lookbook/components/_preview.html.erb
-- app/views/lookbook/components/_sidebar.html.erb
+- app/views/layouts/lookbook/standalone.html.erb
+- app/views/lookbook/404.html.erb
 - app/views/lookbook/error.html.erb
 - app/views/lookbook/index.html.erb
-- app/views/lookbook/pages/not_found.html.erb
 - app/views/lookbook/pages/show.html.erb
-- app/views/lookbook/previews/error.html.erb
-- app/views/lookbook/previews/inputs/_select.html.erb
-- app/views/lookbook/previews/inputs/_text.html.erb
-- app/views/lookbook/previews/inputs/_textarea.html.erb
-- app/views/lookbook/previews/inputs/_toggle.html.erb
-- app/views/lookbook/previews/not_found.html.erb
+- app/views/lookbook/preview.html.erb
+- app/views/lookbook/previews/panels/_content.html.erb
 - app/views/lookbook/previews/panels/_notes.html.erb
 - app/views/lookbook/previews/panels/_output.html.erb
 - app/views/lookbook/previews/panels/_params.html.erb
@@ -284,15 +286,17 @@ files:
 - config/routes.rb
 - lib/lookbook.rb
 - lib/lookbook/code_formatter.rb
-- lib/lookbook/code_inspector.rb
 - lib/lookbook/collection.rb
+- lib/lookbook/config.rb
 - lib/lookbook/engine.rb
+- lib/lookbook/entity.rb
 - lib/lookbook/error.rb
 - lib/lookbook/features.rb
 - lib/lookbook/lang.rb
 - lib/lookbook/markdown.rb
 - lib/lookbook/page.rb
 - lib/lookbook/page_collection.rb
+- lib/lookbook/page_section.rb
 - lib/lookbook/params.rb
 - lib/lookbook/parser.rb
 - lib/lookbook/preview.rb
@@ -300,16 +304,29 @@ files:
 - lib/lookbook/preview_controller.rb
 - lib/lookbook/preview_example.rb
 - lib/lookbook/preview_group.rb
+- lib/lookbook/source_inspector.rb
+- lib/lookbook/store.rb
+- lib/lookbook/theme.rb
 - lib/lookbook/utils.rb
 - lib/lookbook/version.rb
 - lib/tasks/lookbook_tasks.rake
 - public/lookbook-assets/css/app.css
 - public/lookbook-assets/css/app.css.map
+- public/lookbook-assets/css/lookbook.css
+- public/lookbook-assets/css/lookbook.css.map
+- public/lookbook-assets/css/themes/blue.css
+- public/lookbook-assets/css/themes/blue.css.map
+- public/lookbook-assets/css/themes/indigo.css
+- public/lookbook-assets/css/themes/indigo.css.map
+- public/lookbook-assets/css/themes/zinc.css
+- public/lookbook-assets/css/themes/zinc.css.map
 - public/lookbook-assets/feather-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.map
+- public/lookbook-assets/js/lookbook.js
+- public/lookbook-assets/js/lookbook.js.map
 homepage: https://github.com/allmarkedup/lookbook
 licenses:
 - MIT
@@ -322,12 +339,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 2.5.0
+      version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.2.22
 signing_key:

data/app/assets/lookbook/css/app.css

@@ -1,161 +0,0 @@
-@import "tailwindcss/base";
-@import "tailwindcss/components";
-@import "tailwindcss/utilities";
-@import "tippy.js/dist/tippy";
-@import "tippy.js/dist/border";
-@import "code_theme";
-@import "tooltip_theme";
-
-@layer base {
-  html {
-    scroll-behavior: smooth;
-  }
-
-  @media screen and (prefers-reduced-motion: reduce) {
-    html {
-      scroll-behavior: auto;
-    }
-  }
-
-  [x-cloak] {
-    display: none !important;
-  }
-
-  pre[class*="language-"] {
-    padding: 0 !important;
-    margin: 0 !important;
-  }
-
-  .feather {
-    width: 24px;
-    height: 24px;
-    stroke: currentColor;
-    stroke-width: 2;
-    stroke-linecap: round;
-    stroke-linejoin: round;
-    fill: none;
-  }
-
-  ::-webkit-scrollbar {
-    width: 8px;
-    height: 8px;
-  }
-
-  ::-webkit-scrollbar-track {
-    background: transparent;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    @apply bg-gray-300 transition-colors;
-    border-radius: 6px;
-    border: 2px solid transparent;
-    background-clip: content-box;
-  }
-
-  ::-webkit-scrollbar-thumb:hover {
-    @apply bg-gray-400;
-  }
-}
-
-@layer components {
-  .unsectioned > nav > ul > li > div {
-    @apply py-1 border-b border-gray-300;
-  }
-
-  .nav-toggle {
-    @apply flex items-center cursor-pointer pr-3 hover:bg-gray-200 hover:bg-opacity-50;
-  }
-
-  .nav-label {
-    @apply truncate w-full whitespace-nowrap text-left select-none;
-  }
-
-  .code {
-    @apply font-mono;
-  }
-
-  .code pre {
-    @apply block;
-  }
-
-  .code.wrapped pre {
-    @apply whitespace-pre-wrap;
-  }
-
-  .code .line {
-    @apply leading-relaxed;
-  }
-
-  .code.numbered {
-    @apply relative;
-  }
-
-  .code.numbered:before {
-    content: "";
-    left: 2.7em;
-    @apply absolute top-0 bottom-0 border-r border-gray-200 z-10;
-  }
-
-  .code.numbered .line {
-    padding-left: calc(2.7em + 14px);
-    @apply relative;
-  }
-
-  .code .line-number {
-    display: inline-block;
-    width: calc(2.7em + 8px);
-    padding-top: 3px;
-    padding-bottom: 3px;
-    padding-right: 8px;
-    margin-right: 16px;
-    @apply font-mono text-right text-gray-400 flex-none text-xs absolute left-0;
-  }
-
-  .code .line-content {
-    @apply flex-none pr-4;
-  }
-
-  .code.focussed .line:not(.highlighted-line) *,
-  .code.focussed .line:not(.highlighted-line) .line-content * {
-    @apply !text-gray-700 !text-opacity-40;
-  }
-
-  .code.focussed .line:not(.highlighted-line) .line-number {
-    @apply !opacity-70;
-  }
-
-  .code.focussed .line.highlighted-line {
-    @apply bg-yellow-50;
-  }
-
-  .code.focussed .line.highlighted-line .line-number {
-    @apply text-gray-900;
-  }
-
-  .prose .code {
-    @apply !bg-white border border-gray-300 text-gray-600 my-8 rounded-md py-4 text-sm overflow-auto max-w-3xl w-full mx-auto;
-  }
-
-  .prose .code:not(.numbered) .line {
-    @apply px-4;
-  }
-
-  .prose .embed {
-    @apply my-8;
-  }
-
-  .resize-handle {
-    @apply flex items-center justify-center h-full w-full border-gray-300 bg-white hover:bg-indigo-100 hover:bg-opacity-20 text-gray-400 hover:text-gray-700 transition select-none touch-none;
-  }
-}
-
-@layer utilities {
-  .form-input {
-    @apply border-gray-300 text-gray-700 focus:ring-indigo-300 focus:border-indigo-300 rounded-sm text-sm w-full;
-  }
-
-  .checked-bg {
-    background-color: #ffffff;
-    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23f3f3f3' fill-opacity='1'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
-  }
-}