playbook_ui 7.0.1.pre.alpha1 → 7.0.1.pre.alpha2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7b4dce5edb2e04ee4933fa937457a2b942afb7d96ba6241db9326ac567e02262
-  data.tar.gz: a742f3a03fdf9d7cc773cf3c39a3e8453a925f79f90a25649f4c1b63a942aaab
+  metadata.gz: c7d6456084c3adf5d48fb957f9b058234d972f41075d6fa98ba024cadaee49dd
+  data.tar.gz: 973eaf31d6182290fc4a60a1dd3a544e5d1fccd67868e47d16fbb3b4ed29edbc
 SHA512:
-  metadata.gz: fd8d5c695dace05fd3967e9664943b318a160d7edbd327cdd54ce2de9540740fccc98dc14a794285f66152a6422d1311cc1defe06b8436aa66bb2b3d1f184a45
-  data.tar.gz: 6fbcb798e3208c4f53630766d061c1040176717a99d2eaf860b2a9754ecf0584777fc541ae0b1248c856d2417c70004ad237ee01e6940d49e74a64a6daa0e6d3
+  metadata.gz: 6dff62070cda86e5d8c70a8533aa5590709dff791f64fb135f517a8d2eae47f56de0a3305c47a2a4fe90da5ff33c44d7f4f12071632404e047d90f0766646a3c
+  data.tar.gz: b786a1b622a126647e358aacf43dbd3cf073152f86c71b0533575ce0da44b9a54363dc32b4913e4f0a68db46256bb8ea719f8e9de8fe6bb0771fc028c180b6b5

data/app/controllers/playbook/application_controller.rb

@@ -10,4 +10,6 @@ module Playbook
     helper Playbook::PbSampleHelper
     append_view_path Playbook::Engine.root + "app/pb_kits"
   end
+
+  ENV["dark_mode"] = "false"
 end

data/app/controllers/playbook/pages_controller.rb

@@ -9,23 +9,13 @@ module Playbook
     before_action :ensure_kit_type_exists, only: %i[kit_show_rails kit_show_react]
     before_action :set_category, only: %i[kit_category_show_rails kit_category_show_react]
 
-
-
     def enable_dark_mode
-      cookies[:dark_mode] = {
-        value: "true",
-        path: "/",
-      }
-      @dark_mode = true
+      ENV["dark_mode"] = "true"
       redirect_back(fallback_location: root_path)
     end
 
     def disable_dark_mode
-      cookies[:dark_mode] = {
-        value: "false",
-        path: "/",
-      }
-      @dark_mode = false
+      ENV["dark_mode"] = "false"
       redirect_back(fallback_location: root_path)
     end
 
@@ -37,7 +27,6 @@ module Playbook
     def tokens; end
 
     def kits
-      @dark = dark_mode
       params[:type] ||= "react"
       @type = params[:type]
     end
@@ -49,7 +38,6 @@ module Playbook
     end
 
     def kit_show_rails
-      @dark = cookies[:dark_mode]
       render "playbook/pages/kit_show"
     end
 
@@ -68,13 +56,6 @@ module Playbook
     end
 
   private
-    def dark_mode
-      if @dark_mode == "true"
-        true
-      else
-        false
-      end
-    end
 
     def set_category
       categories = MENU["kits"].map { |link| link.first.first if link.is_a?(Hash) }.compact

data/app/helpers/playbook/application_helper.rb

@@ -13,5 +13,24 @@ module Playbook
     def current_webpacker_instance
       Playbook.webpacker
     end
+
+    def dark_mode
+      if ENV["dark_mode"] == "true"
+        true
+      else
+        false
+      end
+    end
+
+    def dark_mode_props(props)
+      if ENV["dark_mode"] == "true"
+        props.merge(dark: dark_mode)
+      elsif ENV["dark_mode"] == "false"
+        props.merge(dark: dark_mode)
+      else
+        props
+      end
+    end
+    
   end
 end

data/app/helpers/playbook/pb_doc_helper.rb

@@ -45,7 +45,7 @@ module Playbook
     end
 
     def pb_kit(kit: "", type: "rails", show_code: true)
-      @dark = cookies[:dark_mode]
+      # @dark = ENV["dark_mode"]
       @type = type
       @kit_examples = get_kit_examples(kit, type)
       @show_code = show_code

