svelte-rack 0.1.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 5cf57e5229f24f2d4536b9aba98318d5f82b870b
+  data.tar.gz: 41225ffc522598de062385d0a3ed71ebad676dab
+SHA512:
+  metadata.gz: cf7e7b5e16034573d18cd1ee03a4f4c8b266ef8d618ec43d124562920f89dc711a8244cfadc745d5da8d1e67b133b77888700dd3c031894ad3410262ecb5e20a
+  data.tar.gz: cf47b515022c7714591e41c05436bde4df3f900676f0653f4f010e1370d1eed781fc882d6ee3f5bdfd46b28cde8420a13110976ae0168f65edf3d20ae1a9e309

data/.autotest

@@ -0,0 +1,25 @@
+# -*- ruby -*-
+
+require "autotest/restart"
+
+# Autotest.add_hook :initialize do |at|
+#   at.testlib = "minitest/unit"
+#
+#   at.extra_files << "../some/external/dependency.rb"
+#
+#   at.libs << ":../some/external"
+#
+#   at.add_exception "vendor"
+#
+#   at.add_mapping(/dependency.rb/) do |f, _|
+#     at.files_matching(/test_.*rb$/)
+#   end
+#
+#   %w(TestA TestB).each do |klass|
+#     at.extra_class_map[klass] = "test/test_misc.rb"
+#   end
+# end
+
+# Autotest.add_hook :run_command do |at|
+#   system "rake build"
+# end

data/.gitignore

@@ -0,0 +1,53 @@
+*.gem
+*.rbc
+/.config
+/coverage/
+/InstalledFiles
+/pkg/
+/spec/reports/
+/spec/examples.txt
+/test/tmp/
+/test/version_tmp/
+/tmp/
+
+# Used by dotenv library to load environment variables.
+# .env
+
+## Specific to RubyMotion:
+.dat*
+.repl_history
+build/
+*.bridgesupport
+build-iPhoneOS/
+build-iPhoneSimulator/
+
+## Specific to RubyMotion (use of CocoaPods):
+#
+# We recommend against adding the Pods directory to your .gitignore. However
+# you should judge for yourself, the pros and cons are mentioned at:
+# https://guides.cocoapods.org/using/using-cocoapods.html#should-i-check-the-pods-directory-into-source-control
+#
+# vendor/Pods/
+
+## Documentation cache and generated files:
+/.yardoc/
+/_yardoc/
+/doc/
+/rdoc/
+
+## Environment normalization:
+/.bundle/
+/vendor/bundle
+/lib/bundler/man/
+
+# for a library or gem, you might want to ignore these files since the code is
+# intended to run in multiple environments; otherwise, check them in:
+Gemfile.lock
+.ruby-version
+.ruby-gemset
+
+# unless supporting rvm < 1.11.0 or doing something fancy, ignore this:
+.rvmrc
+
+.DS_Store
+*.sw?

data/.hoeignore

@@ -0,0 +1,12 @@
+Gemfile.lock
+.ruby-version
+
+.git/*
+
+*.sw?
+.*.sw?
+**/*.sw?
+**/.*.sw?
+
+.DS_Store
+**/.DS_Store

data/Gemfile

@@ -0,0 +1,18 @@
+# -*- ruby -*-
+
+# DO NOT EDIT THIS FILE. Instead, edit Rakefile, and run `rake bundler:gemfile`.
+
+source "https://rubygems.org/"
+
+
+gem "minitest", "~>5.10", :group => [:development, :test]
+gem "hoe-yard", ">=0.1.3", :group => [:development, :test]
+gem "hoe-ignore", "~>1.0", :group => [:development, :test]
+gem "hoe-bundler", "~>1.2", :group => [:development, :test]
+gem "hoe-gemspec", "~>1.0", :group => [:development, :test]
+gem "hoe-git", "~>1.6", :group => [:development, :test]
+gem "yard", "~>0.8", :group => [:development, :test]
+gem "redcarpet", "~>3.3", :group => [:development, :test]
+gem "hoe", "~>3.16", :group => [:development, :test]
+
+# vim: syntax=ruby

data/History.txt

@@ -0,0 +1,5 @@
+=== 0.0.1 / 2017-03-21
+
+* It's alive!
+
+  * Bornday!

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2009 Phil Misiowiec, Webficient LLC
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/Manifest.txt

@@ -0,0 +1,19 @@
+.autotest
+.gitignore
+.hoeignore
+Gemfile
+History.txt
+LICENSE
+Manifest.txt
+README.md
+Rakefile
+lib/rack/svelte.rb
+lib/rack/svelte/cogs.rb
+lib/rack/svelte/version.rb
+test/files/hello_world.html
+test/files/hello_world_output.txt
+test/files/hello_world_output_iife.txt
+test/rack_svelte_test.rb
+test/test_app_template/app/components/hello_world.html
+test/test_app_template/public/app/js/.keep
+test/test_helper.rb

data/README.md

@@ -0,0 +1,137 @@
+# svelte-rack
+
+Rack middleware for compiling [Svelte components] to Javascript
+
+  [Svelte components]: https://svelte.technology
+
+
+## Usage
+
+```
+# Within a rackup file (or with Rack::Builder):
+#   require 'rack/svelte'
+#   use Rack::Svelte,
+#     #:app_root_dir         => ::File.expand_path('..', __FILE__),
+#     :app_root_dir         => Rack::Directory.new('').root,
+#     :components_dir_in    => '/app/components',
+#     :components_dir_out   => '/public/app/js',
+#     :format               => 'iife'
+#   run app
+#
+# Rails example:
+#   # above Rails::Initializer block
+#   require 'rack/svelte'
+#
+#   # inside Rails::Initializer block
+#   config.middleware.use Rack::Svelte,
+#     #:app_root_dir         => Rails.root.to_s,
+#     :components_dir_in    => '/app/components',
+#     :components_dir_out   => '/public/app/js',
+#     :format               => 'iife'
+
+```
+
+## Installation
+
+Command Line
+
+```
+gem install svelte-rack
+```
+
+Gemfile
+
+```
+gem "svelte-rack", "~>0.1"
+```
+
+## Development
+
+### Svelte
+
+https://svelte.technology
+
+* svelte-rack compiles components from html markup on every request.
+* svelte-rack relies on the power of the [svelte-ruby gem] and defaults to settings based on convention. However, you can override these through configuration.
+* svelte-rack will assume the root dir is the expand path from the `./` dir relative to config.ru location.
+
+  [svelte-ruby gem]: https://github.com/bordeeinc/svelte-ruby
+
+
+### Dev Requirements
+
+* [hoe](https://github.com/seattlerb/hoe) gem manager
+* [hoe-bundler] may need `gem install hoe-bundler` installation before using `rake bundler:gemfile`
+* [YARD](http://yardoc.org) docs
+* [redcarpet](https://github.com/vmg/redcarpet) for yardoc
+
+   [hoe-bundler]: https://github.com/flavorjones/hoe-bundler
+
+### Testing
+
+Tests written with [minitest]
+
+```
+rake test
+```
+
+  [minitest]: https://github.com/seattlerb/minitest
+
+### Contributing
+
+Send tested code.
+Thank you, [contributors]!
+
+  [contributors]: https://github.com/bordeeinc/svelte-rack/graphs/contributors
+
+### To Do
+
+* More tests
+* More docs
+
+## License
+
+MIT License
+
+Copyright (c) 2017 Bordee Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+'Software'), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+## About
+
+![bordee](http://bordee.com/src/img/surf-with-bordee-github.png)
+
+svelte-rack is maintained and funded by Bordee Inc.
+The names and logos for Bordee are trademarks of [Bordee Inc.][bordeeinc]
+
+  [bordeeinc]: http://bordee.com
+
+Thanks to [Phil Misiowiec] and [Robert Bialek] of [Tidy gem]--Tidy was used as boilerplate.
+
+  [Tidy gem]: https://github.com/rbialek/rack-tidy
+  [Phil Misiowiec]: https://github.com/philm
+  [Robert Bialek]: https://github.com/rbialek
+
+We love open source software!
+See [our other projects][bordee-github]
+and [check out Seattle.rb!][community]
+
+  [bordee-github]: https://github.com/bordeeinc
+  [community]: https://seattlerb.org

data/Rakefile

@@ -0,0 +1,126 @@
+# -*- ruby -*-
+
+require "rubygems"
+require "hoe"
+require './lib/rack/svelte/version.rb'
+
+Hoe.plugin :gemspec
+Hoe.plugin :minitest
+Hoe.plugin :yard
+Hoe.plugin :bundler
+Hoe.plugin :git
+Hoe.plugin :ignore
+
+Hoe.spec "svelte-rack" do
+  developer("So Awesome Man", "callme@1800aweso.me")
+
+  license "MIT" # this should match the license in the README
+
+  self.email                = 'support@bordee.com'
+
+  self.name                 = 'svelte-rack'
+  self.version              = Rack::Svelte::VERSION
+  self.summary              = 'Rack middleware to render Svelte components to Javascript'
+  self.description          = self.summary
+  self.urls                 = ['https://github.com/bordeeinc/svelte-rack']
+  self.testlib              = :minitest
+  self.readme_file          = 'README.md'
+  self.history_file         = 'History.txt'
+
+  # third-party
+  self.yard_title           = self.name
+  self.yard_markup          = 'markdown'
+
+  if Object.const_defined?('Yard')
+    self.extra_deps += [
+      ['svelte-ruby',               '~> 0.1'],
+      ['rack',                      '~> 2.0']
+    ]
+  end
+
+  self.extra_dev_deps += [
+    ["hoe-yard",                  "~> 0.1"],
+    ["hoe-ignore",                "~> 1.0"],
+    ["hoe-bundler",               "~> 1.2"],
+    ["hoe-gemspec",               "~> 1.0"],
+    ["hoe-git",                   "~> 1.6"],
+    ["minitest",                  "~> 5.9"],
+    ["yard",                      "~> 0.8"],
+    ["redcarpet",                 "~> 3.3"] # yard/markdown
+  ]
+
+  self.clean_globs += [
+    '.yardoc',
+    'vendor',
+    'Gemfile.lock',
+    '.bundle',
+  ]
+
+  self.spec_extras = {
+    # Rack 2.0 require Ruby 2.2.2
+    :required_ruby_version => '>= 2.2.2'
+  }
+end
+
+# require rake tasks
+current_dir = File.expand_path(File.dirname(__FILE__))
+Dir.glob(File.join(current_dir, 'lib/tasks/*.rake')).each {|r| import r} 
+
+# vim: syntax=ruby
+
+#
+# require 'rake'
+# 
+# begin
+#   require 'jeweler'
+#   Jeweler::Tasks.new do |gem|
+#     gem.name = "rack-tidy"
+#     gem.summary = %Q{Rack middleware for automatically cleaning markup using Tidy}
+#     gem.description = %Q{Rack middleware for automatically cleaning markup using Tidy}
+#     gem.email = "rbialek@gmail.com"
+#     gem.homepage = "http://github.com/rbialek/rack-tidy"
+#     gem.authors = ["Phil Misiowiec","Robert Bialek"]
+#     gem.files = FileList['lib/**/*.rb']
+#     gem.add_dependency 'rack', '>= 1.0.0'
+#     gem.add_dependency 'tidy', '>= 1.1.2'
+#   end
+# 
+# rescue LoadError
+#   puts "Jeweler (or a dependency) not available. Install it with: sudo gem install jeweler"
+# end
+# 
+# require 'rake/testtask'
+# Rake::TestTask.new(:test) do |test|
+#   test.libs << 'lib' << 'test'
+#   test.pattern = 'test/**/*_test.rb'
+#   test.verbose = true
+# end
+# 
+# begin
+#   require 'rcov/rcovtask'
+#   Rcov::RcovTask.new do |test|
+#     test.libs << 'test'
+#     test.pattern = 'test/**/*_test.rb'
+#     test.verbose = true
+#   end
+# rescue LoadError
+#   task :rcov do
+#     abort "RCov is not available. In order to run rcov, you must: sudo gem install spicycode-rcov"
+#   end
+# end
+# 
+# task :default => :test
+# 
+# require 'rake/rdoctask'
+# Rake::RDocTask.new do |rdoc|
+#   if File.exist?('VERSION')
+#     version = File.read('VERSION')
+#   else
+#     version = ""
+#   end
+# 
+#   rdoc.rdoc_dir = 'rdoc'
+#   rdoc.title = "rack-tidy #{version}"
+#   rdoc.rdoc_files.include('README*')
+#   rdoc.rdoc_files.include('lib/**/*.rb')
+# end

data/lib/rack/svelte.rb

@@ -0,0 +1,37 @@
+require 'rack'
+require 'svelte'
+require 'FileUtils' unless Object.const_defined?('FileUtils')
+
+# Svelte for Rack w/ Cogs
+#
+# Within a rackup file (or with Rack::Builder):
+#   require 'rack/svelte'
+#   use Rack::Svelte,
+#     #:app_root_dir         => ::File.expand_path('..', __FILE__),
+#     #:app_root_dir         => Rack::Directory.new('').root,
+#     :components_dir_in    => '/app/components',
+#     :components_dir_out   => '/public/app/js',
+#     :format               => 'iife'
+#   run app
+#
+# Rails example:
+#   # above Rails::Initializer block
+#   require 'rack/svelte'
+#
+#   # inside Rails::Initializer block
+#   config.middleware.use Rack::Svelte,
+#     :app_root_dir         => Rails.root.to_s,
+#     :components_dir_in    => '/app/components',
+#     :components_dir_out   => '/public/app/js',
+#     :format               => 'iife'
+module Rack::Svelte
+  autoload :Cogs, 'rack/svelte/cogs'
+
+  # Create a new Rack::Svelte middleware component that builds Svelte components
+  # using the svelte-ruby gem. The +options+ Hash can include any Svelte compiler
+  # options AND components_dir_in, components_dir_in
+  # @see Svelte on Github for options: https://github.com/sveltejs/svelte#options
+  def self.new(backend, options = {})
+    Cogs.new(backend, options)
+  end
+end

data/lib/rack/svelte/cogs.rb

@@ -0,0 +1,96 @@
+require 'svelte' unless Object.const_defined?('Svelte')
+require 'FileUtils' unless Object.const_defined?('FileUtils')
+
+module Rack::Svelte
+  # This class is the interface between Rack and the svelte-ruby gem
+  class Cogs
+
+    # defaults for the Svelte gem config
+    DEFAULT_SVELTE_OPTS       = {}
+    DEFAULT_ROOT              = '/'
+    DEFAULT_COMPONENTS_IN     = '/app/components'
+    DEFAULT_COMPONENTS_OUT    = '/public/app/js'
+    DEFAULT_DIR_OUT_OVERWRITE = false
+    DEFAULT_DIR_OUT_CLEAR     = false
+
+    # svelte-ruby gem options, see https://github.com/sveltejs/svelte#options
+    attr_accessor :svelte_options
+
+    # options for Rack::Svelte processing
+    attr_accessor :app_root_dir
+    attr_accessor :components_dir_in
+    attr_accessor :components_dir_out
+    attr_accessor :dir_out_overwrite
+    attr_accessor :dir_out_clear
+
+    def initialize(app, options = {})
+      @app                      = app
+      symbolize_keys!(options)
+      self.app_root_dir         = options.delete(:app_root_dir)       || DEFAULT_ROOT
+      self.components_dir_in    = options.delete(:components_dir_in)  || DEFAULT_COMPONENTS_IN
+      self.components_dir_out   = options.delete(:components_dir_out) || DEFAULT_COMPONENTS_OUT
+      self.dir_out_overwrite    = options.delete(:dir_out_overwrite)  || DEFAULT_DIR_OUT_OVERWRITE
+      self.dir_out_clear        = options.delete(:dir_out_clear)      || DEFAULT_DIR_OUT_CLEAR
+      self.svelte_options       = DEFAULT_SVELTE_OPTS.merge(options)
+    end
+
+    # method required by Rack interface
+    def call(env)
+      call! env
+    end
+
+    # thread safe version using shallow copy of env
+    def call!(env)
+      dir_in  = File.join(self.app_root_dir, self.components_dir_in)
+      dir_out = File.join(self.app_root_dir, self.components_dir_out)
+
+      raise "ERROR: Dir In cannot be found: #{dir_in}" unless Dir.exist? dir_in
+      raise "ERROR: Dir Out cannot be found: #{dir_out}" unless Dir.exist? dir_out
+
+      FileUtils.rm File.join(dir_out, '*') if self.dir_out_clear
+
+      Dir.glob(File.join(dir_in, '**/*')).each do |filename_in|
+        # only html components
+        next unless filename_in =~ /.\.html$/i
+
+        # create output filename
+        puts "dir_in: #{dir_in}"
+        puts "filename_in: #{filename_in.inspect}"
+        fn_in           = filename_in[dir_in.length..-1]  # remove input dir
+        fn_out_basename = File.basename(fn_in).split('.')[0] + '.js'
+        fn_out_dir      = File.dirname(fn_in)
+        fn_out          = File.join(dir_out, fn_out_dir, fn_out_basename) # Kenny Powers
+
+        # ensure output dir
+        FileUtils.mkdir_p(fn_out_dir) unless Dir.exist?(fn_out_dir)
+
+        # compile
+        sv_hash = ::Svelte.exec_method('svelte.compile', filename_in, *self.svelte_options)
+        #puts "sv_hash: #{sv_hash.inspect}"
+
+        unless self.dir_out_overwrite
+          raise "Error: file exists: #{fn_out}\n  use option: 'dir_out_overwrite: true'" if File.exist?(fn_out)
+        end
+
+        # write
+        IO.write(fn_out, sv_hash['code'])
+      end
+
+      ##
+      # TODO: research thread safety (the following is adopted)
+      @env = env.dup
+      @app.call(@env)
+    end
+
+    private
+
+    def symbolize_keys(arg_hash)
+      arg_hash.each_with_object({}) {|(k,v),h| h[k.to_sym] = v}
+    end
+
+    def symbolize_keys!(arg_hash)
+      arg_hash = symbolize_keys(arg_hash)
+    end
+
+  end
+end

data/lib/rack/svelte/version.rb

@@ -0,0 +1,5 @@
+module Rack
+  module Svelte
+    VERSION = '0.1.0'
+  end
+end

data/test/files/hello_world.html

@@ -0,0 +1 @@
+<h1>Hello {{name}}</h1>

data/test/files/hello_world_output.txt

@@ -0,0 +1,179 @@
+function renderMainFragment ( root, component ) {
+	var h1 = createElement( 'h1' );
+	
+	appendNode( createText( "Hello " ), h1 );
+	var last_text1 = root.name
+	var text1 = createText( last_text1 );
+	appendNode( text1, h1 );
+
+	return {
+		mount: function ( target, anchor ) {
+			insertNode( h1, target, anchor );
+		},
+		
+		update: function ( changed, root ) {
+			var __tmp;
+		
+			if ( ( __tmp = root.name ) !== last_text1 ) {
+				text1.data = last_text1 = __tmp;
+			}
+		},
+		
+		teardown: function ( detach ) {
+			if ( detach ) {
+				detachNode( h1 );
+			}
+		}
+	};
+}
+
+function SvelteComponent ( options ) {
+	options = options || {};
+	this._state = options.data || {};
+	
+	this._observers = {
+		pre: Object.create( null ),
+		post: Object.create( null )
+	};
+	
+	this._handlers = Object.create( null );
+	
+	this._root = options._root;
+	this._yield = options._yield;
+	
+	this._torndown = false;
+	
+	this._fragment = renderMainFragment( this._state, this );
+	if ( options.target ) this._fragment.mount( options.target, null );
+}
+
+SvelteComponent.prototype.get = get;
+SvelteComponent.prototype.fire = fire;
+SvelteComponent.prototype.observe = observe;
+SvelteComponent.prototype.on = on;
+SvelteComponent.prototype.set = set;
+SvelteComponent.prototype._flush = _flush;
+
+SvelteComponent.prototype._set = function _set ( newState ) {
+	var oldState = this._state;
+	this._state = Object.assign( {}, oldState, newState );
+	
+	dispatchObservers( this, this._observers.pre, newState, oldState );
+	if ( this._fragment ) this._fragment.update( newState, this._state );
+	dispatchObservers( this, this._observers.post, newState, oldState );
+};
+
+SvelteComponent.prototype.teardown = SvelteComponent.prototype.destroy = function destroy ( detach ) {
+	this.fire( 'destroy' );
+
+	this._fragment.teardown( detach !== false );
+	this._fragment = null;
+
+	this._state = {};
+	this._torndown = true;
+};
+
+function createElement( name ) {
+	return document.createElement( name );
+}
+
+function detachNode( node ) {
+	node.parentNode.removeChild( node );
+}
+
+function insertNode( node, target, anchor ) {
+	target.insertBefore( node, anchor );
+}
+
+function createText( data ) {
+	return document.createTextNode( data );
+}
+
+function appendNode( node, target ) {
+	target.appendChild( node );
+}
+
+function dispatchObservers( component, group, newState, oldState ) {
+	for ( var key in group ) {
+		if ( !( key in newState ) ) continue;
+
+		var newValue = newState[ key ];
+		var oldValue = oldState[ key ];
+
+		if ( newValue === oldValue && typeof newValue !== 'object' ) continue;
+
+		var callbacks = group[ key ];
+		if ( !callbacks ) continue;
+
+		for ( var i = 0; i < callbacks.length; i += 1 ) {
+			var callback = callbacks[i];
+			if ( callback.__calling ) continue;
+
+			callback.__calling = true;
+			callback.call( component, newValue, oldValue );
+			callback.__calling = false;
+		}
+	}
+}
+
+function get( key ) {
+	return key ? this._state[ key ] : this._state;
+}
+
+function fire( eventName, data ) {
+	var handlers = eventName in this._handlers && this._handlers[ eventName ].slice();
+	if ( !handlers ) return;
+
+	for ( var i = 0; i < handlers.length; i += 1 ) {
+		handlers[i].call( this, data );
+	}
+}
+
+function observe( key, callback, options ) {
+	var group = ( options && options.defer ) ? this._observers.pre : this._observers.post;
+
+	( group[ key ] || ( group[ key ] = [] ) ).push( callback );
+
+	if ( !options || options.init !== false ) {
+		callback.__calling = true;
+		callback.call( this, this._state[ key ] );
+		callback.__calling = false;
+	}
+
+	return {
+		cancel: function () {
+			var index = group[ key ].indexOf( callback );
+			if ( ~index ) group[ key ].splice( index, 1 );
+		}
+	};
+}
+
+function on( eventName, handler ) {
+	if ( eventName === 'teardown' ) return this.on( 'destroy', handler );
+
+	var handlers = this._handlers[ eventName ] || ( this._handlers[ eventName ] = [] );
+	handlers.push( handler );
+
+	return {
+		cancel: function () {
+			var index = handlers.indexOf( handler );
+			if ( ~index ) handlers.splice( index, 1 );
+		}
+	};
+}
+
+function set( newState ) {
+	this._set( newState );
+	( this._root || this )._flush();
+}
+
+function _flush() {
+	if ( !this._renderHooks ) return;
+
+	while ( this._renderHooks.length ) {
+		var hook = this._renderHooks.pop();
+		hook.fn.call( hook.context );
+	}
+}
+
+export default SvelteComponent;

data/test/files/hello_world_output_iife.txt

@@ -0,0 +1,183 @@
+var SvelteComponent = (function () { 'use strict';
+
+function renderMainFragment ( root, component ) {
+	var h1 = createElement( 'h1' );
+	
+	appendNode( createText( "Hello " ), h1 );
+	var last_text1 = root.name
+	var text1 = createText( last_text1 );
+	appendNode( text1, h1 );
+
+	return {
+		mount: function ( target, anchor ) {
+			insertNode( h1, target, anchor );
+		},
+		
+		update: function ( changed, root ) {
+			var __tmp;
+		
+			if ( ( __tmp = root.name ) !== last_text1 ) {
+				text1.data = last_text1 = __tmp;
+			}
+		},
+		
+		teardown: function ( detach ) {
+			if ( detach ) {
+				detachNode( h1 );
+			}
+		}
+	};
+}
+
+function SvelteComponent ( options ) {
+	options = options || {};
+	this._state = options.data || {};
+	
+	this._observers = {
+		pre: Object.create( null ),
+		post: Object.create( null )
+	};
+	
+	this._handlers = Object.create( null );
+	
+	this._root = options._root;
+	this._yield = options._yield;
+	
+	this._torndown = false;
+	
+	this._fragment = renderMainFragment( this._state, this );
+	if ( options.target ) this._fragment.mount( options.target, null );
+}
+
+SvelteComponent.prototype.get = get;
+SvelteComponent.prototype.fire = fire;
+SvelteComponent.prototype.observe = observe;
+SvelteComponent.prototype.on = on;
+SvelteComponent.prototype.set = set;
+SvelteComponent.prototype._flush = _flush;
+
+SvelteComponent.prototype._set = function _set ( newState ) {
+	var oldState = this._state;
+	this._state = Object.assign( {}, oldState, newState );
+	
+	dispatchObservers( this, this._observers.pre, newState, oldState );
+	if ( this._fragment ) this._fragment.update( newState, this._state );
+	dispatchObservers( this, this._observers.post, newState, oldState );
+};
+
+SvelteComponent.prototype.teardown = SvelteComponent.prototype.destroy = function destroy ( detach ) {
+	this.fire( 'destroy' );
+
+	this._fragment.teardown( detach !== false );
+	this._fragment = null;
+
+	this._state = {};
+	this._torndown = true;
+};
+
+function createElement( name ) {
+	return document.createElement( name );
+}
+
+function detachNode( node ) {
+	node.parentNode.removeChild( node );
+}
+
+function insertNode( node, target, anchor ) {
+	target.insertBefore( node, anchor );
+}
+
+function createText( data ) {
+	return document.createTextNode( data );
+}
+
+function appendNode( node, target ) {
+	target.appendChild( node );
+}
+
+function dispatchObservers( component, group, newState, oldState ) {
+	for ( var key in group ) {
+		if ( !( key in newState ) ) continue;
+
+		var newValue = newState[ key ];
+		var oldValue = oldState[ key ];
+
+		if ( newValue === oldValue && typeof newValue !== 'object' ) continue;
+
+		var callbacks = group[ key ];
+		if ( !callbacks ) continue;
+
+		for ( var i = 0; i < callbacks.length; i += 1 ) {
+			var callback = callbacks[i];
+			if ( callback.__calling ) continue;
+
+			callback.__calling = true;
+			callback.call( component, newValue, oldValue );
+			callback.__calling = false;
+		}
+	}
+}
+
+function get( key ) {
+	return key ? this._state[ key ] : this._state;
+}
+
+function fire( eventName, data ) {
+	var handlers = eventName in this._handlers && this._handlers[ eventName ].slice();
+	if ( !handlers ) return;
+
+	for ( var i = 0; i < handlers.length; i += 1 ) {
+		handlers[i].call( this, data );
+	}
+}
+
+function observe( key, callback, options ) {
+	var group = ( options && options.defer ) ? this._observers.pre : this._observers.post;
+
+	( group[ key ] || ( group[ key ] = [] ) ).push( callback );
+
+	if ( !options || options.init !== false ) {
+		callback.__calling = true;
+		callback.call( this, this._state[ key ] );
+		callback.__calling = false;
+	}
+
+	return {
+		cancel: function () {
+			var index = group[ key ].indexOf( callback );
+			if ( ~index ) group[ key ].splice( index, 1 );
+		}
+	};
+}
+
+function on( eventName, handler ) {
+	if ( eventName === 'teardown' ) return this.on( 'destroy', handler );
+
+	var handlers = this._handlers[ eventName ] || ( this._handlers[ eventName ] = [] );
+	handlers.push( handler );
+
+	return {
+		cancel: function () {
+			var index = handlers.indexOf( handler );
+			if ( ~index ) handlers.splice( index, 1 );
+		}
+	};
+}
+
+function set( newState ) {
+	this._set( newState );
+	( this._root || this )._flush();
+}
+
+function _flush() {
+	if ( !this._renderHooks ) return;
+
+	while ( this._renderHooks.length ) {
+		var hook = this._renderHooks.pop();
+		hook.fn.call( hook.context );
+	}
+}
+
+return SvelteComponent;
+
+}());

data/test/rack_svelte_test.rb

@@ -0,0 +1,42 @@
+require 'test_helper'
+
+describe "Rack::Svelte" do  
+  before do
+    @test_root                = File.expand_path(File.dirname(__FILE__))
+    @test_app_root            = File.join(@test_root, "test_app")
+    @test_app_template        = File.join(@test_root, "test_app_template")
+    @files                    = File.join(@test_root, "files")
+
+    @hello_world_filename     = File.join(@files, 'hello_world.html')
+    @hello_world_output       = IO.read(File.join(@files, 'hello_world_output.txt'))
+    @hello_world_output_iife  = IO.read(File.join(@files, 'hello_world_output_iife.txt'))
+
+    @hello_world_test_html    = File.join(@test_app_root, Rack::Svelte::Cogs::DEFAULT_COMPONENTS_IN, 'hello_world.html')
+    @hello_world_test_js      = File.join(@test_app_root, Rack::Svelte::Cogs::DEFAULT_COMPONENTS_OUT, 'hello_world.js')
+
+    FileUtils.rm_rf @test_app_root
+    FileUtils.cp_r  @test_app_template, @test_app_root
+
+    @options = {
+      app_root_dir: @test_app_root
+    }
+  end
+
+  describe "with content type equal to 'text/html'" do
+    it "should compile" do
+      assert File.exist?(@hello_world_test_html)
+      refute File.exist?(@hello_world_test_js)
+
+      get_response('/', '<!--BODY-->', 'text/html', @options)
+      assert File.exist? @hello_world_test_js
+
+      exp = @hello_world_output
+      act = IO.read(@hello_world_test_js)
+      assert_equal exp, act
+    end
+  end
+
+  after do
+    FileUtils.rm_rf @test_app_root
+  end
+end

data/test/test_app_template/app/components/hello_world.html

@@ -0,0 +1 @@
+<h1>Hello {{name}}</h1>

data/test/test_helper.rb

@@ -0,0 +1,15 @@
+gem "minitest"
+require 'minitest/spec'
+require "minitest/autorun"
+require "rack/svelte"
+require 'rack/mock'
+#require 'FileUtils' unless Object.const_defined?('FileUtils')
+
+def get_response(path, body, content_type = 'text/html', options = {})
+  app = Rack::Builder.new do
+    use Rack::Svelte, options
+    run lambda {|env| [200, {'Content-Type' => content_type}, [body]]}
+  end
+
+  Rack::MockRequest.new(app).get(path)
+end

metadata

@@ -0,0 +1,196 @@
+--- !ruby/object:Gem::Specification
+name: svelte-rack
+version: !ruby/object:Gem::Version
+  version: 0.1.0
+platform: ruby
+authors:
+- So Awesome Man
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2017-03-22 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: minitest
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.10'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '5.10'
+- !ruby/object:Gem::Dependency
+  name: hoe-yard
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.1.3
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 0.1.3
+- !ruby/object:Gem::Dependency
+  name: hoe-ignore
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+- !ruby/object:Gem::Dependency
+  name: hoe-bundler
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.2'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.2'
+- !ruby/object:Gem::Dependency
+  name: hoe-gemspec
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+- !ruby/object:Gem::Dependency
+  name: hoe-git
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.6'
+- !ruby/object:Gem::Dependency
+  name: yard
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.8'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.8'
+- !ruby/object:Gem::Dependency
+  name: redcarpet
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.3'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.3'
+- !ruby/object:Gem::Dependency
+  name: hoe
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.16'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.16'
+description: Rack middleware to render Svelte components to Javascript
+email: support@bordee.com
+executables: []
+extensions: []
+extra_rdoc_files:
+- History.txt
+- Manifest.txt
+- README.md
+files:
+- ".autotest"
+- ".gitignore"
+- ".hoeignore"
+- Gemfile
+- History.txt
+- LICENSE
+- Manifest.txt
+- README.md
+- Rakefile
+- lib/rack/svelte.rb
+- lib/rack/svelte/cogs.rb
+- lib/rack/svelte/version.rb
+- test/files/hello_world.html
+- test/files/hello_world_output.txt
+- test/files/hello_world_output_iife.txt
+- test/rack_svelte_test.rb
+- test/test_app_template/app/components/hello_world.html
+- test/test_app_template/public/app/js/.keep
+- test/test_helper.rb
+homepage: https://github.com/bordeeinc/svelte-rack
+licenses:
+- MIT
+metadata: {}
+post_install_message: 
+rdoc_options:
+- "--title"
+- svelte-rack
+- "--markup"
+- markdown
+- "--quiet"
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: 2.2.2
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.5.2
+signing_key: 
+specification_version: 4
+summary: Rack middleware to render Svelte components to Javascript
+test_files: []