k4slide 0.0.1

data/assets-src/javascripts/lib/k4/slide/slide.js

@@ -0,0 +1,161 @@
+goog.provide('k4.slide.Slide');
+
+goog.require('goog.dom.classes');
+goog.require('goog.style');
+goog.require('goog.math.Size');
+goog.require('goog.math.Coordinate');
+goog.require('goog.ui.Component');
+goog.require('logger');
+
+
+/**
+ * @constructor
+ * @extends {goog.ui.Component}
+ * @param {Element} element Slide element
+ * @param {k4.slide.Config} config Config object
+ * @param {*} opt_domHelper Dom helper
+ */
+k4.slide.Slide = function(element, config, opt_domHelper) {
+    goog.base(this, opt_domHelper);
+
+    /**
+     * @type {k4.slide.Config}
+     */
+    this.config_ = config;
+
+    // set internal element (this.element_ = element)
+    this.setElementInternal(element);
+    this.init_();
+}
+goog.inherits(k4.slide.Slide, goog.ui.Component);
+
+/**
+ * show my slide
+ */
+k4.slide.Slide.prototype.init_ = function() {
+    var c = this.config_;
+    var el = this.getElement();
+    // size
+    this.setSizeByConfig();
+    // position
+    this.setPositionByConfig();
+    // hide
+    goog.style.showElement(el, false);
+};
+
+/**
+ * slide size
+ * @param {goog.math.Size|number} w width
+ * @param {number|null|undefined} opt_h height
+ * 
+ */
+k4.slide.Slide.prototype.setSize = function(w, opt_h) {
+    goog.style.setSize(this.getElement(), w, opt_h);
+};
+
+k4.slide.Slide.prototype.setSizeByConfig = function() {
+    var c = this.config_;
+    var slideWidth = c.get('slide.width');
+    var slideHeight = c.get('slide.height');
+    var size = new goog.math.Size(slideWidth, slideHeight);
+    this.setSize(size);
+};
+
+/**
+ * slide position
+ * @param {goog.math.Cordinate|number} left left position
+ * @param {number|null|undefined} opt_top top position
+ * 
+ */
+k4.slide.Slide.prototype.setPosition = function(left, opt_top) {
+    goog.style.setPosition(this.getElement(), left, opt_top);
+};
+
+k4.slide.Slide.prototype.setPositionByConfig = function() {
+    var c = this.config_;
+    var slideTop = c.get('slide.top');
+    var slideLeft = c.get('slide.left');
+    var pos = new goog.math.Coordinate(slideLeft, slideTop);
+    this.setPosition(pos);
+};
+
+
+/**
+ * show my slide
+ */
+k4.slide.Slide.prototype.show = function() {
+    var el = this.getElement();
+    goog.style.showElement(el, true);
+};
+
+/**
+ * show my slide
+ */
+k4.slide.Slide.prototype.hide = function() {
+    var el = this.getElement();
+    goog.style.showElement(el, false);
+};
+
+/**
+ * to previous
+ */
+k4.slide.Slide.prototype.toPrev = function() {
+    var c = this.getConfig();
+    this.applyClasses(
+        [c.get('slide.class.prev')],
+        [c.get('slide.class.current', c.get('slide.class.next'))]
+    );
+    this.hide();
+};
+
+/**
+ * to next
+ */
+k4.slide.Slide.prototype.toNext = function() {
+    var c = this.getConfig();
+    this.applyClasses(
+        [c.get('slide.class.next')],
+        [c.get('slide.class.current'), c.get('slide.class.prev')]
+    );
+    this.hide();
+};
+
+/**
+ * to current
+ */
+k4.slide.Slide.prototype.toCurrent = function() {
+    var c = this.getConfig();
+    this.applyClasses(
+        [c.get('slide.class.current')],
+        [c.get('slide.class.next'), c.get('slide.class.prev')]
+    );
+    this.show();
+};
+
+/**
+ * remove and add class
+ * @param {array} addClasses Adding css classes
+ * @param {array|undefined|null} opt_removeClasses Removing css classes
+ */
+k4.slide.Slide.prototype.applyClasses = function(addClasses, opt_removeClasses) {
+    var el = this.getElement();
+
+    if (goog.isArrayLike(addClasses)) {
+        goog.array.forEach(addClasses, function(cls, i, arr) {
+            goog.dom.classes.add(el, cls);
+        }, this);
+    }
+
+    if (goog.isArrayLike(opt_removeClasses)) {
+        goog.array.forEach(opt_removeClasses, function(cls, i, arr) {
+            goog.dom.classes.remove(el, cls);
+        }, this);
+    }
+};
+
+/**
+ * return config instance.
+ */
+k4.slide.Slide.prototype.getConfig = function() {
+    return this.config_;
+};

data/assets-src/stylesheets/k4slide.scss

@@ -0,0 +1,11 @@
+// base.css
+
+body {}
+
+div[role="slide"] {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+}
+
+@import 'themes/base';

data/assets-src/stylesheets/themes/_config.scss

@@ -0,0 +1,4 @@
+// config
+
+$font-color: #333;
+$border-color: #666;

data/assets-src/stylesheets/themes/_mixin.scss

@@ -0,0 +1,6 @@
+// mix-in
+
+@mixin horizonal-centerize {
+    margin-top: 40% * 3 / 4;
+    margin-bottom: 5% * 3 / 4;
+}

data/assets-src/stylesheets/themes/base.scss

@@ -0,0 +1,68 @@
+//
+
+@import "_mixin.scss";
+@import "_config.scss";
+
+
+body {
+    background-color: #000000;
+    color: #FFFFFF;
+    * {
+        font-size: 18pt;
+        color: $font-color;
+    }
+}
+
+div[role="slide"] {
+    padding: 2%;
+    box-sizing: border-box;
+    background-color: #FFFFFF;
+
+    $radius: 1%;
+    border-radius: $radius;
+    -webkit-border-radius: $radius;
+    -moz-border-radius: $radius;
+
+    > h1, h2, h3, h4, h5, ul, ol, li {
+        margin: 0px;
+        padding: 0px;
+    }
+
+    &[slide-level="1"], &[slide-level="2"] {
+        > h1, h2 {
+            @include horizonal-centerize;
+            margin-top: 40% * 3 / 4;
+            margin-bottom: 5% * 3 / 4;
+            padding-left: 1%;
+            font-size: 140%;
+        }
+        > h1 {
+            border-bottom: 1px solid $border-color;
+            border-left: 10px solid $border-color;
+        }
+        > h2 {
+            border-left: 10px solid $border-color;
+        }
+        > ul, ol {
+            text-align: right;
+            list-style-type: none;
+        }
+    }
+
+    &[slide-level="3"] {
+        > h3 {
+            border-bottom: 1px solid $border-color;
+            font-size: 120%;
+        }
+    }
+
+    &:last-child {
+        > h3 {
+            display: none;
+        }
+        > p {
+            @include horizonal-centerize;
+            text-align: center;
+        }
+    }
+}

data/example/example.html

@@ -0,0 +1,43 @@
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title>example</title>
+    <link rel="stylesheet" type="text/css" href="../assets/k4slide.css">
+  </head>
+  <body>
+
+<div role="slide" page="1" slide-level="1">
+<h1>Markdown 2 Slide</h1>
+
+<ul>
+<li>Shinichirow KAMITO</li>
+</ul>
+</div>
+
+<div role="slide" page="2" slide-level="2">
+<h2>What?</h2>
+
+<p>What is this?</p>
+</div>
+
+<div role="slide" page="3" slide-level="3">
+<h3>What is Markdown?</h3>
+
+<p>Markdown is a lightweight markup language.</p>
+</div>
+
+<div role="slide" page="4" slide-level="2">
+<h2>Why?</h2>
+
+<p>Why</p>
+</div>
+
+<div role="slide" page="5" slide-level="3">
+<h3>Thank you for listen.</h3>
+
+<p>Thank you for listen.</p>
+
+
+    <script type="text/javascript" src="../assets/k4slide.js"></script>
+  </body>
+</html>

data/example/example.md

@@ -0,0 +1,19 @@
+# Markdown 2 Slide #
+
+* Shinichirow KAMITO
+
+## What? ##
+
+What is this?
+
+### What is Markdown? ###
+
+Markdown is a lightweight markup language.
+
+## Why? ##
+
+Why
+
+### Thank you for listen. ###
+
+Thank you for listen.

data/k4slide.gemspec

@@ -0,0 +1,28 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'k4slide/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "k4slide"
+  spec.version       = K4slide::VERSION
+  spec.authors       = ["Shinichirow Kamito"]
+  spec.email         = ["kamito@i3-systems.com"]
+  spec.description   = "k4 slide"
+  spec.summary       = "k4 slide"
+  spec.homepage      = ""
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_dependency "k4compiler", "= 0.0.1"
+  spec.add_dependency "rake"
+  spec.add_dependency "activesupport", "~> 3.2"
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rspec"
+  spec.add_development_dependency "guard-rspec"
+end

data/lib/k4slide/erb/layout.html.erb

@@ -0,0 +1,13 @@
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <title><%= @title %></title>
+    <link rel="stylesheet" type="text/css" href="../assets/k4slide.css">
+  </head>
+  <body>
+
+<%= @body %>
+
+    <script type="text/javascript" src="../assets/k4slide.js"></script>
+  </body>
+</html>

data/lib/k4slide/expand_compiler_options.rb

@@ -0,0 +1,50 @@
+require 'active_support/core_ext/hash'
+
+module K4compiler
+
+  class Closure
+    class << self
+      def expand_options
+        opt = {
+          :target_dir => nil,
+          :compiled_dir => nil,
+          :with_closure => true,
+          :namespace_suffix => 'App',
+        }
+        return original_options.update(opt).with_indifferent_access()
+      end
+      alias :original_options :options
+      alias :options :expand_options
+    end
+  end
+
+  class Scss
+    class << self
+      def expand_options
+        opt = {
+          :target_dir => nil,
+          :compiled_dir => nil,
+          :ext => 'scss',
+        }
+        return original_options.update(opt).with_indifferent_access()
+      end
+      alias :original_options :options
+      alias :options :expand_options
+    end
+  end
+
+  class Markdown
+    class << self
+      def expand_options
+        opt = {
+          :target_dir => nil,
+          :compiled_dir => nil,
+          :renderer => ::K4slide::MarkdownRenderer,
+        }
+        return original_options.update(opt).with_indifferent_access()
+      end
+      alias :original_options :options
+      alias :options :expand_options
+    end
+  end
+end

data/lib/k4slide/markdown_compiler.rb

@@ -0,0 +1,27 @@
+require 'erb'
+
+module K4slide
+  class MarkdownCompiler
+
+    def initialize(compiler)
+      @compiler = compiler
+    end
+
+    def to_slide(md_src)
+      @body = @compiler.markdown.compile(md_src)
+      @title = 'example'
+
+      layout_src = read_layout_template()
+      erb = ERB.new(layout_src)
+      source = erb.result(binding)
+      return source
+    end
+
+    def read_layout_template
+      layout_dir = File.expand_path(File.join(File.dirname(__FILE__), 'erb'))
+      layout_template = File.join(layout_dir, 'layout.html.erb')
+      src = File.read(layout_template)
+      return src
+    end
+  end
+end

data/lib/k4slide/markdown_renderer.rb

@@ -0,0 +1,30 @@
+module K4slide
+  class MarkdownRenderer < ::K4compiler::MarkdownRenderer
+
+    attr_accessor :config
+
+    def initialize(*args)
+      super(*args)
+      @started_ = false
+      @level_ = 0
+      @page_ = 0
+      @current_ = nil
+    end
+
+    def header(text, header_level)
+      @page_ += 1
+      @level_ = header_level
+
+      html = ""
+      html << "</div>\n\n" if @started_
+      html << <<__HEAD__
+<div role="slide" page="#{@page_}" slide-level="#{header_level}">
+<h#{header_level}>#{text}</h#{header_level}>
+__HEAD__
+      @current_ = html
+      @started_ = true
+      return html
+    end
+
+  end
+end

data/lib/k4slide/tasks.rb

@@ -0,0 +1,158 @@
+
+require 'rake/clean'
+require 'k4compiler'
+require 'k4slide/expand_compiler_options'
+
+module K4slide
+
+  module Tasks
+    def self.install(&block)
+      instance = K4slideTasks.new
+      instance.install(&block)
+    end
+
+    class K4slideTasks
+      include Rake::DSL
+
+      def initialize
+        @compiler = nil
+      end
+
+      def install(&block)
+        @compiler = ::K4compiler.setup(&block)
+        @config = @compiler.config
+
+        namespace :k4s do
+          namespace :compile do
+            desc 'Compile JavaScript source with Closure Library.'
+            task :closure => get_closure_sources()
+
+            desc 'Compile SASS sources'
+            task :sass => get_sass_source()
+
+            desc 'Compile Markdown sources'
+            task :markdown do
+              puts "Compile Markdown"
+            end
+
+            desc 'Compile sources.'
+            task :all => ['k4s:compile:closure', 'k4s:compile:sass', 'k4s:compile:markdown']
+          end
+
+          namespace :example do
+            task :md2s => (['k4s:example:compile'] + example_markdown_targets())
+            task :compile => ['k4s:compile:all']
+          end
+        end
+      end
+
+      # @return [FileList]
+      def get_closure_sources
+        target_files = []
+        source_dir = @config.closure.target_dir
+        compiled_dir = @config.closure.compiled_dir
+
+        depends_files = []
+        @config.closure.load_paths << source_dir
+        @config.closure.load_paths.each do |load_path|
+          depends_files += FileList[File.join(load_path, '**/*.js')].flatten if load_path
+        end
+
+        ns_suffix = @config.closure.namespace_suffix || 'App'
+
+        filelist = FileList[File.join(source_dir, '*.js')]
+        filelist.each do |source_path|
+          source_basename = File.basename(source_path)
+          target_path = File.join(compiled_dir, source_basename)
+          same_name_dir = source_path.gsub(/\.js$/, '')
+          depends = depends_files.dup
+          depends.unshift(FileList[File.join(same_name_dir, '**/*.js')].flatten)
+          depends.unshift(source_path)
+          depends = depends.flatten
+
+          file(target_path => depends) do |t, args|
+            basename = File.basename(t.name).gsub(/\.js$/, '')
+            namespace = "#{basename}.#{ns_suffix}"
+            js_source = @compiler.closure.compile(namespace)
+            File.open(target_path, 'w') do |io|
+              io.write(js_source)
+            end
+          end
+
+          target_files << target_path
+        end
+
+        return target_files
+      end
+
+      # @return [FileList]
+      def get_sass_source()
+        target_files = []
+        source_dir = @config.scss.target_dir
+        compiled_dir = @config.scss.compiled_dir
+        ext = @config.scss.ext || 'scss'
+
+        @config.scss.load_paths << source_dir
+
+        depends_files = []
+        @config.scss.load_paths.each do |load_path|
+          depends_files += FileList[File.join(load_path, "**/*.#{ext}")].flatten if load_path
+        end
+
+        filelist = FileList[File.join(source_dir, "*.#{ext}")]
+        filelist.each do |source_path|
+          source_basename = File.basename(source_path)
+          next if source_basename =~ /^_/
+
+          source_basename = source_basename.gsub(/#{ext}$/, 'css')
+          target_path = File.join(compiled_dir, source_basename)
+          depends = depends_files.dup
+          depends.unshift(source_path)
+
+          file(target_path => depends) do |t, args|
+            puts t.name
+            src = File.read(source_path)
+            css_source = @compiler.scss.compile(src)
+            File.open(target_path, 'w') do |io|
+              io.write(css_source)
+            end
+          end
+
+          target_files << target_path
+        end
+
+        return target_files
+      end
+
+      # Compiling example markdown file
+      def example_markdown_targets()
+        target_files = []
+
+        example_dir = File.join(K4_ROOT, 'example')
+        ext = 'md'
+        filelist = FileList[File.join(example_dir, "*.#{ext}")]
+        puts filelist
+
+        filelist.each do |source_path|
+          source_basename = File.basename(source_path)
+          next if source_basename =~ /^_/
+
+          source_basename = source_basename.gsub(/#{ext}$/, 'html')
+          target_path = File.join(example_dir, source_basename)
+
+          file(target_path) do |t, args|
+            puts t.name
+            src = File.read(source_path)
+            compiler_ = MarkdownCompiler.new(@compiler)
+            html_source = compiler_.to_slide(src)
+            File.open(target_path, 'w') do |io|
+              io.write(html_source)
+            end
+          end
+          target_files << target_path
+        end
+        return target_files
+      end
+    end
+  end
+end

data/lib/k4slide/version.rb

@@ -0,0 +1,3 @@
+module K4slide
+  VERSION = "0.0.1"
+end

data/lib/k4slide.rb

@@ -0,0 +1,10 @@
+require "k4slide/version"
+require 'active_support'
+
+module K4slide
+  extend ActiveSupport::Autoload
+
+  autoload :MarkdownCompiler
+  autoload :MarkdownRenderer
+  autoload :Tasks
+end