data/app/helpers/playbook/pb_kit_helper.rb

@@ -21,24 +21,7 @@ module Playbook
     end
 
   private
-    def dark_mode
-      if cookies[:dark_mode] == "true"
-        true
-      else
-        false
-      end
-    end
-
-    def dark_mode_props(props)
-      if cookies[:dark_mode] == "true"
-        props.merge(dark: dark_mode)
-      elsif cookies[:dark_mode] == "false"
-        props.merge(dark: dark_mode)
-      else
-        props
-      end
-    end
-
+  
     def is_subkit?(kit)
       kit.match(%r{[/\\]})
     end

data/app/pb_kits/playbook/config/_kit_ui.html.erb

@@ -19,7 +19,7 @@
 </div>
 
   <% if @show_code%>
-    <div class="markdown pb--kit-example-markdown <%=cookies[:dark_mode] == "true" ? "dark" : "" %>">
+    <div class="markdown pb--kit-example-markdown <%=ENV["dark_mode"] == "true" ? "dark" : "" %>">
       <%= markdown(get_per_sample_descriptions(@kit_examples[:kit], key)) %>
     </div>
     <div class="pb--codeControls">

data/app/views/layouts/playbook/_nav.html.erb

@@ -1,4 +1,6 @@
-<div class="pb--page--topNav <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
+<div class="pb--page--topNav <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
+  <% if ENV["dark_mode"] == "true"%>
+    <%end%>
   <%= pb_rails("flex", props:{spacing:"between",vertical: "center"}) do%>
      <%= pb_rails("flex", props:{spacing:"between",vertical: "center"}) do%>
       <%= link_to root_url do %>
@@ -7,7 +9,7 @@
       <%= pb_rails("caption", props: { tag: "span", text: Playbook::VERSION }) %>
       <% end %>
     <div id="toggle-modes">
-    <% if cookies[:dark_mode] == "false"%>
+    <% if ENV["dark_mode"] == "false"%>
       <%= pb_rails("circle_icon_button", props: {
         variant: "secondary",
         icon: "moon",

data/app/views/layouts/playbook/application.html.erb

@@ -9,13 +9,13 @@
   </head>
   <body>
     <%= render 'layouts/playbook/nav'%>
-    <%= pb_rails("layout", props: {classname: "pb--page--content",variant: cookies[:dark_mode] == "true" ? 'dark' : 'light' }) do%>
+    <%= pb_rails("layout", props: {classname: "pb--page--content",variant: ENV["dark_mode"] == "true" ? 'dark' : 'light' }) do%>
       <%= render 'layouts/playbook/mobile_hamburger'%>
       <%= pb_rails("layout/sidebar", props: { classname: "pb--page--sideNav"}) do%>
         <%= render 'layouts/playbook/sidebar'%>
       <% end%>
       <%= pb_rails("layout/body") do%>
-        <div class="pb--page--content--main <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
+        <div class="pb--page--content--main <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
           <%= yield %>
         </div>
       <% end %>

data/app/views/playbook/pages/kit_show.html.erb

@@ -1,6 +1,6 @@
 <div class="pb--kit-show <%=@kit%>-kit">
   <%= pb_rails("title", props: { text: pb_kit_title(@kit), tag: "h1", size: 1 }) %>
-  <div class="markdown <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
+  <div class="markdown <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
     <%= markdown(get_kit_description(@kit)) %>
   </div>
 </div>
@@ -18,14 +18,14 @@
   </div>
   <% if (action_name == "kit_show_rails") %>
     <%= pb_kit(kit: @kit) %>
-    <div class="markdown <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
+    <div class="markdown <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
       <br>
       <%= markdown(get_kit_footer(@kit)) %>
     </div>
     <%= pb_kit_api(@kit) %>
   <% else %>
     <%= pb_kit(kit: @kit, type: "react") %>
-    <div class="markdown <%= cookies[:dark_mode] == "true" ? 'dark' : '' %>">
+    <div class="markdown <%= ENV["dark_mode"] == "true" ? 'dark' : '' %>">
       <br>
       <%= markdown(get_kit_footer(@kit)) %>
     </div>

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "7.0.1-alpha1"
+  VERSION = "7.0.1-alpha2"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.0.1.pre.alpha1
+  version: 7.0.1.pre.alpha2
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-09-03 00:00:00.000000000 Z
+date: 2020-09-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack