middleman-webpacked 0.0.2

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 9c6871016b63c750529f7050aef41c01652fe011
+  data.tar.gz: 95b3c3e2b0ec9a83d78cdf435a356c26c9b792a8
+SHA512:
+  metadata.gz: 4010c42165f9a037890d7d4b9b44bf29979d9b4a46a10d86c1a6bb0c9e9afabc329bb3f9af837b3567dd8f7c23d9196d9fa70e7001eead92e814313759210dbf
+  data.tar.gz: 0fc5b4352f633a13e53c47625509c15b1c62c06e3529865e41621b0ea14421c7b0763322cc8720c83f09d37303475cb92d0c8c13981332f85402c4b6f47987e8

data/.gitignore

@@ -0,0 +1,5 @@
+# Ignore bundler lock file
+/Gemfile.lock
+
+# Ignore pkg folder
+/pkg

data/Gemfile

@@ -0,0 +1,19 @@
+# If you do not have OpenSSL installed, update
+# the following line to use "http://" instead
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in middleman-webpack.gemspec
+gemspec
+
+group :development do
+  gem 'rake'
+  gem 'rdoc'
+  gem 'yard'
+end
+
+group :test do
+  gem 'capybara'
+  gem 'cucumber'
+  gem 'aruba'
+  gem 'rspec'
+end

data/README.md

@@ -0,0 +1,54 @@
+Middleman Webpack
+===
+
+## Usage
+
+Add this line to your `Gemfile`
+
+```ruby
+gem 'middleman-webpacked', '~> 0.0.2'
+```
+
+Setup your Webpack
+
+```ruby
+middleman webpack
+```
+
+Add `javascript_pack_tag` to your layout
+
+```erb
+<%= javascript_pack_tag 'bundle' %>
+```
+
+Activate the extension in `config.rb`
+
+```ruby
+activate :webpack
+```
+
+Put the javascript into `src` directory
+
+> This version only support Webpack 4 default config
+
+## Options
+
+### Entry
+
+If you want to output more than one file (`bundle.js`) you can specify the entry options.
+
+```ruby
+activate :webpack,
+         entry: {
+           app: 'index.js',
+           ext: 'ext.js'
+         }
+```
+
+## Roadmap
+
+* [x] Running Webpack without config
+* [ ] Automatic setup `webpack.config.js`
+* [x] Babel Support
+* [ ] React.js Support
+* [ ] Vue.js Support

data/Rakefile

@@ -0,0 +1,14 @@
+require 'bundler'
+Bundler::GemHelper.install_tasks
+
+require 'cucumber/rake/task'
+
+Cucumber::Rake::Task.new(:cucumber, 'Run features that should pass') do |t|
+  t.cucumber_opts = '--color --tags --strict'
+end
+
+require 'rake/clean'
+
+task test: ['cucumber']
+
+task default: :test

data/features/support/env.rb

@@ -0,0 +1,4 @@
+PROJECT_ROOT_PATH = File.dirname(File.dirname(File.dirname(__FILE__)))
+require 'middleman-core'
+require 'middleman-core/step_definitions'
+require File.join(PROJECT_ROOT_PATH, 'lib', 'middleman-webpack')

data/lib/middleman-webpacked/commands/webpack.rb

@@ -0,0 +1,18 @@
+require 'middleman-core/cli'
+
+module Middleman
+  module Cli
+    class Webpack < ::Thor::Group
+      include Thor::Actions
+
+      check_unknown_options!
+
+      def webpack
+        run 'yarn add webpack webpack-dev-server webpack-cli babel-loader --dev'
+      end
+
+      # Add to CLI
+      Base.register( self, 'webpack', 'webpack [options]', 'Install webpack to middleman')
+    end
+  end
+end

data/lib/middleman-webpacked/extension.rb

@@ -0,0 +1,59 @@
+# Require core library
+require 'middleman-core'
+
+# Extension namespace
+module Middleman
+  class WebpackedExtension < ::Middleman::Extension
+    option :source, '.webpack-cache', 'The webpack dist path'
+    option :entry, {bundle: 'index.js'}, 'The entry points(s) of the compilation'
+
+    WEBPACK_DEV_SERVER_BIN = 'node_modules/.bin/webpack-dev-server'
+    WEBPACK_BIN = 'node_modules/.bin/webpack'
+
+    def initialize(app, options_hash={}, &block)
+      super
+
+      fail 'Webpack Dev Server not found' unless File.exists?(WEBPACK_DEV_SERVER_BIN)
+      fail 'Webpack not found' unless File.exist?(WEBPACK_BIN)
+    end
+
+    def after_configuration
+      active_webpack
+    end
+
+    def active_webpack
+      app.activate :external_pipeline,
+        name: :webpack,
+        command: command,
+        source: options.source,
+        latency: 1
+    end
+
+    def command
+      return build_command if app.build?
+      "#{WEBPACK_DEV_SERVER_BIN} --mode development " \
+      '--module-bind js=babel-loader ' \
+      '--hot --progress --color --inline --content-base source ' \
+      "#{options.entry.map { |name, path| "--entry #{name}=./src/#{path}" }.join(' ')} " \
+      "--output-public-path /#{app.config[:js_dir]} "
+    end
+
+    def build_command
+      "#{WEBPACK_BIN} --mode production " \
+      '--module-bind js=babel-loader ' \
+      "#{options.entry.map { |name, path| "--entry #{name}=./src/#{path}" }.join(' ')} " \
+      "--bail -p --output-path #{options.source}/#{app.config[:js_dir]}"
+    end
+
+    def after_build
+      FileUtils.rm_rf(options.source)
+    end
+
+    helpers do
+      def javascript_pack_tag(name)
+        return javascript_include_tag "#{app.config[:js_dir]}/#{name}" if app.build?
+        javascript_include_tag "http://localhost:8080/#{app.config[:js_dir]}/#{name}.js"
+      end
+    end
+  end
+end

data/lib/middleman-webpacked/version.rb

@@ -0,0 +1,3 @@
+module MiddlemanWebpacked
+  VERSION = '0.0.2'
+end

data/lib/middleman-webpacked.rb

@@ -0,0 +1,8 @@
+require "middleman-core"
+
+Middleman::Extensions.register :webpack do
+  require "middleman-webpacked/commands/webpack"
+  require "middleman-webpacked/extension"
+
+  Middleman::WebpackedExtension
+end

data/middleman-webpacked.gemspec

@@ -0,0 +1,25 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require 'middleman-webpacked/version'
+
+Gem::Specification.new do |s|
+  s.name        = "middleman-webpacked"
+  s.version     = MiddlemanWebpacked::VERSION
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = ["Aotokitsuruya"]
+  s.email       = ["contact@frost.tw"]
+  s.homepage    = "https://github.com/elct9620/middleman-webpacked"
+  s.summary     = %q{Enable webpack for your middleman project eaiser}
+  s.description = %q{Enable webpack for your middleman project eaiser}
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+  s.require_paths = ["lib"]
+
+  # The version of middleman-core your extension depends on
+  s.add_runtime_dependency("middleman-core", [">= 4.2.1"])
+
+  # Additional dependencies
+  # s.add_runtime_dependency("gem-name", "gem-version")
+end

metadata

@@ -0,0 +1,68 @@
+--- !ruby/object:Gem::Specification
+name: middleman-webpacked
+version: !ruby/object:Gem::Version
+  version: 0.0.2
+platform: ruby
+authors:
+- Aotokitsuruya
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2018-05-25 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: middleman-core
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 4.2.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 4.2.1
+description: Enable webpack for your middleman project eaiser
+email:
+- contact@frost.tw
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- ".gitignore"
+- Gemfile
+- README.md
+- Rakefile
+- features/support/env.rb
+- lib/middleman-webpacked.rb
+- lib/middleman-webpacked/commands/webpack.rb
+- lib/middleman-webpacked/extension.rb
+- lib/middleman-webpacked/version.rb
+- middleman-webpacked.gemspec
+homepage: https://github.com/elct9620/middleman-webpacked
+licenses: []
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.6.14
+signing_key: 
+specification_version: 4
+summary: Enable webpack for your middleman project eaiser
+test_files:
+- features/support/env.rb