typescript-monkey 0.9.0

data/lib/typescript/monkey/version.rb

@@ -0,0 +1,3 @@
+module Typescript::Monkey
+  VERSION = '0.9.0'
+end

data/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "typescript-monkey",
+  "version": "1.0.0",
+  "description": "Typescript adapter for the Rails asset pipeline.",
+  "directories": {
+    "test": "test"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/markeissler/typescript-monkey.git"
+  },
+  "author": "Mark Eissler",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/markeissler/typescript-monkey/issues"
+  },
+  "homepage": "https://github.com/markeissler/typescript-monkey#readme",
+  "devDependencies": {
+    "gulp": "^3.9.1",
+    "gulp-concat": "^2.6.1",
+    "gulp-debug": "^3.1.0",
+    "gulp-ignore": "^2.0.2",
+    "gulp-rename": "^1.2.2",
+    "gulp-typescript": "^3.1.6",
+    "gulp-uglify": "^2.1.2",
+    "run-sequence": "^1.2.2",
+    "typescript": "^2.3.2"
+  }
+}

data/test/assets_generator_test.rb

@@ -0,0 +1,15 @@
+require 'test_helper'
+require 'rails/generators/typescript/assets/assets_generator'
+
+class AssetGeneratorTest < Rails::Generators::TestCase
+  tests Typescript::Generators::AssetsGenerator
+
+  destination File.expand_path("../tmp", __FILE__)
+  setup :prepare_destination
+
+  def test_assets
+    run_generator %w(posts)
+    assert_no_file "app/assets/javascripts/posts.js"
+    assert_file "app/assets/javascripts/posts.ts"
+  end
+end

data/test/assets_test.rb

@@ -0,0 +1,41 @@
+require File.join(File.dirname(__FILE__), 'test_helper.rb')
+require 'typescript-monkey'
+
+require 'action_controller/railtie'
+require 'sprockets/railtie'
+
+class AssetsTest < ActiveSupport::TestCase
+  include Minitest::PowerAssert::Assertions
+
+  @@app_setup = false
+  @@app = nil
+
+  def setup
+    unless @@app_setup == true
+      @@app_setup = true
+      # reconfigure compiler to resolve references and concatenate files
+      Typescript::Monkey.configure do |config|
+        config.compile = true
+      end
+
+      @@app = RailsApp.instance.app()
+      RailsApp.instance.asset_paths_append("#{File.dirname(__FILE__)}/fixtures/assets")
+    end
+  end
+
+  def teardown
+  end
+
+  #
+  # These tests require sprockets processing with --noResolve turned off which
+  # results in reference resolution and concatenated files.
+  #
+  # Typescript::Monkey::Compiler.compile = true
+  #
+
+  test 'assets .js.ts is compiled from TypeScript to JavaScript' do
+    assert { @@app.assets['javascripts/hello.js'].present? }
+    assert { @@app.assets['javascripts/hello.js'].source.include?('var log_to_console = function (x) {') }
+    assert { @@app.assets['javascripts/hello.js'].source.include?('var s = "Hello, world!";') }
+  end
+end

data/test/controller_generator_test.rb

@@ -0,0 +1,19 @@
+require 'test_helper'
+require 'rails/generators/rails/controller/controller_generator'
+require 'rails/generators/typescript/assets/assets_generator'
+
+class ControllerGeneratorTest < Rails::Generators::TestCase
+  tests Rails::Generators::ControllerGenerator
+
+  destination File.expand_path("../tmp", __FILE__)
+  setup do
+    prepare_destination
+    copy_routes
+  end
+
+  def test_assets
+    run_generator %w(posts --javascript-engine=typescript --orm=false)
+    assert_no_file "app/assets/javascripts/posts.js"
+    assert_file "app/assets/javascripts/posts.ts"
+  end
+end

data/test/fixtures/assets/javascripts/hello.js.ts

