playbook_ui 7.3.0.pre.alpha2 → 7.3.0.pre.alpha3

data/app/views/playbook/samples/sample_show.html.erb

@@ -1,36 +0,0 @@
-<div class="pb--kit-show sample-nav">
-  <div class="sample-actions">
-    <div class="items">
-      <a href="/">
-        <%= pb_rails("circle_icon_button", props: {variant: "primary", icon: "angle-left", dark: true}) %>
-      </a>
-    </div>
-  </div>
-  <div class="pb--kit-type-nav sample">
-    <%= pb_rails("nav", props: { orientation: "horizontal", classname: "code-controls"}) do %>
-      <%= pb_rails("nav/item", props: { text: "Rails", link: "#{sample_show_rails_path(@sample)}", active: action_name == 'sample_show_rails' }) %>
-      <%= pb_rails("nav/item", props: { text: "React", link: "#{sample_show_reacts_path(@sample)}", active: action_name == 'sample_show_react' }) %>
-    <% end %>
-  </div>
-  <div class="sample-actions-right">
-    <div class="items">
-      <%= pb_rails("circle_icon_button", props: { classname:"toggle-button", variant: "secondary", icon: "code", dark: true}) %>
-    </div>
-    <div class="items">
-      <%= pb_rails("circle_icon_button", props:{ classname: "expand", variant: "secondary", icon: "expand", dark: true}) %>
-    </div>
-  </div>
-</div>
-<%= pb_rails("circle_icon_button", props:{ classname: "compress", variant: "link", icon: "compress"}) %>
-
-<%= render_sample_ui(@sample, @type) %>
-
-<div class="pb--kit-show">
-    <div class="pb--doc light_ui">
-        <div class="pb--codeCopy close" >
-            <a class="pb--close-toggle copy-clipboard" href="#">Copy to Clipboard</a>
-            <div class="hiddenCodeforCopy"><%= get_raw_code(@sample, @type) %></div>
-            <pre class="highlight"><%= get_sample_code_content(@sample, @type) %></pre>
-        </div>
-    </div>
-</div>

data/lib/generators/kit/USAGE

@@ -1,5 +0,0 @@
-Description:
-    Create a new Playbook kit
-
-Example:
-    rails g kit "button"

data/lib/generators/kit/kit_generator.rb

@@ -1,95 +0,0 @@
-# frozen_string_literal: true
-
-class KitGenerator < Rails::Generators::NamedBase
-  desc "This generator creates a new Playbook Kit"
-  source_root File.expand_path("templates", __dir__)
-  class_option :props, type: :array, default: []
-
-  def create_templates
-    kit_name = name.strip.downcase
-    @kit_name_uppercase = kit_name.upcase
-    @kit_name_lowercase = kit_name
-    @kit_name_capitalize = kit_name.capitalize
-    @kit_name_underscore = kit_name.parameterize.underscore
-    @kit_name_pascal = kit_name.titleize.gsub(/\s+/, "")
-
-    kit_props = options[:props].concat(%w[id:string classname:string data:object aria:object])
-    @kit_props = kit_props.map { |hash| [hash.partition(":").first, hash.partition(":").last] }.to_h
-    @kit_props = @kit_props.sort.to_h
-    @unique_props = @kit_props.symbolize_keys.without(:id, :classname, :data, :aria)
-
-    @kit_class_init = []
-    @kit_props.each do |key, _val|
-      @kit_class_init.push("#{key.parameterize.underscore}: default_configuration".to_sym)
-    end
-
-    @kit_class_val = []
-    @kit_props.each do |key, _value|
-      @kit_class_val.push("self.configured_#{key.parameterize.underscore} = #{key.parameterize.underscore}")
-    end
-
-    full_kit_directory = "app/pb_kits/playbook/pb_#{@kit_name_underscore}"
-
-    # Check if kit already exists =======================
-    if File.directory?(full_kit_directory)
-      say_status  "#{@kit_name_capitalize} kit already exists.",
-                  "Please choose another name or manually make changes to the existing kit.",
-                  :red
-      return
-    else
-      # Add kit to Playbook menu ==========================
-      open("app/pb_kits/playbook/data/menu.yml", "a") do |f|
-        f.puts "  - #{@kit_name_underscore}"
-      end
-      say_status  "complete",
-                  "#{@kit_name_capitalize} kit added to Playbook menu.",
-                  :green
-
-      # Generate SCSS files ==============================
-      template "kit_scss.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.scss"
-      open("app/pb_kits/playbook/_playbook.scss", "a") do |f|
-        f.puts "\n@" + "import " + "\'" + "pb_#{@kit_name_underscore}/#{@kit_name_underscore}" + "\';"
-      end
-      say_status  "complete",
-                  "#{@kit_name_capitalize} kit stylesheet successfully created and imported.",
-                  :green
-
-      # Ask user if Rails version should be generated ======
-      if yes?("Create RAILS #{@kit_name_underscore} kit? (y/N)")
-        @rails_kit = true
-        template "kit_ruby.erb", "#{full_kit_directory}/#{@kit_name_underscore}.rb"
-        template "kit_html.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.html.erb"
-        template "kit_example_rails.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.html.erb"
-        template "kit_ruby_spec.erb", "spec/pb_kits/playbook/kits/#{@kit_name_underscore}_spec.rb"
-        say_status  "complete",
-                    "#{@kit_name_capitalize} rails kit successfully created.",
-                    :green
-      end
-
-      # Ask user if React version should be generated ======
-      if yes?("Create REACT #{@kit_name_pascal} kit? (y/N)")
-        @react_kit = true
-        template "kit_jsx.erb", "#{full_kit_directory}/_#{@kit_name_underscore}.jsx"
-        template "kit_example_react.erb", "#{full_kit_directory}/docs/_#{@kit_name_underscore}_default.jsx"
-        template "kit_js.erb", "#{full_kit_directory}/docs/index.js"
-
-        # Import kit examples  ===========================
-        append_to_file("app/pb_kits/playbook/packs/examples.js") do
-          "import * as #{@kit_name_pascal} from 'pb_#{@kit_name_underscore}/docs'\nWebpackerReact.setup(#{@kit_name_pascal})\n"
-        end
-        append_to_file("app/pb_kits/playbook/index.js") do
-          "\nexport #{@kit_name_pascal} from 'pb_#{@kit_name_underscore}/_#{@kit_name_underscore}.jsx'"
-        end
-
-        say_status  "complete",
-                    "#{@kit_name_capitalize} react kit successfully created.",
-                    :green
-      end
-
-      # Create kit example.yml
-      template "kit_example_yml.erb", "#{full_kit_directory}/docs/example.yml"
-
-      `rubocop --safe-auto-correct #{full_kit_directory}`
-    end
-  end
-end

data/lib/generators/kit/templates/kit_example_rails.erb.tt

@@ -1 +0,0 @@
-<%%= pb_rails("<%= @kit_name_underscore %>") %>

data/lib/generators/kit/templates/kit_example_react.erb.tt

@@ -1,10 +0,0 @@
-import React from 'react'
-import { <%= @kit_name_pascal %> } from '../../'
-
-const <%= @kit_name_pascal %>Default = () => (
-  <div>
-    <<%= @kit_name_pascal %> />
-  </div>
-)
-
-export default <%= @kit_name_pascal %>Default

data/lib/generators/kit/templates/kit_example_yml.erb.tt

@@ -1,9 +0,0 @@
-examples:
-  <% if @rails_kit %>
-  rails:
-  - <%= @kit_name_underscore %>_default: Default
-  <% end %>
-  <% if @react_kit %>
-  react:
-  - <%= @kit_name_underscore %>_default: Default
-  <% end %>

data/lib/generators/kit/templates/kit_html.erb.tt

@@ -1,7 +0,0 @@
-<%%= content_tag(:div,
-    aria: object.aria,
-    class: object.classname,
-    data: object.data,
-    id: object.id) do %>
-  <span><%= @kit_name_uppercase %> CONTENT</span>
-<%% end %>

data/lib/generators/kit/templates/kit_js.erb.tt

@@ -1 +0,0 @@
-export { default as <%= @kit_name_pascal %>Default } from './_<%= @kit_name_underscore %>_default.jsx'

data/lib/generators/kit/templates/kit_jsx.erb.tt

@@ -1,68 +0,0 @@
-<%
-break_lines = lambda do |list, spaces = 2, separator = ","|
-  list.join("#{separator}\n#{" " * spaces}") + separator
-end
-
-type_name = "#{@kit_name_pascal}Props"
-
-props_types = @kit_props.map do |key, val|
-  prop_name = key == "classname" ? "className" : key.camelize(:lower)
-  prop_type = case val
-              when "enum", "one_of" then "'option_1' | 'option_2'"
-              when "boolean", "bool" then "boolean"
-              when "object", "obj" then "object"
-              else "string"
-              end
-
-  "#{prop_name}?: #{prop_type}"
-end
-puts props_types.inspect
-
-props_names = @kit_props.keys.map do |key|
-                  case key
-                  when "classname" || "className"
-                    "className" 
-                  when "aria"
-                    "aria = {}"
-                  when "data"
-                    "data = {}"
-                  else 
-                    key
-                  end
-              end
-
-%>
-
-/* @flow */
-
-import React from 'react'
-import classnames from 'classnames'
-import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
-import { globalProps } from '../utilities/globalProps.js'
-
-type <%= type_name %> = {
-  <%= break_lines.call(props_types) %>
-}
-
-const <%= @kit_name_pascal %> = (props: <%= type_name %>) => {
-  const {
-    <%= break_lines.call(props_names) %>
-  } = props
-
-  const ariaProps = buildAriaProps(aria)
-  const dataProps = buildDataProps(data)
-  const classes = classnames(buildCss('pb_<%= @kit_name_underscore %>'), className, globalProps(props))
-
-  return (
-    <div
-        {...ariaProps}
-        {...dataProps}
-        className={classes}
-        id={id}
-    >
-      {className}
-    </div>
-  )
-}
-
-export default <%= @kit_name_pascal %>

data/lib/generators/kit/templates/kit_ruby.erb.tt

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module Pb<%= @kit_name_pascal %>
-    class <%= @kit_name_pascal %>
-      include Playbook::Props
-
-      partial "<%= "pb_#{@kit_name_underscore}/#{@kit_name_underscore}" %>"
-    end
-  end
-end

data/lib/generators/kit/templates/kit_ruby_spec.erb.tt

@@ -1,11 +0,0 @@
-# frozen_string_literal: true
-
-require_relative "../../../../app/pb_kits/playbook/pb_<%= @kit_name_underscore %>/<%= @kit_name_underscore %>"
-
-RSpec.describe Playbook::Pb<%= @kit_name_capitalize %>::<%= @kit_name_capitalize %> do
-  subject { Playbook::Pb<%= @kit_name_capitalize %>::<%= @kit_name_capitalize %> }
-
-  it { is_expected.to define_partial }
-
-  # Do not leave this file blank. Use other spec files for example tests.
-end

data/lib/generators/kit/templates/kit_scss.erb

@@ -1,3 +0,0 @@
-<%= ".pb_#{@kit_name_underscore}" %> {
-
-}

data/lib/tasks/pb_release.rake

