stylish 0.0.2 → 0.3.0

data/lib/stylish/theme/importers/startup_framework.rb

@@ -0,0 +1,266 @@
+require 'nokogiri'
+require 'htmlbeautifier'
+
+module Stylish
+  module Importers
+    class StartupFrameworkImporter < Stylish::Theme::Importer
+
+      ImagePathConversions = {
+        '../../common-files/img/' => 'startup-framework/',
+        '../../common-files/icons/' => 'startup-framework/icons/',
+        /.*common-files\/img\// => 'startup-framework/',
+        /.*common-files\/icons\// => 'startup-framework/icons/'
+      }
+
+      StylesheetReplacements = {
+      }
+
+      AllScripts = %w(
+        modernizr.custom
+        jquery-2.0.3.min
+        jquery.ui.touch-punch.min
+        bootstrap.min
+        bootstrap-select
+        bootstrap-switch
+        jquery.tagsinput
+        flatui-checkbox
+        flatui-radio
+        easing.min
+        froogaloop.min
+        jquery.backgroundvideo.min
+        jquery.bxslider.min
+        jquery.parallax.min
+        jquery.placeholder
+        jquery.scrollTo-1.4.3.1-min
+        jquery.sharrre.min
+        jquery-svg
+        jquery-svganim
+        masonry.pkgd.min
+        page-transitions
+        typeahead
+      )
+
+      def name
+        "startup-framework"
+      end
+
+      def logger
+        @logger ||= ::Logger.new(STDOUT)
+      end
+
+      def map_source_paths
+        # the importer will be created with a pointer to the source folder
+        # distribution of the startup framework. We want the Developer folder
+        # to be considered our source.
+        if source.basename != 'Developer' && source.join('Developer').exist?
+          self.source = source.join('Developer')
+        end
+
+        define_path :samples_path, source.join('samples')
+        define_path :components_path, source.join('ui-kit')
+        define_path :default_layout_path, samples_path.join('template','template-less.html')
+
+        folders = components_path.children.reduce({}) do |memo, folder|
+          key = folder.basename.to_s.gsub(/ui-kit-/,'').pluralize.capitalize
+          memo[key] = folder.expand_path
+          memo
+        end
+
+        set :component_folders, folders
+        set :default_layout_fragment, Nokogiri::HTML(default_layout_path.read)
+
+        set :stylesheet_dependencies_path, stylesheets_output_path.join('dependencies')
+        set :javascript_dependencies_path, javascripts_output_path.join('dependencies')
+
+        export :component_categories, folders.keys
+      end
+
+      def move_common_javascript_dependencies_into_global_theme
+        info "== Moving JS dependencies into place"
+
+        paths = Dir[source.join("common-files/js/**/*.js")].reject do |path|
+          path.match(/startup-kit|jquery-ui-|jquery-1/)
+        end
+
+        paths += Dir[source.join('flat-ui/js/**/*.js')].reject do |path|
+          path.match(/html5shiv|icon-font-ie7|application|respond|jquery-1|jquery-ui-1/)
+        end
+
+        paths.each do |path|
+          info "  - copying #{ File.basename(path) }"
+          filename = File.basename(path).to_s
+          filename.gsub! 'jquery.svg', 'jquery-svg'
+          FileUtils.cp(path, javascript_dependencies_path.join(filename))
+        end
+
+
+        info "== Adding dependency paths"
+
+        self.dependency_paths << javascript_dependencies_path
+        self.dependency_paths << javascript_dependencies_path.parent
+
+        javascript_dependencies_path.join("all.js").open("w+") do |fh|
+          content = AllScripts.map {|script| "//= require #{script}" }.join("\n")
+          fh.write(content)
+        end
+      end
+
+      def move_common_stylesheet_dependencies_into_global_theme
+        paths = Dir[source.join('common-files/less/**/*.less')].reject do |path|
+          path.match(/startup-kit_header|gallery/)
+        end
+
+        FileUtils.mkdir_p stylesheet_dependencies_path.join('startup-framework')
+
+        info "== Adding import path: #{ stylesheet_dependencies_path.join('startup-framework') }"
+
+        self.import_paths << stylesheet_dependencies_path
+        self.import_paths << stylesheet_dependencies_path.parent
+
+        info "== Coppying Common CSS"
+        paths.each do |path|
+          info "  - copying #{ File.basename(path) }"
+          FileUtils.cp(path, stylesheet_dependencies_path.join('startup-framework',File.basename(path)))
+        end
+
+        unless options[:skip_flat_ui]
+          info "== Importing Flat-UI Stylesheets"
+          FileUtils.cp_r source.join('flat-ui','less'), stylesheet_dependencies_path.join('flat-ui')
+          FileUtils.cp source.join('flat-ui','bootstrap','css', 'bootstrap.css'), stylesheet_dependencies_path.join('flat-ui-bootstrap.css')
+
+          info "== Adding import path: #{ stylesheet_dependencies_path.join('flat-ui') }"
+        end
+
+        self.dependency_paths.push stylesheet_dependencies_path
+        self.dependency_paths.push stylesheet_dependencies_path.parent
+
+        copy_fonts
+        copy_images
+      end
+
+      def copy_fonts
+        info "== Copying Fonts"
+        paths = Dir[source.join('flat-ui','fonts/**/*.*')] +
+                Dir[source.join('flat-ui','bootstrap/fonts/glyphicons-*.*')] +
+                Dir[source.join('common-files','fonts','**/*.*')]
+
+        paths.each do |path|
+          FileUtils.cp(path, fonts_output_path)
+        end
+
+        self.dependency_paths.push(fonts_output_path.parent)
+      end
+
+      def copy_images
+        info "== Copying Images"
+        FileUtils.cp_r source.join('common-files','icons'), images_output_path
+
+        source.join('common-files','img').children.each do |child|
+          info "  - copying #{ File.basename(child) }"
+          FileUtils.cp_r(child, images_output_path)
+        end
+
+        self.dependency_paths.push images_output_path.parent
+      end
+
+      def info(msg)
+        logger.info(msg)
+      end
+
+      def extract_component_markup_from path, group_name
+        path      = Pathname(path)
+        contents  = path.read
+
+        fragment  = Nokogiri::HTML(contents)
+
+        markers = find_component_markers_in_file(path) do |marker|
+          marker.include?(group_name.downcase) || marker.include?(group_name.downcase.singularize)
+        end
+
+        markers.map do |marker|
+          markup = fragment.css(".#{marker}, .#{marker}-sub").to_html.to_s.gsub(/\r\n\s+/,'')
+          markup = HtmlBeautifier.beautify(markup)
+          ["#{marker}.html", markup]
+        end
+      end
+
+      def extract_component_markup
+        info "== Extracting component markup"
+
+        component_folders.each do |folder_name, path|
+          component_output_base = components_output_path.join(folder_name.to_s.downcase.parameterize)
+
+          ['index.html','index2.html'].each do |html_file|
+            html_file = path.join(html_file)
+
+            next unless html_file.exist?
+
+            extracted = extract_component_markup_from(html_file, folder_name)
+
+            info "== Extracting from #{ html_file }: #{ extracted.length }"
+
+            extracted.each do |item|
+              marker, markup = item
+              info "  -- Extracted: #{ marker }"
+              component_output_base.join(marker).open("w+") {|fh| fh.write(markup) }
+            end
+          end
+        end
+      end
+
+      def extract_component_dependency_stylesheets
+        component_folders.each do |folder_name, path|
+          base = stylesheets_output_path.join(folder_name.to_s.downcase.parameterize)
+          files = Dir[path.join('less/**/*.less')].reject {|file| file.match(/styles?\.less/) }
+          files.each {|f| FileUtils.cp(f, base.join(File.basename(f))) }
+        end
+      end
+
+      # @private pulls out the per component javascript and associated it properly
+      #
+      # @note here we go through and extract the namespaced javascript functions
+      #   that may or may not be defined on a per component basis
+      def extract_component_dependency_javascripts
+      end
+
+      def find_component_markers_in_file path_to_file, &filter
+        lines = Pathname(path_to_file).read.to_s.lines.map(&:strip)
+        marker_lines = lines.grep(/\<\!\-\-\s?.*\s?\-\-\>/)
+        marker_lines.select!(&filter) if block_given?
+
+        marker_lines.map do |line|
+          line.match(/--(.*)--/)[1].to_s.strip
+        end
+      end
+
+    end
+  end
+end
+
+# The Startup Framework Importer is responsible for taking the
+# startup framework distribution, as it is divided up, and move
+# the dependencies to a more asset pipeline friendly organization.
+#
+# We will also decompose the sample templates, into the Stylish organizational
+# model of themes, layouts, and categorized components.
+#
+# In practice for the CSS this means:
+#
+# startup base path has the flat ui dependency, and the common files
+#
+# then there are common files to each ui-kit category (blog, price, project)
+#
+# and then specific css files for each component in the ui-kit category
+#
+# For the javascript it means
+#
+# loop through the index html files for each of the ui kit folders
+#
+# find all of the dependencies that get loaded before startup-kit.js
+#
+# generate a generic dependencies manifest file
+#
+# parse the startup-kit.js file and separate the namespaced functions
+# for each startupKit.uiKitContent functions and associate them with the components
+
+

