lookbook 0.8.0 → 1.0.0.beta.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +43 -830
- data/app/assets/lookbook/css/lookbook.css +55 -0
- data/app/assets/lookbook/css/themes/blue.css +42 -0
- data/app/assets/lookbook/css/themes/indigo.css +42 -0
- data/app/assets/lookbook/css/themes/zinc.css +42 -0
- data/app/assets/lookbook/css/{tooltip_theme.css → tooltip.css} +14 -8
- data/app/assets/lookbook/js/app.js +64 -61
- data/app/assets/lookbook/js/components/clipboard.js +47 -0
- data/app/assets/lookbook/js/components/tooltip.js +30 -0
- data/app/assets/lookbook/js/config.js +7 -4
- data/app/assets/lookbook/js/helpers/build.js +22 -0
- data/app/assets/lookbook/js/helpers/dom.js +45 -0
- data/app/assets/lookbook/js/helpers/layout.js +21 -0
- data/app/assets/lookbook/js/helpers/request.js +16 -0
- data/app/assets/lookbook/js/helpers/string.js +11 -0
- data/app/assets/lookbook/js/lib/socket.js +4 -3
- data/app/assets/lookbook/js/lib/tippy.js +8 -0
- data/app/assets/lookbook/js/lookbook.js +61 -0
- data/app/assets/lookbook/js/plugins/logger.js +39 -0
- data/app/assets/lookbook/js/stores/filter.js +2 -2
- data/app/assets/lookbook/js/stores/inspector.js +22 -16
- data/app/assets/lookbook/js/stores/layout.js +101 -5
- data/app/assets/lookbook/js/stores/nav.js +17 -16
- data/app/assets/lookbook/js/stores/pages.js +4 -2
- data/app/assets/lookbook/js/stores/settings.js +7 -0
- data/app/assets/lookbook/js/stores/workbench.js +29 -0
- data/app/components/lookbook/button/component.html.erb +28 -0
- data/app/components/lookbook/button/component.js +55 -0
- data/app/components/lookbook/button/component.rb +39 -0
- data/app/components/lookbook/button_group/component.html.erb +3 -0
- data/app/components/lookbook/button_group/component.rb +18 -0
- data/app/components/lookbook/code/component.css +57 -0
- data/app/components/lookbook/code/component.html.erb +10 -0
- data/app/components/lookbook/code/component.js +3 -0
- data/app/components/lookbook/code/component.rb +56 -0
- data/app/components/lookbook/code/highlight_github_light.css +217 -0
- data/app/components/lookbook/component.rb +41 -0
- data/app/components/lookbook/copy_button/component.html.erb +11 -0
- data/app/components/lookbook/copy_button/component.js +16 -0
- data/app/components/lookbook/copy_button/component.rb +23 -0
- data/app/components/lookbook/dimensions_display/component.html.erb +10 -0
- data/app/components/lookbook/dimensions_display/component.js +30 -0
- data/app/components/lookbook/dimensions_display/component.rb +18 -0
- data/app/components/lookbook/embed/component.html.erb +50 -0
- data/app/components/lookbook/embed/component.js +39 -0
- data/app/components/lookbook/embed/component.rb +22 -0
- data/app/components/lookbook/filter/component.html.erb +17 -0
- data/app/components/lookbook/filter/component.js +21 -0
- data/app/components/lookbook/filter/component.rb +15 -0
- data/app/components/lookbook/header/component.html.erb +79 -0
- data/app/components/lookbook/header/component.rb +9 -0
- data/app/components/lookbook/icon/component.css +11 -0
- data/app/components/lookbook/icon/component.html.erb +5 -0
- data/app/components/lookbook/icon/component.js +5 -0
- data/app/components/lookbook/icon/component.rb +23 -0
- data/app/components/lookbook/nav/component.html.erb +33 -0
- data/app/components/lookbook/nav/component.js +52 -0
- data/app/components/lookbook/nav/component.rb +37 -0
- data/app/components/lookbook/nav/item/component.html.erb +23 -0
- data/app/components/lookbook/nav/item/component.js +66 -0
- data/app/components/lookbook/nav/item/component.rb +84 -0
- data/app/components/lookbook/params_editor/component.html.erb +3 -0
- data/app/components/lookbook/params_editor/component.js +12 -0
- data/app/components/lookbook/params_editor/component.rb +11 -0
- data/app/components/lookbook/params_editor/field/component.html.erb +50 -0
- data/app/components/lookbook/params_editor/field/component.js +36 -0
- data/app/components/lookbook/params_editor/field/component.rb +41 -0
- data/app/components/lookbook/prose/component.css +12 -0
- data/app/components/lookbook/prose/component.html.erb +3 -0
- data/app/components/lookbook/prose/component.rb +26 -0
- data/app/components/lookbook/split_layout/component.html.erb +13 -0
- data/app/components/lookbook/split_layout/component.js +151 -0
- data/app/components/lookbook/split_layout/component.rb +11 -0
- data/app/components/lookbook/tabbed_content/component.html.erb +5 -0
- data/app/components/lookbook/tabbed_content/component.js +21 -0
- data/app/components/lookbook/tabbed_content/component.rb +20 -0
- data/app/components/lookbook/tabbed_content/section/component.html.erb +8 -0
- data/app/components/lookbook/tabbed_content/section/component.rb +9 -0
- data/app/components/lookbook/tabs/component.css +8 -0
- data/app/components/lookbook/tabs/component.html.erb +14 -0
- data/app/components/lookbook/tabs/component.js +107 -0
- data/app/components/lookbook/tabs/component.rb +30 -0
- data/app/components/lookbook/tabs/dropdown_tab/component.html.erb +14 -0
- data/app/components/lookbook/tabs/dropdown_tab/component.rb +16 -0
- data/app/components/lookbook/tabs/tab/component.html.erb +18 -0
- data/app/components/lookbook/tabs/tab/component.rb +16 -0
- data/app/components/lookbook/tag_component.rb +29 -0
- data/app/components/lookbook/toolbar/component.css +16 -0
- data/app/components/lookbook/toolbar/component.html.erb +5 -0
- data/app/components/lookbook/toolbar/component.rb +26 -0
- data/app/components/lookbook/viewport/component.css +11 -0
- data/app/components/lookbook/viewport/component.html.erb +57 -0
- data/app/{assets/lookbook/js/components/preview-window.js → components/lookbook/viewport/component.js} +57 -14
- data/app/components/lookbook/viewport/component.rb +21 -0
- data/app/controllers/lookbook/application_controller.rb +16 -5
- data/app/controllers/lookbook/pages_controller.rb +18 -8
- data/app/controllers/lookbook/previews_controller.rb +60 -23
- data/app/helpers/lookbook/application_helper.rb +5 -1
- data/app/helpers/lookbook/component_helper.rb +22 -10
- data/app/helpers/lookbook/output_helper.rb +8 -4
- data/app/helpers/lookbook/page_helper.rb +13 -21
- data/app/views/layouts/lookbook/application.html.erb +76 -28
- data/app/views/layouts/lookbook/inspector.html.erb +7 -0
- data/app/views/layouts/lookbook/page.html.erb +53 -0
- data/app/views/layouts/lookbook/shell.html.erb +64 -0
- data/app/views/layouts/lookbook/skeleton.html.erb +27 -10
- data/app/views/layouts/lookbook/standalone.html.erb +5 -0
- data/app/views/lookbook/404.html.erb +15 -0
- data/app/views/lookbook/error.html.erb +34 -34
- data/app/views/lookbook/index.html.erb +11 -6
- data/app/views/lookbook/pages/show.html.erb +29 -67
- data/app/views/{layouts/lookbook → lookbook}/preview.html.erb +3 -5
- data/app/views/lookbook/previews/panels/_notes.html.erb +19 -25
- data/app/views/lookbook/previews/panels/_output.html.erb +7 -18
- data/app/views/lookbook/previews/panels/_params.html.erb +13 -15
- data/app/views/lookbook/previews/panels/_preview.html.erb +6 -52
- data/app/views/lookbook/previews/panels/_source.html.erb +7 -16
- data/app/views/lookbook/previews/show.html.erb +130 -24
- data/config/routes.rb +5 -5
- data/lib/lookbook/code_formatter.rb +37 -13
- data/lib/lookbook/collection.rb +19 -16
- data/lib/lookbook/config.rb +125 -0
- data/lib/lookbook/engine.rb +79 -74
- data/lib/lookbook/entity.rb +47 -0
- data/lib/lookbook/error.rb +1 -2
- data/lib/lookbook/features.rb +1 -1
- data/lib/lookbook/markdown.rb +3 -4
- data/lib/lookbook/page.rb +21 -12
- data/lib/lookbook/page_collection.rb +8 -0
- data/lib/lookbook/params.rb +15 -4
- data/lib/lookbook/preview.rb +15 -6
- data/lib/lookbook/preview_collection.rb +8 -0
- data/lib/lookbook/preview_controller.rb +6 -2
- data/lib/lookbook/preview_example.rb +5 -6
- data/lib/lookbook/preview_group.rb +4 -9
- data/lib/lookbook/{code_inspector.rb → source_inspector.rb} +2 -2
- data/lib/lookbook/theme.rb +22 -0
- data/lib/lookbook/utils.rb +10 -2
- data/lib/lookbook/version.rb +1 -1
- data/lib/lookbook.rb +4 -1
- data/lib/tasks/lookbook_tasks.rake +12 -0
- data/public/lookbook-assets/css/app.css +2340 -1
- data/public/lookbook-assets/css/app.css.map +11 -1
- data/public/lookbook-assets/css/lookbook.css +3040 -0
- data/public/lookbook-assets/css/lookbook.css.map +1 -0
- data/public/lookbook-assets/css/themes/blue.css +44 -0
- data/public/lookbook-assets/css/themes/blue.css.map +1 -0
- data/public/lookbook-assets/css/themes/indigo.css +44 -0
- data/public/lookbook-assets/css/themes/indigo.css.map +1 -0
- data/public/lookbook-assets/css/themes/zinc.css +44 -0
- data/public/lookbook-assets/css/themes/zinc.css.map +1 -0
- data/public/lookbook-assets/js/app.js +10861 -1
- data/public/lookbook-assets/js/app.js.map +2571 -1
- data/public/lookbook-assets/js/embed.js +895 -1
- data/public/lookbook-assets/js/embed.js.map +1 -1
- data/public/lookbook-assets/js/lookbook.js +13529 -0
- data/public/lookbook-assets/js/lookbook.js.map +1 -0
- metadata +127 -114
- data/app/assets/lookbook/css/app.css +0 -161
- data/app/assets/lookbook/css/code_theme.css +0 -214
- data/app/assets/lookbook/js/components/app.js +0 -55
- data/app/assets/lookbook/js/components/code.js +0 -5
- data/app/assets/lookbook/js/components/copy.js +0 -20
- data/app/assets/lookbook/js/components/embed.js +0 -89
- data/app/assets/lookbook/js/components/filter.js +0 -35
- data/app/assets/lookbook/js/components/inspector.js +0 -66
- data/app/assets/lookbook/js/components/nav-group.js +0 -47
- data/app/assets/lookbook/js/components/nav-item.js +0 -29
- data/app/assets/lookbook/js/components/nav.js +0 -28
- data/app/assets/lookbook/js/components/page.js +0 -25
- data/app/assets/lookbook/js/components/param.js +0 -34
- data/app/assets/lookbook/js/components/sidebar.js +0 -18
- data/app/assets/lookbook/js/components/sizes.js +0 -16
- data/app/assets/lookbook/js/components/splitter.js +0 -25
- data/app/assets/lookbook/js/components/tabs.js +0 -52
- data/app/assets/lookbook/js/lib/split.js +0 -15
- data/app/assets/lookbook/js/stores/sidebar.js +0 -26
- data/app/views/layouts/lookbook/basic.html.erb +0 -7
- data/app/views/lookbook/components/_branding.html.erb +0 -8
- data/app/views/lookbook/components/_code.html.erb +0 -17
- data/app/views/lookbook/components/_copy_button.html.erb +0 -11
- data/app/views/lookbook/components/_drawer.html.erb +0 -112
- data/app/views/lookbook/components/_embed.html.erb +0 -39
- data/app/views/lookbook/components/_errors.html.erb +0 -13
- data/app/views/lookbook/components/_filter.html.erb +0 -18
- data/app/views/lookbook/components/_header.html.erb +0 -6
- data/app/views/lookbook/components/_icon.html.erb +0 -5
- data/app/views/lookbook/components/_nav.html.erb +0 -16
- data/app/views/lookbook/components/_nav_collection.html.erb +0 -5
- data/app/views/lookbook/components/_nav_group.html.erb +0 -14
- data/app/views/lookbook/components/_nav_item.html.erb +0 -24
- data/app/views/lookbook/components/_nav_page.html.erb +0 -22
- data/app/views/lookbook/components/_nav_preview.html.erb +0 -13
- data/app/views/lookbook/components/_not_found.html.erb +0 -11
- data/app/views/lookbook/components/_param.html.erb +0 -21
- data/app/views/lookbook/components/_preview.html.erb +0 -77
- data/app/views/lookbook/components/_sidebar.html.erb +0 -69
- data/app/views/lookbook/pages/not_found.html.erb +0 -15
- data/app/views/lookbook/previews/error.html.erb +0 -1
- data/app/views/lookbook/previews/inputs/_select.html.erb +0 -7
- data/app/views/lookbook/previews/inputs/_text.html.erb +0 -8
- data/app/views/lookbook/previews/inputs/_textarea.html.erb +0 -8
- data/app/views/lookbook/previews/inputs/_toggle.html.erb +0 -13
- data/app/views/lookbook/previews/not_found.html.erb +0 -23
@@ -0,0 +1,47 @@
|
|
1
|
+
module Lookbook
|
2
|
+
class Entity
|
3
|
+
include Utils
|
4
|
+
|
5
|
+
def initialize(reference_path)
|
6
|
+
@refpath = reference_path
|
7
|
+
end
|
8
|
+
|
9
|
+
def id
|
10
|
+
generate_id(lookup_path)
|
11
|
+
end
|
12
|
+
|
13
|
+
def label
|
14
|
+
lookup_path.split("/").last.titleize
|
15
|
+
end
|
16
|
+
|
17
|
+
def type
|
18
|
+
:item
|
19
|
+
end
|
20
|
+
|
21
|
+
def path
|
22
|
+
@refpath
|
23
|
+
end
|
24
|
+
|
25
|
+
def lookup_path
|
26
|
+
@lookup_path ||= to_lookup_path(@refpath)
|
27
|
+
end
|
28
|
+
|
29
|
+
def hierarchy_depth
|
30
|
+
@refpath.present? ? @refpath.split("/").size : 0
|
31
|
+
end
|
32
|
+
|
33
|
+
def position
|
34
|
+
0
|
35
|
+
end
|
36
|
+
|
37
|
+
def hidden?
|
38
|
+
false
|
39
|
+
end
|
40
|
+
|
41
|
+
def matchers
|
42
|
+
nil
|
43
|
+
end
|
44
|
+
|
45
|
+
alias_method :url_path, :lookup_path
|
46
|
+
end
|
47
|
+
end
|
data/lib/lookbook/error.rb
CHANGED
data/lib/lookbook/features.rb
CHANGED
data/lib/lookbook/markdown.rb
CHANGED
@@ -19,12 +19,11 @@ module Lookbook
|
|
19
19
|
class Renderer < Redcarpet::Render::HTML
|
20
20
|
def block_code(code, language = "ruby")
|
21
21
|
line_numbers = language.to_s.end_with? "-numbered"
|
22
|
-
ApplicationController.render
|
23
|
-
|
22
|
+
ApplicationController.render(Lookbook::Code::Component.new(**{
|
23
|
+
source: code,
|
24
24
|
language: language.to_s.chomp("-numbered"),
|
25
25
|
line_numbers: line_numbers
|
26
|
-
},
|
27
|
-
layout: nil
|
26
|
+
}), layout: nil)
|
28
27
|
end
|
29
28
|
end
|
30
29
|
end
|
data/lib/lookbook/page.rb
CHANGED
@@ -1,6 +1,5 @@
|
|
1
1
|
module Lookbook
|
2
|
-
class Page
|
3
|
-
include Utils
|
2
|
+
class Page < Entity
|
4
3
|
|
5
4
|
FRONTMATTER_FIELDS = [
|
6
5
|
:id,
|
@@ -22,15 +21,13 @@ module Lookbook
|
|
22
21
|
@base_path = base_path
|
23
22
|
@options = nil
|
24
23
|
@errors = []
|
25
|
-
end
|
26
|
-
|
27
|
-
def path
|
28
24
|
rel_path = @pathname.relative_path_from(@base_path)
|
29
|
-
(rel_path.dirname.to_s == "." ? name : "#{rel_path.dirname}/#{name}")
|
25
|
+
page_path = (rel_path.dirname.to_s == "." ? name : "#{rel_path.dirname}/#{name}")
|
26
|
+
super(page_path)
|
30
27
|
end
|
31
28
|
|
32
|
-
def
|
33
|
-
|
29
|
+
def url_path
|
30
|
+
page_path lookup_path
|
34
31
|
end
|
35
32
|
|
36
33
|
def full_path
|
@@ -69,10 +66,6 @@ module Lookbook
|
|
69
66
|
normalize_matchers(label)
|
70
67
|
end
|
71
68
|
|
72
|
-
def hierarchy_depth
|
73
|
-
path.split("/").size
|
74
|
-
end
|
75
|
-
|
76
69
|
def parent_collections_names
|
77
70
|
File.dirname(path).split("/")
|
78
71
|
end
|
@@ -81,6 +74,22 @@ module Lookbook
|
|
81
74
|
:page
|
82
75
|
end
|
83
76
|
|
77
|
+
def id
|
78
|
+
options[:id]
|
79
|
+
end
|
80
|
+
|
81
|
+
def position
|
82
|
+
options[:position]
|
83
|
+
end
|
84
|
+
|
85
|
+
def hidden
|
86
|
+
options[:hidden]
|
87
|
+
end
|
88
|
+
|
89
|
+
def label
|
90
|
+
options[:label]
|
91
|
+
end
|
92
|
+
|
84
93
|
def method_missing(method_name, *args, &block)
|
85
94
|
if args.none? && !block
|
86
95
|
options[method_name]
|
data/lib/lookbook/params.rb
CHANGED
@@ -1,10 +1,21 @@
|
|
1
|
+
require "active_model"
|
2
|
+
|
1
3
|
module Lookbook
|
2
4
|
module Params
|
3
5
|
class << self
|
4
|
-
def build_param(param, default)
|
6
|
+
def build_param(param, default: nil, **opts)
|
5
7
|
input, options_str = param.text.present? ? param.text.split(" ", 2) : [nil, ""]
|
6
8
|
type = param.types&.first
|
7
|
-
options =
|
9
|
+
options = if options_str.present? && options_str.end_with?(".json")
|
10
|
+
json_path = if options_str.start_with?(".")
|
11
|
+
File.expand_path(options_str, File.dirname(param.object.files.first[0]))
|
12
|
+
else
|
13
|
+
Rails.root.join(options_str)
|
14
|
+
end
|
15
|
+
JSON.parse(File.read(json_path))
|
16
|
+
else
|
17
|
+
YAML.safe_load(options_str || "~")
|
18
|
+
end
|
8
19
|
input ||= guess_input(type, default)
|
9
20
|
type ||= guess_type(input, default)
|
10
21
|
{
|
@@ -37,7 +48,7 @@ module Lookbook
|
|
37
48
|
def cast(value, type = "String")
|
38
49
|
case type.downcase
|
39
50
|
when "symbol"
|
40
|
-
value.delete_prefix(":")
|
51
|
+
value.presence&.delete_prefix(":")&.to_sym
|
41
52
|
when "hash"
|
42
53
|
result = safe_parse_yaml(value, {})
|
43
54
|
unless result.is_a? Hash
|
@@ -93,7 +104,7 @@ module Lookbook
|
|
93
104
|
"tel",
|
94
105
|
"text",
|
95
106
|
"url"
|
96
|
-
].include? input
|
107
|
+
].include? input.to_s
|
97
108
|
end
|
98
109
|
|
99
110
|
def safe_parse_yaml(value, fallback)
|
data/lib/lookbook/preview.rb
CHANGED
@@ -1,5 +1,5 @@
|
|
1
1
|
module Lookbook
|
2
|
-
class Preview
|
2
|
+
class Preview < Collection
|
3
3
|
include Utils
|
4
4
|
|
5
5
|
delegate :name, :render_args, to: :@preview
|
@@ -7,7 +7,8 @@ module Lookbook
|
|
7
7
|
|
8
8
|
def initialize(preview)
|
9
9
|
@preview = preview
|
10
|
-
@preview_inspector =
|
10
|
+
@preview_inspector = SourceInspector.new(@preview.name)
|
11
|
+
super(preview_class_name(preview_class_basename(@preview.name)))
|
11
12
|
end
|
12
13
|
|
13
14
|
def id
|
@@ -52,12 +53,12 @@ module Lookbook
|
|
52
53
|
@examples = @examples.compact
|
53
54
|
end
|
54
55
|
|
55
|
-
def
|
56
|
-
examples.
|
56
|
+
def items
|
57
|
+
examples.reject { |i| i.hidden? }
|
57
58
|
end
|
58
59
|
|
59
|
-
def
|
60
|
-
|
60
|
+
def default_example
|
61
|
+
examples.first
|
61
62
|
end
|
62
63
|
|
63
64
|
def full_path
|
@@ -67,6 +68,10 @@ module Lookbook
|
|
67
68
|
Pathname.new(Dir["#{base_path}/#{name.underscore}.rb"].first)
|
68
69
|
end
|
69
70
|
|
71
|
+
def url_path
|
72
|
+
inspect_path lookup_path
|
73
|
+
end
|
74
|
+
|
70
75
|
def preview_paths
|
71
76
|
ViewComponent::Base.preview_paths
|
72
77
|
end
|
@@ -87,6 +92,10 @@ module Lookbook
|
|
87
92
|
Lookbook.config.preview_display_params.deep_merge(@preview_inspector&.display_params)
|
88
93
|
end
|
89
94
|
|
95
|
+
def collapsible?
|
96
|
+
true
|
97
|
+
end
|
98
|
+
|
90
99
|
class << self
|
91
100
|
def find(path)
|
92
101
|
all.find { |p| p.lookup_path == path }
|
@@ -4,10 +4,18 @@ module Lookbook
|
|
4
4
|
generate_id("preview-collection", lookup_path || "root")
|
5
5
|
end
|
6
6
|
|
7
|
+
def label
|
8
|
+
"Previews"
|
9
|
+
end
|
10
|
+
|
7
11
|
def find_example(path)
|
8
12
|
Lookbook::PreviewExample.all.find { |e| e.lookup_path == path }
|
9
13
|
end
|
10
14
|
|
15
|
+
def type
|
16
|
+
:preview_collection
|
17
|
+
end
|
18
|
+
|
11
19
|
def self.describe_as
|
12
20
|
"previews"
|
13
21
|
end
|
@@ -14,9 +14,13 @@ module Lookbook
|
|
14
14
|
render html: render_to_string(template, **opts)
|
15
15
|
end
|
16
16
|
|
17
|
-
def render_in_layout_to_string(template, locals,
|
17
|
+
def render_in_layout_to_string(template, locals, **opts)
|
18
18
|
append_view_path Lookbook::Engine.root.join("app/views")
|
19
|
-
|
19
|
+
html = render_to_string(template, locals: locals, **determine_layout(opts[:layout]))
|
20
|
+
if opts[:append_html].present?
|
21
|
+
html += opts[:append_html]
|
22
|
+
end
|
23
|
+
render html: html
|
20
24
|
end
|
21
25
|
end
|
22
26
|
end
|
@@ -1,22 +1,21 @@
|
|
1
1
|
module Lookbook
|
2
|
-
class PreviewExample
|
3
|
-
include Utils
|
4
|
-
|
2
|
+
class PreviewExample < Entity
|
5
3
|
attr_reader :name, :preview
|
6
4
|
delegate :params, :position, :group, :notes, :hidden?, :source, to: :@example_inspector
|
7
5
|
|
8
6
|
def initialize(name, preview)
|
9
7
|
@name = name
|
10
8
|
@preview = preview
|
11
|
-
@example_inspector =
|
9
|
+
@example_inspector = SourceInspector.new("#{@preview.name}##{name}")
|
10
|
+
super("#{@preview.path}/#{name}")
|
12
11
|
end
|
13
12
|
|
14
13
|
def id
|
15
14
|
generate_id(@preview.id, name)
|
16
15
|
end
|
17
16
|
|
18
|
-
def
|
19
|
-
|
17
|
+
def url_path
|
18
|
+
inspect_path lookup_path
|
20
19
|
end
|
21
20
|
|
22
21
|
def label
|
@@ -1,21 +1,16 @@
|
|
1
1
|
module Lookbook
|
2
|
-
class PreviewGroup
|
3
|
-
include Utils
|
4
|
-
|
2
|
+
class PreviewGroup < Entity
|
5
3
|
attr_reader :name, :examples, :preview
|
6
4
|
|
7
5
|
def initialize(name, preview, examples)
|
8
6
|
@name = name
|
9
7
|
@preview = preview
|
10
8
|
@examples = examples
|
9
|
+
super("#{@preview.path}/#{name}")
|
11
10
|
end
|
12
11
|
|
13
|
-
def
|
14
|
-
|
15
|
-
end
|
16
|
-
|
17
|
-
def path
|
18
|
-
"#{@preview.path}/#{name}"
|
12
|
+
def url_path
|
13
|
+
inspect_path lookup_path
|
19
14
|
end
|
20
15
|
|
21
16
|
def label
|
@@ -1,5 +1,5 @@
|
|
1
1
|
module Lookbook
|
2
|
-
class
|
2
|
+
class SourceInspector
|
3
3
|
include Utils
|
4
4
|
|
5
5
|
attr_reader :code_object
|
@@ -62,7 +62,7 @@ module Lookbook
|
|
62
62
|
|
63
63
|
def params
|
64
64
|
code_object&.tags("param")&.map do |param|
|
65
|
-
Lookbook::Params.build_param(param, parameter_defaults[param.name])
|
65
|
+
Lookbook::Params.build_param(param, default: parameter_defaults[param.name])
|
66
66
|
end
|
67
67
|
end
|
68
68
|
|
@@ -0,0 +1,22 @@
|
|
1
|
+
module Lookbook
|
2
|
+
class Theme
|
3
|
+
def initialize(config = {})
|
4
|
+
@config = config
|
5
|
+
@css = nil
|
6
|
+
end
|
7
|
+
|
8
|
+
def to_css
|
9
|
+
return @css unless @css.nil?
|
10
|
+
@css ||= if @config.present?
|
11
|
+
styles = [":root {"]
|
12
|
+
styles << @config.map do |key, value|
|
13
|
+
" --lookbook-#{key.to_s.underscore.gsub("_","-")}: #{value};"
|
14
|
+
end
|
15
|
+
styles.push "}"
|
16
|
+
styles.join("\n")
|
17
|
+
else
|
18
|
+
""
|
19
|
+
end
|
20
|
+
end
|
21
|
+
end
|
22
|
+
end
|
data/lib/lookbook/utils.rb
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
module Lookbook
|
2
2
|
module Utils
|
3
|
+
include Lookbook::Engine.routes.url_helpers
|
4
|
+
|
3
5
|
POSITION_PREFIX_REGEX = /^(\d+?)[-_]/
|
4
6
|
FRONTMATTER_REGEX = /\A---(.|\n)*?---/
|
5
7
|
|
@@ -7,11 +9,11 @@ module Lookbook
|
|
7
9
|
|
8
10
|
def generate_id(*args)
|
9
11
|
parts = args.map { |arg| arg.to_s.parameterize.underscore }
|
10
|
-
parts.join("-").tr("/
|
12
|
+
parts.join("-").tr("/_", "-").delete_prefix("-").delete_suffix("-").gsub("--", "-")
|
11
13
|
end
|
12
14
|
|
13
15
|
def preview_class_basename(klass)
|
14
|
-
class_name(klass).to_s.chomp("ComponentPreview").chomp("Component::Preview").chomp("::Preview").chomp("Component").chomp("::")
|
16
|
+
class_name(klass).to_s.chomp("ComponentPreview").chomp("Component::Preview").chomp("::Preview").chomp("Component").chomp("Preview").chomp("::")
|
15
17
|
end
|
16
18
|
|
17
19
|
def preview_class_name(klass)
|
@@ -50,6 +52,12 @@ module Lookbook
|
|
50
52
|
args.flatten.map { |arg| preview_class_name(arg) }.join("/")
|
51
53
|
end
|
52
54
|
|
55
|
+
protected
|
56
|
+
|
57
|
+
def default_url_options
|
58
|
+
{}
|
59
|
+
end
|
60
|
+
|
53
61
|
private
|
54
62
|
|
55
63
|
def parse_frontmatter(content)
|
data/lib/lookbook/version.rb
CHANGED
data/lib/lookbook.rb
CHANGED
@@ -1,6 +1,7 @@
|
|
1
1
|
require "active_support/dependencies/autoload"
|
2
2
|
require "lookbook/engine"
|
3
3
|
require "lookbook/version"
|
4
|
+
require "view_component/engine"
|
4
5
|
|
5
6
|
module Lookbook
|
6
7
|
extend ActiveSupport::Autoload
|
@@ -13,15 +14,17 @@ module Lookbook
|
|
13
14
|
autoload :PageCollection, "lookbook/page_collection"
|
14
15
|
autoload :Features, "lookbook/features"
|
15
16
|
autoload :Collection, "lookbook/collection"
|
17
|
+
autoload :Entity, "lookbook/entity"
|
16
18
|
autoload :Parser, "lookbook/parser"
|
17
19
|
autoload :Preview, "lookbook/preview"
|
18
20
|
autoload :PreviewCollection, "lookbook/preview_collection"
|
19
21
|
autoload :PreviewController, "lookbook/preview_controller"
|
20
22
|
autoload :PreviewExample, "lookbook/preview_example"
|
21
23
|
autoload :PreviewGroup, "lookbook/preview_group"
|
22
|
-
autoload :
|
24
|
+
autoload :SourceInspector, "lookbook/source_inspector"
|
23
25
|
autoload :CodeFormatter, "lookbook/code_formatter"
|
24
26
|
autoload :Markdown, "lookbook/markdown"
|
27
|
+
autoload :Theme, "lookbook/theme"
|
25
28
|
|
26
29
|
class << self
|
27
30
|
include Utils
|
@@ -2,6 +2,18 @@ require_relative "../lookbook"
|
|
2
2
|
|
3
3
|
namespace :lookbook do
|
4
4
|
|
5
|
+
desc "Run the rspec tests"
|
6
|
+
task :test do
|
7
|
+
sh "bundle exec rspec"
|
8
|
+
end
|
9
|
+
|
10
|
+
namespace :test do
|
11
|
+
desc "Start a server to view the test app"
|
12
|
+
task :serve do
|
13
|
+
sh "bundle exec rackup"
|
14
|
+
end
|
15
|
+
end
|
16
|
+
|
5
17
|
namespace :previews do
|
6
18
|
desc "Preparse the previews"
|
7
19
|
task :preparse do
|