@@ -1,77 +0,0 @@
-# frozen_string_literal: true
-
-namespace :pb_release do
-  desc "Update the version number in preparation to release"
-  task version: :environment do
-    puts "\n"
-    puts "*" * 20 + " Create New Playbook Release " + "*" * 20
-    ack = "\nFirst, before creating a new version please make sure you are familiar with SemVer guidlines: "
-    ack += "\nhttps://semver.org/#semantic-versioning-specification-semver. "
-    ack += "\n\nDoing so will ensure the proper version is selected for the release. "
-    ack += "\nSee also: https://github.com/powerhome/playbook/wiki/Releasing-a-New-Version#determining-the-version."
-    ack += "\n\nReady to start? y/N"
-    STDOUT.puts ack
-    agreed = STDIN.gets.chomp.downcase
-
-    if agreed == "y"
-      old_version = Playbook::VERSION
-      STDOUT.puts "What would you like the next release number to be? Currently #{old_version}"
-      new_version = STDIN.gets.chomp
-      puts "Ok great, let's make version #{new_version}"
-      puts "\n\n"
-
-      # Update package.json
-      package = File.read("package.json")
-      new_package = package.gsub(/"version": "#{old_version}",/, "\"version\": \"#{new_version}\",")
-      File.open("package.json", "w") { |file| file.puts new_package }
-      puts "Updated package.json"
-
-      # Update version.rb
-      version_rb = File.read("lib/playbook/version.rb")
-      new_version_rb = version_rb.gsub(/VERSION = "#{old_version}".freeze/, "VERSION = \"#{new_version}\".freeze")
-      File.open("lib/playbook/version.rb", "w") { |file| file.puts new_version_rb }
-      puts "Updated lib/playbook/version.rb"
-
-      # Update gemfile.lock
-      gemfile = File.read("Gemfile.lock")
-      new_gemfile = gemfile.gsub(/playbook_ui \(#{Regexp.escape(old_version)}\)/, "playbook_ui (#{new_version})")
-      File.open("Gemfile.lock", "w") { |file| file.puts new_gemfile }
-      puts "Updated Gemfile.lock"
-      puts "\n\n"
-
-      puts "Commit your changes and create a PR to merge to master"
-    end
-  end
-
-  desc "Publish to RubyGems, NPM, and Create a Tag"
-  task push: :environment do
-    version = Playbook::VERSION
-    puts "You about to release version #{version}. Is that correct? (y/N)"
-    input = STDIN.gets.chomp
-    raise Nope unless input.downcase == "y"
-
-    # RubyGems
-    puts "\nCreating Gem..."
-    `gem build playbook_ui.gemspec`
-    puts "\nPushing to RubyGems..."
-    `gem push playbook_ui-#{version}.gem`
-    puts "\nPushed to RubyGems. Now lets clean up..."
-    `rm -rf playbook_ui-#{version}.gem`
-
-    # NPM
-    puts "\nPushing to NPM..."
-    `npm publish`
-
-    # Tags
-    puts "\nPushed to NPM. Now lets create a tag..."
-    puts "\nWrite a brief tag release description. You can edit this later on GitHub."
-    description = STDIN.gets.chomp
-    puts "\nCreating Tag..."
-    `git tag -a #{version} -m "#{description}"`
-    puts "\nPushing Tag to GitHub..."
-    `git push origin #{version}`
-
-    puts "\n\n"
-    puts "Complete! Don't forget to add your release notes https://github.com/powerhome/playbook/releases/tag/#{version}"
-  end
-end

data/lib/tasks/playbook_tasks.rake

@@ -1,26 +0,0 @@
-# frozen_string_literal: true
-
-require "webpacker"
-
-namespace :playbook do
-  namespace :webpacker do
-    desc "Install deps with yarn"
-    task :yarn_install do
-      Dir.chdir(File.join(__dir__, "../..")) do
-        system "yarn install --no-progress --production"
-      end
-    end
-
-    desc "Compile JavaScript packs using webpack for production with digests"
-    task compile: %i[yarn_install environment] do
-      ::Webpacker.with_node_env("production") do
-        if Playbook.webpacker.commands.compile
-          # Successful compilation!
-        else
-          # Failed compilation
-          exit!
-        end
-      end
-    end
-  end
-end