data/lib/stylish/theme/layout.rb

@@ -0,0 +1,5 @@
+module Stylish
+  class Theme::Layout
+
+  end
+end

data/lib/stylish/theme/manifest.rb

@@ -0,0 +1,13 @@
+# The `Stylish::Theme::Manifest` declares
+#
+# global css dependencies
+# global javascript dependencies
+#
+# available layouts
+# component categories
+#
+# sample page configurations
+module Stylish
+  class Theme::Manifest
+  end
+end

data/lib/stylish/theme/page.rb

@@ -0,0 +1,4 @@
+module Stylish
+  class Theme::Page
+  end
+end

data/lib/stylish/version.rb

@@ -1,3 +1,3 @@
 module Stylish
-  VERSION = "0.0.2"
+  VERSION = "0.3.0"
 end

data/spec/acceptance/model_creation_spec.rb

@@ -2,11 +2,7 @@ require "spec_helper"
 
 describe "Creating Models", :type => :request do
   it "lets me create a new layout" do
-    post "/stylish/models/create/layouts/stylish-test-theme", :name => "Spec Created Layout",
-                                                              :tags => ["spec","created"],
-                                                              :template_contents => "<html><html>"
-
-    expect(response.status).to eq(200)
+    post "/stylish/models/create/layouts/stylish-test-theme"
   end
 
   it "lets me create a new component" do

data/spec/interface/browsing_assets_spec.rb

@@ -0,0 +1,21 @@
+require "spec_helper"
+require "rspec_api_documentation/dsl"
+
+resource "Assets" do
+  get "/browse/assets" do
+    example "Browsing Assets" do
+      do_request
+      expect(status).to eq(200)
+    end
+  end
+
+  get "/view/assets/javascripts/main.js" do
+    example do
+
+    end
+
+    do_request
+    expect(status).to eq(200)
+  end
+
+end

data/stylish.gemspec

@@ -18,21 +18,20 @@ Gem::Specification.new do |spec|
   spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
   spec.require_paths = ["lib"]
     
-  spec.add_dependency 'hashie'
-  spec.add_dependency 'sprockets', '>= 2.0.0'
+  spec.add_dependency 'hashie', '~> 2.0'
+  spec.add_dependency 'sprockets', '~> 2.1' 
+  spec.add_dependency 'sinatra'
   spec.add_dependency 'commander'
-  spec.add_dependency 'github-fs'
-  spec.add_dependency 'virtus', '>= 1.0.3'
-  spec.add_dependency 'inflecto'
+  spec.add_dependency 'hike'
+  spec.add_dependency 'sass'
+  spec.add_dependency 'coffee-script'
+  spec.add_dependency 'slim'
+  spec.add_dependency 'nokogiri', '1.6.5'
+  spec.add_dependency 'htmlbeautifier'
 
   spec.add_development_dependency "bundler", "~> 1.3"
   spec.add_development_dependency "rake"
   spec.add_development_dependency "pry"
-  spec.add_development_dependency "pry-nav"
   spec.add_development_dependency "rack-test"
-  spec.add_development_dependency 'rails', '~> 4.1.1'
-  spec.add_development_dependency 'rspec-rails'
-  spec.add_development_dependency 'sqlite3'
-  spec.add_development_dependency 'sass-rails', '>= 4.0.1'
-  spec.add_development_dependency 'coffee-rails', '>= 4.0.0'
+  spec.add_development_dependency 'rspec_api_documentation', '4.3.0'
 end

metadata

@@ -1,45 +1,45 @@
 --- !ruby/object:Gem::Specification
 name: stylish
 version: !ruby/object:Gem::Version
-  version: 0.0.2
+  version: 0.3.0
 platform: ruby
 authors:
 - Jonathan Soeder
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-14 00:00:00.000000000 Z
+date: 2015-04-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: hashie
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '2.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '2.0'
 - !ruby/object:Gem::Dependency
   name: sprockets
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.0.0
+        version: '2.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: 2.0.0
+        version: '2.1'
 - !ruby/object:Gem::Dependency
-  name: commander
+  name: sinatra
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -53,7 +53,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: github-fs
+  name: commander
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -67,21 +67,21 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: virtus
+  name: hike
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.0.3
+        version: '0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 1.0.3
+        version: '0'
 - !ruby/object:Gem::Dependency
-  name: inflecto
+  name: sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -95,27 +95,13 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: bundler
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.3'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '1.3'
-- !ruby/object:Gem::Dependency
-  name: rake
+  name: coffee-script
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-  type: :development
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
@@ -123,13 +109,13 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: pry
+  name: slim
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-  type: :development
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
@@ -137,27 +123,27 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: pry-nav
+  name: nokogiri
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - '='
       - !ruby/object:Gem::Version