@@ -0,0 +1,3 @@
+/// <reference path="reference.ts" />
+var s: string = "Hello, world!";
+log_to_console(s);

data/test/fixtures/assets/javascripts/included.ts

@@ -0,0 +1,4 @@
+/// <reference path="reference.ts" />
+var log_to_console = function(x: string): void {
+  console.log(x)
+}

data/test/fixtures/assets/javascripts/reference.ts

@@ -0,0 +1,2 @@
+/// <reference path="hello.js.ts" />
+/// <reference path="included.ts" />

data/test/fixtures/references/ref1_1.js.ts

@@ -0,0 +1,3 @@
+var f = function(x: number, y: number): number {
+  return x + y
+}

data/test/fixtures/references/ref1_2.js.ts

@@ -0,0 +1,3 @@
+/// <reference path="ref1_1.js.ts" />
+
+f(1, 2)

data/test/fixtures/references/ref2_1.d.ts

@@ -0,0 +1 @@
+declare var f: (x: number, y: number) => number;

data/test/fixtures/references/ref2_2.js.ts

@@ -0,0 +1,3 @@
+/// <reference path="./ref2_1.d.ts" />
+
+f(1, 2)

data/test/fixtures/references/ref3_1.js.ts

@@ -0,0 +1,5 @@
+/// <reference path="ref3_2.ts" />
+/// <reference path="ref3_3.ts" />
+
+f1();
+f2();

data/test/fixtures/references/ref3_2.ts

@@ -0,0 +1,3 @@
+var f1 = function(): void {
+
+};

data/test/fixtures/references/ref3_3.ts

@@ -0,0 +1,3 @@
+var f2 = function(): void {
+
+};

data/test/fixtures/site/es5.js.ts

@@ -0,0 +1,7 @@
+class Person {
+    private _name = "Alice";
+
+    public get name(): string {
+        return this._name
+    }
+}

data/test/fixtures/site/index.js.ts

@@ -0,0 +1 @@
+var x:number = 5

data/test/fixtures/site/script_tags.html.erb

@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <%= javascript_include_tag 'application' %>
+  <title>Document</title>
+</head>
+<body>
+  <div id="target"></div>
+  <script type="text/typescript">
+    class Person {
+        private _name = "Alice";
+
+        public get name(): string {
+            return this._name
+        }
+    }
+  </script>
+  <script src="es5.js"></script>
+</body>
+</html>

data/test/fixtures/sprockets/ref1_1.js.ts

@@ -0,0 +1,3 @@
+var f = function(x: number, y: number): number {
+  return x + y
+}

data/test/fixtures/sprockets/ref1_2.js.ts

@@ -0,0 +1,3 @@
+/// <reference path="ref1_1.js.ts" />
+
+f(1, 2)

data/test/fixtures/sprockets/ref1_manifest.js.ts

@@ -0,0 +1,2 @@
+//= require ref1_1
+//= require ref1_2

data/test/references_test.rb

@@ -0,0 +1,48 @@
+require File.join(File.dirname(__FILE__), 'test_helper.rb')
+require 'typescript-monkey'
+
+require 'action_controller/railtie'
+require 'sprockets/railtie'
+
+class ReferencesTest < ActiveSupport::TestCase
+  include Minitest::PowerAssert::Assertions
+
+  @@app_setup = false
+  @@app = nil
+
+  def setup
+    unless @@app_setup == true
+      @@app_setup = true
+      # reconfigure compiler to resolve references and concatenate files
+      Typescript::Monkey.configure do |config|
+        config.compile = true
+      end
+
+      @@app = RailsApp.instance.app()
+      RailsApp.instance.asset_paths_append("#{File.dirname(__FILE__)}/fixtures/references")
+    end
+  end
+
+  def teardown
+  end
+
+  #
+  # These tests require sprockets processing with --noResolve turned off which
+  # results in reference resolution and concatenated files.
+  #
+  # Typescript::Monkey::Compiler.compile = true
+  #
+
+  test '<reference> to other .ts file works' do
+    assert {@@app.assets['ref1_2.js'].source.match(/var f = function \(x, y\) \{\s*return x \+ y\;\s*\}\;\s*f\(1, 2\)\;\s*/) }
+  end
+
+  test '<reference> to other .d.ts file works' do
+    assert {@@app.assets['ref2_2.js'].source.match(/f\(1, 2\)\;\s*/) }
+  end
+
+  test '<reference> to multiple .ts files works' do
+    assert {@@app.assets['ref3_1.js'].source.match(/var f1 = function \(\) \{\s*\}\;\s*var f2 = function \(\) \{\s*\}\;\s*f1\(\)\;\s*f2\(\)\;/) }
+  end
+
+end

data/test/scaffold_generator_test.rb

@@ -0,0 +1,19 @@
+require 'test_helper'
+require 'rails/generators/rails/scaffold/scaffold_generator'
+require 'rails/generators/typescript/assets/assets_generator'
+
+class ScaffoldGeneratorTest < Rails::Generators::TestCase
+  tests Rails::Generators::ScaffoldGenerator
+
+  destination File.expand_path("../tmp", __FILE__)
+  setup do
+    prepare_destination
+    copy_routes
+  end
+
+  def test_assets
+    run_generator %w(posts --javascript-engine=typescript --orm=false)
+    assert_no_file "app/assets/javascripts/posts.js"
+    assert_file "app/assets/javascripts/posts.ts"
+  end
+end

data/test/sprockets_test.rb

@@ -0,0 +1,36 @@
+require File.join(File.dirname(__FILE__), 'test_helper.rb')
+require 'typescript-monkey'
+
+require 'action_controller/railtie'
+require 'sprockets/railtie'
+
+class SprocketsTest < ActiveSupport::TestCase
+  include Minitest::PowerAssert::Assertions
+
+  @@app_setup = false
+  @@app = nil
+
+  def setup
+    unless @@app_setup == true
+      @@app_setup = true
+      @@app = RailsApp.instance.app()
+      RailsApp.instance.asset_paths_append("#{File.dirname(__FILE__)}/fixtures/sprockets")
+    end
+  end
+
+  def teardown
+  end
+
+  #
+  # These tests require sprockets processing with --noResolve turned on which
+  # results in no reference resolution. Separate files will be output.
+  #
+  #
+  # Typescript::Monkey::Compiler.compile = false (default setting)
+  #
+
+  test '//= require directives work' do
+    assert { @@app.assets['ref1_manifest.js'].source.match(/var f = function \(x, y\) \{\s*return x \+ y\;\s*\}\;\s*f\(1, 2\)\;\s*/) }
+  end
+
+end

data/test/support/routes.rb

@@ -0,0 +1 @@
+# routes dummy file

data/test/template_handler_test.rb

@@ -0,0 +1,35 @@
+# require File.join(File.dirname(__FILE__), 'test_helper.rb')
+require 'test_helper'
+require 'action_controller'
+require 'typescript-monkey'
+require 'sprockets/railtie'
+
+class SiteController < ActionController::Base
+  self.view_paths = File.expand_path('../fixtures', __FILE__)
+end
+
+DummyApp = ActionDispatch::Routing::RouteSet.new
+DummyApp.draw do
+  get 'site/index'
+  get 'site/es5'
+end
+
+class TemplateHandlerTest < ActiveSupport::TestCase
+  include Rack::Test::Methods
+
+  def app
+    @app ||= DummyApp
+  end
+
+  test 'typescript views are served as javascript' do
+    get '/site/index.js'
+    assert_match(/var x = 5;\s*/, strip_comments(last_response.body))
+  end
+
+  test 'ES5 features' do
+    get '/site/es5.js'
+    assert_equal(200, last_response.status)
+  end
+
+  # @TODO: need a test for <script type="text/typescript"></script>
+end

data/test/test_helper.rb

@@ -0,0 +1,111 @@
+# Configure coveralls environment
+
+require 'coveralls'
+require 'simplecov'
+
+SimpleCov.formatter = SimpleCov::Formatter::MultiFormatter.new([
+    SimpleCov::Formatter::HTMLFormatter,
+    Coveralls::SimpleCov::Formatter
+])
+SimpleCov.start do
+  add_filter '.bundle/'
+end
+
+# Configure Rails environment
+ENV['RAILS_ENV'] = 'test'
+
+require 'rails'
+require 'rails/test_help'
+require 'minitest-power_assert'
+require 'byebug'
+
+# For generators
+require 'rails/generators/test_case'
+
+# Set ActiveSupport test order (:random, :sorted, :parallel)
+ActiveSupport::TestCase.test_order = :random
+
+# Default Typescript::Monkey compiler configuration
+require 'typescript/monkey/configuration'
+Typescript::Monkey.configure do |config|
+  # option config
+  config.compile = false
+  # setup logging for debugging
+  debug_log_path = Pathname.new("#{File.dirname(__FILE__)}/tmp/log")
+  FileUtils.mkdir_p(debug_log_path)
+  config.logger = Logger.new(debug_log_path.join("typescript-monkey.log").to_s)
+end
+
+def copy_routes
+  routes = File.expand_path('../support/routes.rb', __FILE__)
+  destination = File.join(destination_root, 'config')
+
+  FileUtils.mkdir_p(destination)
+  FileUtils.cp routes, destination
+end
+
+def strip_comments(source)
+  source.gsub(%r{^//[^\n]*}m, '')
+end
+
+require 'rails'
+
+class RailsApp
+  attr_accessor :app
+
+  def initialize(tmp_path, log_path)
+    FileUtils.mkdir_p(tmp_path)
+
+    @app = Class.new(Rails::Application)
+    @app.config.eager_load = false
+    @app.config.active_support.deprecation = :stderr
+    @app.config.assets.configure do |env|
+      env.cache = ActiveSupport::Cache.lookup_store(:memory_store)
+    end
+    # note: you could configure all asset paths here at once but that prevents
+    # isolation for each test:
+    #
+    # @app.config.assets.paths << "#{File.dirname(__FILE__)}/fixtures/references"
+    #
+    @app.paths['log'] = log_path.to_s
+    @app.paths['tmp'] = tmp_path.to_s
+    @app.config.secret_key_base = "abcd1234"
+    @app.initialize!
+
+    ObjectSpace.define_finalizer(self, self.class.method(:finalize))
+  end
+
+  private_class_method :new
+
+  def asset_paths_append(*paths)
+    updated_paths = @app.config.assets.paths.to_set
+    paths.each { |path| updated_paths.add(path) }
+    @app.config.assets.paths = updated_paths.to_a
+    # rebuild assets -- this will slow things down!
+    @app.assets = Sprockets::Railtie.build_environment(@app)
+  end
+
+  def asset_paths_delete(*paths)
+    updated_paths = @app.config.assets.paths.to_set
+    paths.each { |path| updated_paths.delete(path) }
+    @app.config.assets.paths = updated_paths.to_a
+    # rebuild assets -- this will slow things down!
+    @app.assets = Sprockets::Railtie.build_environment(@app)
+  end
+
+  def self.instance
+    @__instance__ ||= begin
+      @__tmp_path__ ||= Pathname.new("#{File.dirname(__FILE__)}/tmp")
+      @__log_path__ ||= @__tmp_path__.join("log/test.log")
+      @__instance__ ||= new(@__tmp_path__, @__log_path__)
+    end
+  end
+
+  def self.finalize(object_id)
+    # if logging has been configured, assume we want to keep the logs!
+    unless Typescript::Monkey.configuration.logger
+      FileUtils.rm_rf(@__tmp_path__)
+    end
+  end
+
+end