quicksilver_ui 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/app/assets/tailwind/alert.css +35 -0
- data/app/assets/tailwind/badge.css +27 -0
- data/app/assets/tailwind/button.css +35 -0
- data/app/assets/tailwind/form.css +35 -0
- data/app/assets/tailwind/link.css +23 -0
- data/app/assets/tailwind/modal.css +43 -0
- data/app/assets/tailwind/quicksilver_ui/engine.css +7 -0
- data/app/assets/tailwind/typography.css +112 -0
- data/app/helpers/app_form_builder.rb +94 -0
- data/app/helpers/app_form_helper.rb +7 -0
- data/app/javascript/controllers/autogrow_controller.js +19 -0
- data/app/javascript/controllers/dismissable_controller.js +35 -0
- data/app/javascript/controllers/dropdown_controller.js +59 -0
- data/app/javascript/controllers/modal_controller.js +45 -0
- data/app/javascript/controllers/tabs_controller.js +62 -0
- data/app/javascript/mixins/use_floating_ui.js +104 -0
- data/app/views/form/base_tag.rb +42 -0
- data/app/views/form/checkbox.rb +62 -0
- data/app/views/form/date_field.rb +11 -0
- data/app/views/form/email_field.rb +7 -0
- data/app/views/form/error.rb +15 -0
- data/app/views/form/file_field.rb +12 -0
- data/app/views/form/group.rb +97 -0
- data/app/views/form/hint.rb +15 -0
- data/app/views/form/input.rb +11 -0
- data/app/views/form/label.rb +19 -0
- data/app/views/form/password_field.rb +7 -0
- data/app/views/form/phone_field.rb +7 -0
- data/app/views/form/radio_button.rb +37 -0
- data/app/views/form/search_field.rb +7 -0
- data/app/views/form/select.rb +46 -0
- data/app/views/form/text_field.rb +7 -0
- data/app/views/form/textarea.rb +27 -0
- data/app/views/form/toggle.rb +35 -0
- data/app/views/ui/accordion.rb +67 -0
- data/app/views/ui/alert.rb +84 -0
- data/app/views/ui/avatar.rb +57 -0
- data/app/views/ui/badge.rb +35 -0
- data/app/views/ui/base.rb +29 -0
- data/app/views/ui/dropdown/item.rb +49 -0
- data/app/views/ui/dropdown.rb +111 -0
- data/app/views/ui/icon.rb +46 -0
- data/app/views/ui/modal.rb +96 -0
- data/app/views/ui/toast.rb +90 -0
- data/lib/generators/quicksilver_ui/affordance/affordance_generator.rb +102 -0
- data/lib/generators/quicksilver_ui/component/all_generator.rb +32 -0
- data/lib/generators/quicksilver_ui/component/component_generator.rb +194 -0
- data/lib/generators/quicksilver_ui/form/all_generator.rb +32 -0
- data/lib/generators/quicksilver_ui/form/form_generator.rb +164 -0
- data/lib/generators/quicksilver_ui/form/templates/app_form_builder.rb +39 -0
- data/lib/generators/quicksilver_ui/form/templates/app_form_helper.rb +7 -0
- data/lib/generators/quicksilver_ui/install/install_generator.rb +42 -0
- data/lib/generators/quicksilver_ui/install/templates/base.rb +29 -0
- data/lib/generators/quicksilver_ui/install/templates/initializer.rb +16 -0
- data/lib/quicksilver_ui/dependencies.rb +191 -0
- data/lib/quicksilver_ui/engine.rb +18 -0
- data/lib/quicksilver_ui/version.rb +5 -0
- data/lib/quicksilver_ui.rb +37 -0
- metadata +98 -0
|
@@ -0,0 +1,191 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module QuicksilverUI
|
|
4
|
+
DEPENDENCIES = {
|
|
5
|
+
"accordion" => {
|
|
6
|
+
components: %w[icon],
|
|
7
|
+
stylesheets: [],
|
|
8
|
+
controllers: [],
|
|
9
|
+
mixins: [],
|
|
10
|
+
gems: []
|
|
11
|
+
},
|
|
12
|
+
"alert" => {
|
|
13
|
+
components: %w[icon],
|
|
14
|
+
stylesheets: %w[alert],
|
|
15
|
+
controllers: %w[dismissable],
|
|
16
|
+
mixins: [],
|
|
17
|
+
gems: []
|
|
18
|
+
},
|
|
19
|
+
"avatar" => {
|
|
20
|
+
components: [],
|
|
21
|
+
stylesheets: [],
|
|
22
|
+
controllers: [],
|
|
23
|
+
mixins: [],
|
|
24
|
+
gems: []
|
|
25
|
+
},
|
|
26
|
+
"badge" => {
|
|
27
|
+
components: %w[icon],
|
|
28
|
+
stylesheets: %w[badge],
|
|
29
|
+
controllers: [],
|
|
30
|
+
mixins: [],
|
|
31
|
+
gems: []
|
|
32
|
+
},
|
|
33
|
+
"dropdown" => {
|
|
34
|
+
components: %w[icon],
|
|
35
|
+
stylesheets: [],
|
|
36
|
+
controllers: %w[dropdown],
|
|
37
|
+
mixins: %w[use_floating_ui],
|
|
38
|
+
gems: []
|
|
39
|
+
},
|
|
40
|
+
"icon" => {
|
|
41
|
+
components: [],
|
|
42
|
+
stylesheets: [],
|
|
43
|
+
controllers: [],
|
|
44
|
+
mixins: [],
|
|
45
|
+
gems: %w[rails_icons]
|
|
46
|
+
},
|
|
47
|
+
"modal" => {
|
|
48
|
+
components: %w[icon],
|
|
49
|
+
stylesheets: %w[modal],
|
|
50
|
+
controllers: %w[modal],
|
|
51
|
+
mixins: [],
|
|
52
|
+
gems: []
|
|
53
|
+
},
|
|
54
|
+
"toast" => {
|
|
55
|
+
components: %w[icon],
|
|
56
|
+
stylesheets: [],
|
|
57
|
+
controllers: %w[dismissable],
|
|
58
|
+
mixins: [],
|
|
59
|
+
gems: []
|
|
60
|
+
}
|
|
61
|
+
}.freeze
|
|
62
|
+
|
|
63
|
+
FORM_DEPENDENCIES = {
|
|
64
|
+
"text_field" => {
|
|
65
|
+
form_components: %w[input],
|
|
66
|
+
stylesheets: %w[form],
|
|
67
|
+
gems: []
|
|
68
|
+
},
|
|
69
|
+
"input" => {
|
|
70
|
+
form_components: %w[base_tag],
|
|
71
|
+
stylesheets: %w[form],
|
|
72
|
+
gems: []
|
|
73
|
+
},
|
|
74
|
+
"label" => {
|
|
75
|
+
form_components: %w[base_tag],
|
|
76
|
+
stylesheets: %w[form],
|
|
77
|
+
gems: []
|
|
78
|
+
},
|
|
79
|
+
"error" => {
|
|
80
|
+
form_components: %w[base_tag],
|
|
81
|
+
stylesheets: %w[form],
|
|
82
|
+
gems: []
|
|
83
|
+
},
|
|
84
|
+
"hint" => {
|
|
85
|
+
form_components: %w[base_tag],
|
|
86
|
+
stylesheets: %w[form],
|
|
87
|
+
gems: []
|
|
88
|
+
},
|
|
89
|
+
"group" => {
|
|
90
|
+
form_components: %w[text_field label error hint],
|
|
91
|
+
stylesheets: %w[form],
|
|
92
|
+
gems: []
|
|
93
|
+
},
|
|
94
|
+
"base_tag" => {
|
|
95
|
+
form_components: [],
|
|
96
|
+
stylesheets: %w[form],
|
|
97
|
+
gems: []
|
|
98
|
+
},
|
|
99
|
+
"checkbox" => {
|
|
100
|
+
form_components: %w[base_tag],
|
|
101
|
+
stylesheets: %w[form],
|
|
102
|
+
gems: []
|
|
103
|
+
},
|
|
104
|
+
"date_field" => {
|
|
105
|
+
form_components: %w[input],
|
|
106
|
+
stylesheets: %w[form],
|
|
107
|
+
gems: []
|
|
108
|
+
},
|
|
109
|
+
"email_field" => {
|
|
110
|
+
form_components: %w[input],
|
|
111
|
+
stylesheets: %w[form],
|
|
112
|
+
gems: []
|
|
113
|
+
},
|
|
114
|
+
"file_field" => {
|
|
115
|
+
form_components: %w[input],
|
|
116
|
+
stylesheets: %w[form],
|
|
117
|
+
gems: []
|
|
118
|
+
},
|
|
119
|
+
"password_field" => {
|
|
120
|
+
form_components: %w[input],
|
|
121
|
+
stylesheets: %w[form],
|
|
122
|
+
gems: []
|
|
123
|
+
},
|
|
124
|
+
"phone_field" => {
|
|
125
|
+
form_components: %w[input],
|
|
126
|
+
stylesheets: %w[form],
|
|
127
|
+
gems: []
|
|
128
|
+
},
|
|
129
|
+
"radio_button" => {
|
|
130
|
+
form_components: %w[base_tag],
|
|
131
|
+
stylesheets: %w[form],
|
|
132
|
+
gems: []
|
|
133
|
+
},
|
|
134
|
+
"search_field" => {
|
|
135
|
+
form_components: %w[input],
|
|
136
|
+
stylesheets: %w[form],
|
|
137
|
+
gems: []
|
|
138
|
+
},
|
|
139
|
+
"select" => {
|
|
140
|
+
form_components: %w[base_tag],
|
|
141
|
+
stylesheets: %w[form],
|
|
142
|
+
gems: []
|
|
143
|
+
},
|
|
144
|
+
"textarea" => {
|
|
145
|
+
form_components: %w[input],
|
|
146
|
+
stylesheets: %w[form],
|
|
147
|
+
controllers: %w[autogrow],
|
|
148
|
+
gems: []
|
|
149
|
+
},
|
|
150
|
+
"toggle" => {
|
|
151
|
+
form_components: %w[checkbox],
|
|
152
|
+
stylesheets: %w[form],
|
|
153
|
+
components: %w[icon],
|
|
154
|
+
gems: []
|
|
155
|
+
}
|
|
156
|
+
}.freeze
|
|
157
|
+
|
|
158
|
+
def self.resolve_dependencies(component_name)
|
|
159
|
+
resolved = Set.new
|
|
160
|
+
resolve(component_name, resolved)
|
|
161
|
+
resolved.to_a
|
|
162
|
+
end
|
|
163
|
+
|
|
164
|
+
def self.resolve_form_dependencies(form_component_name)
|
|
165
|
+
resolved = Set.new
|
|
166
|
+
resolve_form(form_component_name, resolved)
|
|
167
|
+
resolved.to_a
|
|
168
|
+
end
|
|
169
|
+
|
|
170
|
+
def self.resolve(name, resolved)
|
|
171
|
+
return if resolved.include?(name)
|
|
172
|
+
|
|
173
|
+
resolved << name
|
|
174
|
+
deps = DEPENDENCIES[name]
|
|
175
|
+
return unless deps
|
|
176
|
+
|
|
177
|
+
deps[:components].each { |dep| resolve(dep, resolved) }
|
|
178
|
+
end
|
|
179
|
+
private_class_method :resolve
|
|
180
|
+
|
|
181
|
+
def self.resolve_form(name, resolved)
|
|
182
|
+
return if resolved.include?(name)
|
|
183
|
+
|
|
184
|
+
resolved << name
|
|
185
|
+
deps = FORM_DEPENDENCIES[name]
|
|
186
|
+
return unless deps
|
|
187
|
+
|
|
188
|
+
deps[:form_components].each { |dep| resolve_form(dep, resolved) }
|
|
189
|
+
end
|
|
190
|
+
private_class_method :resolve_form
|
|
191
|
+
end
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
module QuicksilverUI
|
|
4
|
+
class Engine < ::Rails::Engine
|
|
5
|
+
isolate_namespace QuicksilverUI
|
|
6
|
+
|
|
7
|
+
config.autoload_paths << root.join("app", "helpers").to_s
|
|
8
|
+
|
|
9
|
+
initializer "quicksilver_ui.assets" do |app|
|
|
10
|
+
app.config.assets.paths << QuicksilverUI.stylesheets_path.to_s
|
|
11
|
+
app.config.assets.paths << root.join("app/javascript").to_s
|
|
12
|
+
end
|
|
13
|
+
|
|
14
|
+
initializer "quicksilver_ui.importmap", before: "importmap" do |app|
|
|
15
|
+
app.config.importmap.paths << root.join("config/importmap.rb")
|
|
16
|
+
end
|
|
17
|
+
end
|
|
18
|
+
end
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
# frozen_string_literal: true
|
|
2
|
+
|
|
3
|
+
require_relative "quicksilver_ui/version"
|
|
4
|
+
require_relative "quicksilver_ui/dependencies"
|
|
5
|
+
require_relative "quicksilver_ui/engine" if defined?(Rails::Engine)
|
|
6
|
+
|
|
7
|
+
module QuicksilverUI
|
|
8
|
+
class << self
|
|
9
|
+
def root
|
|
10
|
+
Pathname.new(File.expand_path("..", __dir__))
|
|
11
|
+
end
|
|
12
|
+
|
|
13
|
+
def ui_path
|
|
14
|
+
root.join("app", "views", "ui")
|
|
15
|
+
end
|
|
16
|
+
|
|
17
|
+
def form_path
|
|
18
|
+
root.join("app", "views", "form")
|
|
19
|
+
end
|
|
20
|
+
|
|
21
|
+
def helpers_path
|
|
22
|
+
root.join("app", "helpers")
|
|
23
|
+
end
|
|
24
|
+
|
|
25
|
+
def stylesheets_path
|
|
26
|
+
root.join("app", "assets", "tailwind")
|
|
27
|
+
end
|
|
28
|
+
|
|
29
|
+
def javascript_controllers_path
|
|
30
|
+
root.join("app", "javascript", "controllers")
|
|
31
|
+
end
|
|
32
|
+
|
|
33
|
+
def javascript_mixins_path
|
|
34
|
+
root.join("app", "javascript", "mixins")
|
|
35
|
+
end
|
|
36
|
+
end
|
|
37
|
+
end
|
metadata
ADDED
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
--- !ruby/object:Gem::Specification
|
|
2
|
+
name: quicksilver_ui
|
|
3
|
+
version: !ruby/object:Gem::Version
|
|
4
|
+
version: 0.1.0
|
|
5
|
+
platform: ruby
|
|
6
|
+
authors:
|
|
7
|
+
- Evovia
|
|
8
|
+
bindir: bin
|
|
9
|
+
cert_chain: []
|
|
10
|
+
date: 1980-01-02 00:00:00.000000000 Z
|
|
11
|
+
dependencies: []
|
|
12
|
+
description: A collection of Phlex-based UI components with Rails generators for easy
|
|
13
|
+
installation.
|
|
14
|
+
executables: []
|
|
15
|
+
extensions: []
|
|
16
|
+
extra_rdoc_files: []
|
|
17
|
+
files:
|
|
18
|
+
- app/assets/tailwind/alert.css
|
|
19
|
+
- app/assets/tailwind/badge.css
|
|
20
|
+
- app/assets/tailwind/button.css
|
|
21
|
+
- app/assets/tailwind/form.css
|
|
22
|
+
- app/assets/tailwind/link.css
|
|
23
|
+
- app/assets/tailwind/modal.css
|
|
24
|
+
- app/assets/tailwind/quicksilver_ui/engine.css
|
|
25
|
+
- app/assets/tailwind/typography.css
|
|
26
|
+
- app/helpers/app_form_builder.rb
|
|
27
|
+
- app/helpers/app_form_helper.rb
|
|
28
|
+
- app/javascript/controllers/autogrow_controller.js
|
|
29
|
+
- app/javascript/controllers/dismissable_controller.js
|
|
30
|
+
- app/javascript/controllers/dropdown_controller.js
|
|
31
|
+
- app/javascript/controllers/modal_controller.js
|
|
32
|
+
- app/javascript/controllers/tabs_controller.js
|
|
33
|
+
- app/javascript/mixins/use_floating_ui.js
|
|
34
|
+
- app/views/form/base_tag.rb
|
|
35
|
+
- app/views/form/checkbox.rb
|
|
36
|
+
- app/views/form/date_field.rb
|
|
37
|
+
- app/views/form/email_field.rb
|
|
38
|
+
- app/views/form/error.rb
|
|
39
|
+
- app/views/form/file_field.rb
|
|
40
|
+
- app/views/form/group.rb
|
|
41
|
+
- app/views/form/hint.rb
|
|
42
|
+
- app/views/form/input.rb
|
|
43
|
+
- app/views/form/label.rb
|
|
44
|
+
- app/views/form/password_field.rb
|
|
45
|
+
- app/views/form/phone_field.rb
|
|
46
|
+
- app/views/form/radio_button.rb
|
|
47
|
+
- app/views/form/search_field.rb
|
|
48
|
+
- app/views/form/select.rb
|
|
49
|
+
- app/views/form/text_field.rb
|
|
50
|
+
- app/views/form/textarea.rb
|
|
51
|
+
- app/views/form/toggle.rb
|
|
52
|
+
- app/views/ui/accordion.rb
|
|
53
|
+
- app/views/ui/alert.rb
|
|
54
|
+
- app/views/ui/avatar.rb
|
|
55
|
+
- app/views/ui/badge.rb
|
|
56
|
+
- app/views/ui/base.rb
|
|
57
|
+
- app/views/ui/dropdown.rb
|
|
58
|
+
- app/views/ui/dropdown/item.rb
|
|
59
|
+
- app/views/ui/icon.rb
|
|
60
|
+
- app/views/ui/modal.rb
|
|
61
|
+
- app/views/ui/toast.rb
|
|
62
|
+
- lib/generators/quicksilver_ui/affordance/affordance_generator.rb
|
|
63
|
+
- lib/generators/quicksilver_ui/component/all_generator.rb
|
|
64
|
+
- lib/generators/quicksilver_ui/component/component_generator.rb
|
|
65
|
+
- lib/generators/quicksilver_ui/form/all_generator.rb
|
|
66
|
+
- lib/generators/quicksilver_ui/form/form_generator.rb
|
|
67
|
+
- lib/generators/quicksilver_ui/form/templates/app_form_builder.rb
|
|
68
|
+
- lib/generators/quicksilver_ui/form/templates/app_form_helper.rb
|
|
69
|
+
- lib/generators/quicksilver_ui/install/install_generator.rb
|
|
70
|
+
- lib/generators/quicksilver_ui/install/templates/base.rb
|
|
71
|
+
- lib/generators/quicksilver_ui/install/templates/initializer.rb
|
|
72
|
+
- lib/quicksilver_ui.rb
|
|
73
|
+
- lib/quicksilver_ui/dependencies.rb
|
|
74
|
+
- lib/quicksilver_ui/engine.rb
|
|
75
|
+
- lib/quicksilver_ui/version.rb
|
|
76
|
+
homepage: https://evovia.com
|
|
77
|
+
licenses:
|
|
78
|
+
- MIT
|
|
79
|
+
metadata:
|
|
80
|
+
source_code_uri: https://github.com/evovia/quicksilver
|
|
81
|
+
rdoc_options: []
|
|
82
|
+
require_paths:
|
|
83
|
+
- lib
|
|
84
|
+
required_ruby_version: !ruby/object:Gem::Requirement
|
|
85
|
+
requirements:
|
|
86
|
+
- - ">="
|
|
87
|
+
- !ruby/object:Gem::Version
|
|
88
|
+
version: 3.2.0
|
|
89
|
+
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
90
|
+
requirements:
|
|
91
|
+
- - ">="
|
|
92
|
+
- !ruby/object:Gem::Version
|
|
93
|
+
version: '0'
|
|
94
|
+
requirements: []
|
|
95
|
+
rubygems_version: 4.0.6
|
|
96
|
+
specification_version: 4
|
|
97
|
+
summary: Quicksilver UI component library for Rails
|
|
98
|
+
test_files: []
|