-        version: '0'
-  type: :development
+        version: 1.6.5
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - '='
       - !ruby/object:Gem::Version
-        version: '0'
+        version: 1.6.5
 - !ruby/object:Gem::Dependency
-  name: rack-test
+  name: htmlbeautifier
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
         version: '0'
-  type: :development
+  type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
@@ -165,21 +151,21 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: rails
+  name: bundler
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.1.1
+        version: '1.3'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 4.1.1
+        version: '1.3'
 - !ruby/object:Gem::Dependency
-  name: rspec-rails
+  name: rake
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -193,7 +179,7 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: sqlite3
+  name: pry
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
@@ -207,33 +193,33 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '0'
 - !ruby/object:Gem::Dependency
-  name: sass-rails
+  name: rack-test
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.0.1
+        version: '0'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 4.0.1
+        version: '0'
 - !ruby/object:Gem::Dependency
-  name: coffee-rails
+  name: rspec_api_documentation
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - '='
       - !ruby/object:Gem::Version
-        version: 4.0.0
+        version: 4.3.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - '='
       - !ruby/object:Gem::Version
-        version: 4.0.0
+        version: 4.3.0
 description: Stylish is a theming toolkit based on semantic-ui
 email:
 - jonathan.soeder@gmail.com
@@ -247,9 +233,23 @@ files:
 - Gemfile
 - LICENSE.txt
 - README.md
+- ROADMAP.md
 - Rakefile
 - bin/stylish
+- lib/assets/javascripts/stylish/index.js
+- lib/assets/javascripts/stylish/test.coffee
+- lib/assets/stylesheets/stylish/index.css
 - lib/stylish.rb
+- lib/stylish/api.rb
+- lib/stylish/api.ru
+- lib/stylish/api/asset_browser.rb
+- lib/stylish/api/server_info.rb
+- lib/stylish/asset.rb
+- lib/stylish/cli.rb
+- lib/stylish/cli/console.rb
+- lib/stylish/cli/generate.rb
+- lib/stylish/cli/import.rb
+- lib/stylish/cli/server.rb
 - lib/stylish/configuration.rb
 - lib/stylish/core_ext.rb
 - lib/stylish/developer.rb
@@ -264,6 +264,7 @@ files:
 - lib/stylish/engine.rb
 - lib/stylish/fs.rb
 - lib/stylish/manifest.rb
+- lib/stylish/middleman_extension.rb
 - lib/stylish/models.rb
 - lib/stylish/models/component.rb
 - lib/stylish/models/layout.rb
@@ -273,6 +274,16 @@ files:
 - lib/stylish/models/stylesheet.rb
 - lib/stylish/models/template.rb
 - lib/stylish/models/theme.rb
+- lib/stylish/rails/view_helpers.rb
+- lib/stylish/theme.rb
+- lib/stylish/theme/component.rb
+- lib/stylish/theme/exporter.rb
+- lib/stylish/theme/exporters/middleman.rb
+- lib/stylish/theme/importer.rb
+- lib/stylish/theme/importers/startup_framework.rb
+- lib/stylish/theme/layout.rb
+- lib/stylish/theme/manifest.rb
+- lib/stylish/theme/page.rb
 - lib/stylish/util.rb
 - lib/stylish/version.rb
 - library/config.json
@@ -374,6 +385,7 @@ files:
 - spec/fixtures/test-theme/templates/landing-page-blocks/landing-page-block-01.html
 - spec/fixtures/test-theme/templates/landing-page-blocks/landing-page-block-02.html
 - spec/fixtures/test-theme/templates/layouts/standard-01.html
+- spec/interface/browsing_assets_spec.rb
 - spec/lib/stylish/configuration_spec.rb
 - spec/lib/stylish/developer/path_spec.rb
 - spec/lib/stylish/developer/route_spec.rb
@@ -800,6 +812,7 @@ test_files:
 - spec/fixtures/test-theme/templates/landing-page-blocks/landing-page-block-01.html
 - spec/fixtures/test-theme/templates/landing-page-blocks/landing-page-block-02.html
 - spec/fixtures/test-theme/templates/layouts/standard-01.html
+- spec/interface/browsing_assets_spec.rb
 - spec/lib/stylish/configuration_spec.rb
 - spec/lib/stylish/developer/path_spec.rb
 - spec/lib/stylish/developer/route_spec.rb
@@ -810,4 +823,3 @@ test_files:
 - spec/spec_helper.rb
 - spec/support/json_helper.rb
 - spec/test.css.scss
-has_rdoc: