showcase-rails 0.2.7 → 0.2.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 616178a6d44d9d2a3da1d3e501d65fcd15375b89d87c1ec25dff13f58dba3f4a
-  data.tar.gz: 9f2c3e39bda86712762003630c92796967f5b30f6d87102c72cb69fbd905580d
+  metadata.gz: 03270bcd056181e09393db4fb8c701fb082e41d3c30ed2ec00b82004e8c967a6
+  data.tar.gz: d762aea659bfd35a7b7a14126976d8bd56f9edf0ff8a8399e882b37907cbd4c9
 SHA512:
-  metadata.gz: 0c47ba2bdb23a3173b3c4460387423338b02096b2b3fdd9cba9114f2bc429d39bae6c4a7c010991c7659294e6ab9508c663112701cca3450a4005e84a3282ee1
-  data.tar.gz: 575cb0f98daab6bfe9353d2faf3e5356756f7a67e8158ac16fd59bf5479ad50d2b4260a106b72c0bf27136531f01058200c9bbdf62114b7e84fe8b1e9ae20c51
+  metadata.gz: c7a642d7d0f7bf5dc52cf290116b566f81206650bdbd3880bbee20aefebb83edead2b4688abbc3ae376a89e6a63913880e8be51c908133c4bb4823ce3c2ddd89
+  data.tar.gz: 9ce4be151434d49e3a6acc329cf6c8765786844855fd00319b33ac48fe301bdf6609989acd44e16c72174bbc09a3774a4a736c18d79ef9e4a33acf6ebd76aaa2

data/app/assets/builds/showcase.css

@@ -727,6 +727,10 @@ select {
   height: 100%;
 }
 
+.sc-max-h-48 {
+  max-height: 12rem;
+}
+
 .sc-min-h-screen {
   min-height: 100vh;
 }
@@ -796,6 +800,10 @@ select {
   margin-bottom: calc(2rem * var(--tw-space-y-reverse));
 }
 
+.sc-overflow-clip {
+  overflow: clip;
+}
+
 .sc-overflow-scroll {
   overflow: scroll;
 }
@@ -827,27 +835,14 @@ select {
   border-bottom-left-radius: 0.375rem;
 }
 
-.sc-rounded-t-md {
-  border-top-left-radius: 0.375rem;
-  border-top-right-radius: 0.375rem;
-}
-
 .sc-border {
   border-width: 1px;
 }
 
-.sc-border-0 {
-  border-width: 0px;
-}
-
 .sc-border-2 {
   border-width: 2px;
 }
 
-.sc-border-b {
-  border-bottom-width: 1px;
-}
-
 .sc-border-r {
   border-right-width: 1px;
 }
@@ -970,8 +965,8 @@ select {
   line-height: 1.375;
 }
 
-.sc-text-inherit {
-  color: inherit;
+.\!sc-text-inherit {
+  color: inherit !important;
 }
 
 .sc-text-slate-500 {
@@ -979,8 +974,8 @@ select {
   color: rgb(100 116 139 / var(--tw-text-opacity));
 }
 
-.sc-no-underline {
-  text-decoration-line: none;
+.\!sc-no-underline {
+  text-decoration-line: none !important;
 }
 
 .hover\:sc-select-all:hover {
@@ -994,6 +989,10 @@ select {
   background-color: rgb(238 242 255 / var(--tw-bg-opacity));
 }
 
+.hover\:sc-underline:hover {
+  text-decoration-line: underline;
+}
+
 @media (prefers-color-scheme: dark) {
   .dark\:sc-bg-neutral-700\/50 {
     background-color: rgb(64 64 64 / 0.5);

data/app/assets/builds/showcase.highlights.css

@@ -110,3 +110,118 @@
   color: #24292f;
   font-weight: bold;
 }
+
+@media (prefers-color-scheme: dark) {
+  .sc-highlight table td { padding: 5px; }
+  .sc-highlight table pre { margin: 0; }
+  .sc-highlight, .sc-highlight .w {
+    color: #c9d1d9;
+    background-color: #161b22;
+  }
+  .sc-highlight .k, .sc-highlight .kd, .sc-highlight .kn, .sc-highlight .kp, .sc-highlight .kr, .sc-highlight .kt, .sc-highlight .kv {
+    color: #ff7b72;
+  }
+  .sc-highlight .gr {
+    color: #f0f6fc;
+  }
+  .sc-highlight .gd {
+    color: #ffdcd7;
+    background-color: #67060c;
+  }
+  .sc-highlight .nb {
+    color: #ffa657;
+  }
+  .sc-highlight .nc {
+    color: #ffa657;
+  }
+  .sc-highlight .no {
+    color: #ffa657;
+  }
+  .sc-highlight .nn {
+    color: #ffa657;
+  }
+  .sc-highlight .sr {
+    color: #7ee787;
+  }
+  .sc-highlight .na {
+    color: #7ee787;
+  }
+  .sc-highlight .nt {
+    color: #7ee787;
+  }
+  .sc-highlight .gi {
+    color: #aff5b4;
+    background-color: #033a16;
+  }
+  .sc-highlight .kc {
+    color: #79c0ff;
+  }
+  .sc-highlight .l, .sc-highlight .ld, .sc-highlight .m, .sc-highlight .mb, .sc-highlight .mf, .sc-highlight .mh, .sc-highlight .mi, .sc-highlight .il, .sc-highlight .mo, .sc-highlight .mx {
+    color: #79c0ff;
+  }
+  .sc-highlight .sb {
+    color: #79c0ff;
+  }
+  .sc-highlight .bp {
+    color: #79c0ff;
+  }
+  .sc-highlight .ne {
+    color: #79c0ff;
+  }
+  .sc-highlight .nl {
+    color: #79c0ff;
+  }
+  .sc-highlight .py {
+    color: #79c0ff;
+  }
+  .sc-highlight .nv, .sc-highlight .vc, .sc-highlight .vg, .sc-highlight .vi, .sc-highlight .vm {
+    color: #79c0ff;
+  }
+  .sc-highlight .o, .sc-highlight .ow {
+    color: #79c0ff;
+  }
+  .sc-highlight .gh {
+    color: #1f6feb;
+    font-weight: bold;
+  }
+  .sc-highlight .gu {
+    color: #1f6feb;
+    font-weight: bold;
+  }
+  .sc-highlight .s, .sc-highlight .sa, .sc-highlight .sc, .sc-highlight .dl, .sc-highlight .sd, .sc-highlight .s2, .sc-highlight .se, .sc-highlight .sh, .sc-highlight .sx, .sc-highlight .s1, .sc-highlight .ss {
+    color: #a5d6ff;
+  }
+  .sc-highlight .nd {
+    color: #d2a8ff;
+  }
+  .sc-highlight .nf, .sc-highlight .fm {
+    color: #d2a8ff;
+  }
+  .sc-highlight .err {
+    color: #f0f6fc;
+    background-color: #8e1519;
+  }
+  .sc-highlight .c, .sc-highlight .ch, .sc-highlight .cd, .sc-highlight .cm, .sc-highlight .cp, .sc-highlight .cpf, .sc-highlight .c1, .sc-highlight .cs {
+    color: #8b949e;
+  }
+  .sc-highlight .gl {
+    color: #8b949e;
+  }
+  .sc-highlight .gt {
+    color: #8b949e;
+  }
+  .sc-highlight .ni {
+    color: #c9d1d9;
+  }
+  .sc-highlight .si {
+    color: #c9d1d9;
+  }
+  .sc-highlight .ge {
+    color: #c9d1d9;
+    font-style: italic;
+  }
+  .sc-highlight .gs {
+    color: #c9d1d9;
+    font-weight: bold;
+  }
+}

data/app/views/showcase/engine/_root.html.erb

@@ -1,7 +1,9 @@
 <main class="sc-flex sc-flex-wrap dark:sc-bg-neutral-900 dark:sc-text-white" aria-labelledby="showcase_main_title">
   <section class="sc-grid sc-grid-cols-12 sc-w-full">
     <nav class="sc-col-span-3 xl:sc-col-span-2 sc-py-5 sc-h-full sc-border-r">
-      <h1 id="showcase_main_title" class="sc-font-black sc-text-2xl sc-py-2 sc-pl-4 sc-cursor-pointer"><%= link_to "Showcase", root_url %></h1>
+      <h1 id="showcase_main_title" class="sc-font-black sc-text-2xl sc-py-2 sc-pl-4 sc-cursor-pointer">
+        <%= link_to "Showcase", root_url, class: "!sc-text-inherit hover:sc-underline" %>
+      </h1>
 
       <%= render Showcase::Path.tree %>
     </nav>

data/app/views/showcase/engine/_sample.html.erb

@@ -1,8 +1,10 @@
-<section class="sc-mb-4 sc-border sc-border-gray-200 sc-rounded-md" aria-labelledby="showcase_<%= sample.id %>_title">
+<section class="sc-mb-4 sc-border sc-border-gray-200 sc-rounded-md sc-overflow-clip" aria-labelledby="showcase_<%= sample.id %>_title">
   <showcase-sample id="<%= sample.id %>" events="<%= sample.events %>">
-    <header class="sc-bg-slate-100/50 dark:sc-bg-neutral-700/50 sc-rounded-t-md">
+    <header class="sc-bg-slate-100/50 dark:sc-bg-neutral-700/50">
       <div class="sc-flex sc-justify-between">
-        <h3 id="showcase_<%= sample.id %>_title" class="sc-px-4 sc-py-2 sc-font-medium sc-text-base md:sc-text-lg sc-leading-snug sc-truncate"><%= link_to sample.name, "##{sample.id}" %></h3>
+        <h3 id="showcase_<%= sample.id %>_title" class="sc-px-4 sc-py-2 sc-font-medium sc-text-base md:sc-text-lg sc-leading-snug sc-truncate">
+          <%= link_to sample.name, "##{sample.id}", class: "!sc-text-inherit" %>
+        </h3>
 
         <% if event = sample.instrumented %>
           <div class="sc-text-xs sc-grid sc-gap-x-2 sc-m-2 sc-italic sc-text-slate-500 dark:sc-text-inherit">
@@ -18,7 +20,7 @@
     </header>
 
     <% if sample.preview %>
-      <section class="sc-px-4 sc-py-2 sc-border sc-border-gray-200 sc-border-0 sc-border-b">
+      <section class="sc-px-4 sc-py-2">
         <%= sample.preview %>
       </section>
     <% end %>
@@ -37,7 +39,7 @@
       <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">
         <h4 id="showcase_<%= sample.id %>_javascript_events_title" class="sc-mb-2 sc-font-medium sc-text-base">JavaScript Events</h4>
 
-        <div class="sc-overflow-scroll sc-max-h-50">
+        <div class="sc-overflow-scroll sc-max-h-48">
           <pre data-showcase-sample-target="relay"></pre>
         </div>
       </section>

data/app/views/showcase/engine/path/_path.html.erb

@@ -1,3 +1,3 @@
 <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] %>">
-  <%= 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" %>
+  <%= link_to path.basename.titleize, showcase.preview_path(path.id), class: "sc-inline-block sc-py-2 sc-px-8 sc-w-full !sc-text-inherit !sc-no-underline" %>
 </article>

data/lib/showcase/route_helper.rb

@@ -1,8 +1,11 @@
+# frozen_string_literal: true
+
 module Showcase::RouteHelper
   def method_missing(name, ...)
-    case name
-    when /_path\Z/, /_url\Z/ then main_app.public_send(name, ...)
-    else                          super
+    if name.end_with?("_path", "_url")
+      main_app.public_send(name, ...)
+    else
+      super
     end
   end
 end

data/lib/showcase/version.rb

@@ -1,3 +1,3 @@
 module Showcase
-  VERSION = "0.2.7"
+  VERSION = "0.2.8"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: showcase-rails
 version: !ruby/object:Gem::Version
-  version: 0.2.7
+  version: 0.2.8
 platform: ruby
 authors:
 - Daniel Pence
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-03-14 00:00:00.000000000 Z
+date: 2023-03-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails