showcase-rails 0.2.6 → 0.2.7

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: bd1db6d9dffe2f19513565919b1e09a1fbd3cccec37917a18ab9e8dbf7791d82
4
- data.tar.gz: '08b4a1d6b175dd140189dc3630532559fd3cbb3579b6e3c831a1f86aae5ea293'
3
+ metadata.gz: 616178a6d44d9d2a3da1d3e501d65fcd15375b89d87c1ec25dff13f58dba3f4a
4
+ data.tar.gz: 9f2c3e39bda86712762003630c92796967f5b30f6d87102c72cb69fbd905580d
5
5
  SHA512:
6
- metadata.gz: ca31f6b03f53ee05c2e5485cfbe0f1507c05c7d26f49e2fd75cec29695c897297bbccb149ff019c585d87a339515090a462f192ec3f81a9cf6eb57e51fed5755
7
- data.tar.gz: 31e021098a8a43ad19a8bd3372ed5257dcc37449152a0d265097c62517a476f6a552b8f93db8da9c3d738367d8bb2629ea6759d8d61b461b8cff0e9535156e3a
6
+ metadata.gz: 0c47ba2bdb23a3173b3c4460387423338b02096b2b3fdd9cba9114f2bc429d39bae6c4a7c010991c7659294e6ab9508c663112701cca3450a4005e84a3282ee1
7
+ data.tar.gz: 575cb0f98daab6bfe9353d2faf3e5356756f7a67e8158ac16fd59bf5479ad50d2b4260a106b72c0bf27136531f01058200c9bbdf62114b7e84fe8b1e9ae20c51
data/README.md CHANGED
@@ -157,12 +157,16 @@ Showcase bundles its own `showcase.js`, `showcase.css` and `showcase.highlights.
157
157
  Action View's [javascript_include_tag][] and [stylesheet_link_tag][].
158
158
 
159
159
  If your assets require more sophisticated loading techniques, declare your own
160
- versions of the [showcase/engine/_javascripts.html.erb][] and
160
+ version of the [showcase/engine/_head.html.erb][] partial.
161
+
162
+ If you need to tweak showcase's assets, declare your own versions of
163
+ the [showcase/engine/_javascripts.html.erb][] and
161
164
  [showcase/engine/_stylesheets.html.erb][] partials. When customizing those
162
165
  partials, make sure to include `"showcase"` in your list of assets.
163
166
 
164
167
  [javascript_include_tag]: https://edgeapi.rubyonrails.org/classes/ActionView/Helpers/AssetTagHelper.html#method-i-javascript_include_tag
165
168
  [stylesheet_link_tag]: https://edgeapi.rubyonrails.org/classes/ActionView/Helpers/AssetTagHelper.html#method-i-stylesheet_link_tag
169
+ [showcase/engine/_head.html.erb]: ./showcase/engine/_head.html.erb
166
170
  [showcase/engine/_javascripts.html.erb]: ./showcase/engine/_javascripts.html.erb
167
171
  [showcase/engine/_stylesheets.html.erb]: ./showcase/engine/_stylesheets.html.erb
168
172
 
@@ -173,7 +177,7 @@ By default, Showcase's syntax highlighting runs on Rouge's "github" theme.
173
177
  To use a different theme, override [showcase/engine/_stylesheets.html.erb][] with the following, replacing `:magritte` with a [valid theme](rouge-themes):
174
178
 
175
179
  ```erb
176
- <%= stylesheet_link_tag "application", "showcase" %> # We've removed the default showcase.highlights file here.
180
+ <%= stylesheet_link_tag "showcase" %> # We've removed the default showcase.highlights file here.
177
181
  <%= tag.style Rouge::Theme.find(:magritte).render(scope: ".sc-highlight") %>
178
182
  ```
179
183
 
@@ -727,10 +727,6 @@ select {
727
727
  height: 100%;
728
728
  }
729
729
 
730
- .sc-max-h-20 {
731
- max-height: 5rem;
732
- }
733
-
734
730
  .sc-min-h-screen {
735
731
  min-height: 100vh;
736
732
  }
@@ -826,6 +822,11 @@ select {
826
822
  border-radius: 0.375rem;
827
823
  }
828
824
 
825
+ .sc-rounded-b-md {
826
+ border-bottom-right-radius: 0.375rem;
827
+ border-bottom-left-radius: 0.375rem;
828
+ }
829
+
829
830
  .sc-rounded-t-md {
830
831
  border-top-left-radius: 0.375rem;
831
832
  border-top-right-radius: 0.375rem;
@@ -969,11 +970,19 @@ select {
969
970
  line-height: 1.375;
970
971
  }
971
972
 
973
+ .sc-text-inherit {
974
+ color: inherit;
975
+ }
976
+
972
977
  .sc-text-slate-500 {
973
978
  --tw-text-opacity: 1;
974
979
  color: rgb(100 116 139 / var(--tw-text-opacity));
975
980
  }
976
981
 
982
+ .sc-no-underline {
983
+ text-decoration-line: none;
984
+ }
985
+
977
986
  .hover\:sc-select-all:hover {
978
987
  -webkit-user-select: all;
979
988
  -moz-user-select: all;
@@ -985,14 +994,6 @@ select {
985
994
  background-color: rgb(238 242 255 / var(--tw-bg-opacity));
986
995
  }
987
996
 
988
- .hover\:sc-text-inherit:hover {
989
- color: inherit;
990
- }
991
-
992
- .hover\:sc-no-underline:hover {
993
- text-decoration-line: none;
994
- }
995
-
996
997
  @media (prefers-color-scheme: dark) {
997
998
  .dark\:sc-bg-neutral-700\/50 {
998
999
  background-color: rgb(64 64 64 / 0.5);
@@ -4,6 +4,7 @@
4
4
  <title>Showcase</title>
5
5
  <meta name="viewport" content="width=device-width,initial-scale=1">
6
6
 
7
+ <%= render "showcase/engine/head" %>
7
8
  <%= render "showcase/engine/stylesheets" %>
8
9
  <%= render "showcase/engine/javascripts" %>
9
10
  </head>
@@ -0,0 +1,2 @@
1
+ <%= stylesheet_link_tag "application" %>
2
+ <%= javascript_include_tag "application" %>
@@ -1 +1 @@
1
- <%= javascript_include_tag "application", "showcase" %>
1
+ <%= javascript_include_tag "showcase" %>
@@ -34,10 +34,10 @@
34
34
  <% end %>
35
35
 
36
36
  <% if sample.events.any? %>
37
- <section class="sc-px-4 sc-py-2 sc-font-small sc-bg-slate-50" aria-labelledby="showcase_<%= sample.id %>_javascript_events_title">
37
+ <section class="sc-px-4 sc-py-2 sc-font-small sc-bg-slate-50 dark:sc-bg-neutral-800 sc-rounded-b-md" aria-labelledby="showcase_<%= sample.id %>_javascript_events_title">
38
38
  <h4 id="showcase_<%= sample.id %>_javascript_events_title" class="sc-mb-2 sc-font-medium sc-text-base">JavaScript Events</h4>
39
39
 
40
- <div class="sc-overflow-scroll sc-max-h-20">
40
+ <div class="sc-overflow-scroll sc-max-h-50">
41
41
  <pre data-showcase-sample-target="relay"></pre>
42
42
  </div>
43
43
  </section>
@@ -1 +1 @@
1
- <%= stylesheet_link_tag "application", "showcase", "showcase.highlights" %>
1
+ <%= stylesheet_link_tag "showcase", "showcase.highlights" %>
@@ -25,6 +25,9 @@
25
25
  <section class="sc-space-y-4">
26
26
  <h2 class="sc-font-semibold sc-text-2xl">Additional resources</h2>
27
27
  <ul class="sc-list-none">
28
+ <li>
29
+ <%= link_to "Showcase documentation", "https://github.com/bullet-train-co/showcase", target: "_blank" %>
30
+ </li>
28
31
  <li>
29
32
  <%= link_to "Bullet Train field partials documentation", "https://bullettrain.co/docs/field-partials", target: "_blank" %>
30
33
  </li>
@@ -1,3 +1,3 @@
1
1
  <article class="hover:sc-bg-indigo-50 dark:hover:sc-bg-neutral-700/50 <%= "sc-bg-indigo-50 dark:sc-bg-neutral-700/50" if path.id == params[:id] %>">
2
- <%= link_to path.basename.titleize, preview_path(path.id), class: "sc-inline-block sc-py-2 sc-px-8 sc-w-full hover:sc-text-inherit hover:sc-no-underline" %>
2
+ <%= link_to path.basename.titleize, preview_path(path.id), class: "sc-inline-block sc-py-2 sc-px-8 sc-w-full sc-text-inherit sc-no-underline" %>
3
3
  </article>
@@ -1,3 +1,3 @@
1
1
  module Showcase
2
- VERSION = "0.2.6"
2
+ VERSION = "0.2.7"
3
3
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: showcase-rails
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.2.6
4
+ version: 0.2.7
5
5
  platform: ruby
6
6
  authors:
7
7
  - Daniel Pence
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2023-03-05 00:00:00.000000000 Z
12
+ date: 2023-03-14 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: rails
@@ -59,6 +59,7 @@ files:
59
59
  - app/models/showcase/preview.rb
60
60
  - app/models/showcase/sample.rb
61
61
  - app/views/layouts/showcase.html.erb
62
+ - app/views/showcase/engine/_head.html.erb
62
63
  - app/views/showcase/engine/_javascripts.html.erb
63
64
  - app/views/showcase/engine/_options.html.erb
64
65
  - app/views/showcase/engine/_preview.html.erb
@@ -101,7 +102,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
101
102
  - !ruby/object:Gem::Version
102
103
  version: '0'
103
104
  requirements: []
104
- rubygems_version: 3.4.7
105
+ rubygems_version: 3.4.8
105
106
  signing_key:
106
107
  specification_version: 4
107
108
  summary: Showcase helps you show off and document your partials, components, view