isomorfeus 1.0.0.zeta6

data/lib/isomorfeus/installer/templates/development.js.erb

@@ -0,0 +1,110 @@
+// require requirements used below
+const path = require('path');
+const webpack = require('webpack');
+const OwlResolver = require('opal-webpack-loader/resolver'); // to resolve ruby files
+const ExtraWatchWebpackPlugin = require('extra-watch-webpack-plugin'); // to watch for added ruby files
+
+const common_config = {
+    target: 'web',
+    context: path.resolve(__dirname, '../isomorfeus'),
+    mode: "development",
+    optimization: {
+        removeAvailableModules: false,
+        removeEmptyChunks: false,
+        minimize: false // dont minimize in development, to speed up hot reloads
+    },
+    performance: {
+        maxAssetSize: 20000000,
+        maxEntrypointSize: 20000000
+    },
+    devtool: false,
+    output: {
+        filename: '[name].js',
+        path: path.resolve(__dirname, '../public/assets'),
+        publicPath: 'http://localhost:3035/assets/'
+    },
+    externals: { crypto: 'Crypto' },
+    resolve: { plugins: [new OwlResolver('resolve', 'resolved')] }, // resolve ruby files
+    plugins: [
+        // both for hot reloading
+        new webpack.HotModuleReplacementPlugin(),
+        // watch for added files in opal dir
+        new ExtraWatchWebpackPlugin({ dirs: [ path.resolve(__dirname, '../isomorfeus') ] })
+    ],
+    module: {
+        rules: [
+            {
+                test: /\.s[ac]ss$/,
+                use: [ "style-loader" , "css-loader",
+                    {
+                        loader: "sass-loader",
+                        options: {
+                            sassOptions: { includePaths: [path.resolve(__dirname, '../isomorfeus/styles')] },
+                            sourceMap: false
+                        }
+                    }
+                ]
+            },
+            {
+                test: /\.css$/,
+                use: ["style-loader", "css-loader"]
+            },
+            {
+                test: /\.(png|svg|jpg|gif|woff|woff2|eot|ttf|otf)$/,
+                use: ["file-loader"]
+            },
+            {
+                test: /(\.js)?\.rb$/,
+                use: [
+                    {
+                        loader: 'opal-webpack-loader', // opal-webpack-loader will compile and include ruby files in the pack
+                        options: {
+                            sourceMap: false,
+                            hmr: true,
+                            hmrHook: 'Opal.Isomorfeus.$force_render()'
+                        }
+                    }
+                ]
+            }
+        ]
+    },
+    // configuration for webpack-dev-server
+    devServer: {
+        open: false,
+        lazy: false,
+        port: 3035,
+        hot: true,
+        // hotOnly: true,
+        inline: true,
+        https: false,
+        disableHostCheck: true,
+        headers: {
+            "Access-Control-Allow-Origin": "*",
+            "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+            "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
+        },
+        watchOptions: {
+            // in case of problems with hot reloading uncomment the following two lines:
+            // aggregateTimeout: 250,
+            // poll: 50,
+            ignored: /\bnode_modules\b/
+        },
+        contentBase: path.resolve(__dirname, 'public'),
+        useLocalIp: false
+    }
+};
+
+const browser_config = {
+    entry: { application: [path.resolve(__dirname, '../isomorfeus/imports/application.js')] }
+};
+
+//const web_worker_config = {
+//    target: 'webworker',
+//    entry: { web_worker: [path.resolve(__dirname, '../isomorfeus/imports/application_web_worker.js')] },
+//    externals: { crypto: 'Crypto' }
+//};
+
+const browser = Object.assign({}, common_config, browser_config);
+// const web_worker = Object.assign({}, common_config, web_worker_config);
+
+module.exports = [ browser ];

data/lib/isomorfeus/installer/templates/development_ssr.js.erb

@@ -0,0 +1,111 @@
+// require requirements used below
+const path = require('path');
+const webpack = require('webpack');
+const OwlResolver = require('opal-webpack-loader/resolver'); // to resolve ruby files
+const ExtraWatchWebpackPlugin = require('extra-watch-webpack-plugin'); // to watch for added ruby files
+
+const common_config = {
+    target: 'node',
+    context: path.resolve(__dirname, '../isomorfeus'),
+    mode: "development",
+    optimization: {
+        removeAvailableModules: false,
+        removeEmptyChunks: false,
+        minimize: false // dont minimize in development, to speed up hot reloads
+    },
+    performance: {
+        maxAssetSize: 20000000,
+        maxEntrypointSize: 20000000
+    },
+    devtool: false,
+    output: {
+        // webpack-dev-server keeps the output in memory
+        filename: '[name].js',
+        path: path.resolve(__dirname, '../public/assets'),
+        publicPath: 'http://localhost:3036/assets/'
+    },
+    resolve: {
+        plugins: [
+            // this makes it possible for webpack to find ruby files
+            new OwlResolver('resolve', 'resolved')
+        ]
+    },
+    plugins: [
+        // dont split ssr asset in chunks
+        new webpack.optimize.LimitChunkCountPlugin({ maxChunks: 1 }),
+        // watch for added files in opal dir
+        new ExtraWatchWebpackPlugin({ dirs: [ path.resolve(__dirname, '../isomorfeus') ] })
+    ],
+    module: {
+        rules: [
+            {
+                // loader for .scss files
+                // test means "test for for file endings"
+                test: /\.s[ac]ss$/,
+                use: [ "style-loader", "css-loader",
+                    {
+                        loader: "sass-loader",
+                        options: {
+                            sassOptions: { includePaths: [path.resolve(__dirname, '../isomorfeus/styles')] },
+                            sourceMap: false
+                        }
+                    }
+                ]
+            },
+            {
+                // loader for .css files
+                test: /\.css$/,
+                use: [ "style-loader", "css-loader" ]
+            },
+            {
+                test: /\.(png|svg|jpg|gif|woff|woff2|eot|ttf|otf)$/,
+                use: [ "file-loader" ]
+            },
+            {
+                // opal-webpack-loader will compile and include ruby files in the pack
+                test: /(\.js)?\.rb$/,
+                use: [
+                    {
+                        loader: 'opal-webpack-loader',
+                        options: {
+                            sourceMap: false,
+                            hmr: false,
+                            hmrHook: 'Opal.Isomorfeus.$force_render()'
+                        }
+                    }
+                ]
+            }
+        ]
+    },
+    // configuration for webpack-dev-server
+    devServer: {
+        open: false,
+        lazy: false,
+        port: 3036,
+        hot: false,
+        inline: true,
+        https: false,
+        disableHostCheck: true,
+        headers: {
+            "Access-Control-Allow-Origin": "*",
+            "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+            "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
+        },
+        watchOptions: {
+            // in case of problems with hot reloading uncomment the following two lines:
+            // aggregateTimeout: 250,
+            // poll: 50,
+            ignored: /\bnode_modules\b/
+        },
+        contentBase: path.resolve(__dirname, 'public'),
+        useLocalIp: false
+    }
+};
+
+const ssr_config = {
+    entry: { application_ssr: [path.resolve(__dirname, '../isomorfeus/imports/application_ssr.js')] }
+};
+
+const ssr = Object.assign({}, common_config, ssr_config);
+
+module.exports = ssr;

data/lib/isomorfeus/installer/templates/hello_component.rb.erb

@@ -0,0 +1,6 @@
+class HelloComponent < LucidComponent::Base
+  render do
+    DIV "Hello World!"
+    NavigationLinks()
+  end
+end

data/lib/isomorfeus/installer/templates/iodine_config.rb.erb

@@ -0,0 +1,14 @@
+require 'etc'
+Iodine.threads = ENV['THREADS'] ? ENV['THREADS'].to_i : 4
+Iodine.workers = ENV['WORKERS'] ? ENV['WORKERS'].to_i : Etc.nprocessors
+
+Iodine.on_state(:enter_child) do
+  Isomorfeus.connect_to_arango if Isomorfeus.arango_configured?
+end
+
+if ENV['REDIS_URL']
+  Iodine::PubSub.default = Iodine::PubSub::Redis.new(ENV['REDIS_URL'])
+  puts "* Using Redis for pub/sub."
+else
+  puts "* Using Iodine for pub/sub within the process cluster."
+end

data/lib/isomorfeus/installer/templates/isomorfeus_loader.rb.erb

@@ -0,0 +1,16 @@
+require 'opal'
+require 'isomorfeus-redux'
+require 'isomorfeus-react'
+require 'isomorfeus-policy'
+require 'isomorfeus-transport'
+require 'isomorfeus-data'
+require 'isomorfeus-i18n'
+require 'isomorfeus-operation'
+
+require_tree 'policies', :autoload
+require_tree 'channels', :autoload
+require_tree 'data', :autoload
+require_tree 'operations', :autoload
+require_tree 'components', :autoload
+
+Isomorfeus.start_app!

data/lib/isomorfeus/installer/templates/isomorfeus_web_worker_loader.rb.erb

@@ -0,0 +1,2 @@
+require 'opal'
+require 'zeitwerk'

data/lib/isomorfeus/installer/templates/my_app.rb.erb

@@ -0,0 +1,11 @@
+class <%= app_class %> < LucidApp::Base
+  render do
+    Router(location: props.location) do
+      Switch do
+        Route(path: '/', exact: true, component: HelloComponent.JS[:react_component])
+        Route(path: '/welcome', exact: true, component: WelcomeComponent.JS[:react_component])
+        Route(component: NotFound404Component.JS[:react_component])
+      end
+    end
+  end
+end

data/lib/isomorfeus/installer/templates/navigation_links.rb.erb

@@ -0,0 +1,9 @@
+class NavigationLinks < LucidComponent::Base
+  render do
+    P do
+      Link(to: '/') { 'Hello World!' }
+      SPAN " | "
+      Link(to: '/welcome') { 'Welcome!' }
+    end
+  end
+end

data/lib/isomorfeus/installer/templates/not_found_404_component.rb.erb

@@ -0,0 +1,7 @@
+class NotFound404Component < LucidComponent::Base
+  render do
+    Isomorfeus.ssr_response_status = 404 # keep
+    P "Oops, page not found!"
+    NavigationLinks()
+  end
+end

data/lib/isomorfeus/installer/templates/package.json.erb

@@ -0,0 +1,42 @@
+{
+  "name": "<%= application_name %>",
+  "private": true,
+  "dependencies": {
+    "opal-webpack-loader": "^0.9.9",
+    "react": "^16.12.0",
+    "react-deep-force-update": "^2.1.3",
+    "react-dom": "^16.12.0",
+    "react-jss": "^10.0.0",
+    "react-router": "^5.1.2",
+    "react-router-dom": "^5.1.2",
+    "redux": "^4.0.4",
+    "ws": "^7.2.0"
+  },
+  "scripts": {
+    "debug": "webpack-dev-server --config=webpack/debug.js",
+    "development": "webpack-dev-server --config=webpack/development.js",
+    "development_ssr": "webpack-dev-server --config=webpack/development_ssr.js",
+    "production_build": "parallel-webpack --config=webpack/production.js"
+  },
+  "devDependencies": {
+    "compression-webpack-plugin": "^3.0.0",
+    "css-loader": "^3.2.0",
+    "extra-watch-webpack-plugin": "^1.0.3",
+    "file-loader": "^4.2.0",
+    "jsdom": "15.2.1",
+    "node-sass": "^4.13.0",
+    "parallel-webpack": "^2.4.0",
+    "puppeteer": "2.0.0",
+    "sass-loader": "^8.0.0",
+    "style-loader": "^1.0.0",
+    "terser-webpack-plugin": "^2.2.1",
+    "webpack": "^4.41.2",
+    "webpack-assets-manifest": "^3.1.1",
+    "webpack-cli": "^3.3.10",
+    "webpack-dev-server": "^3.9.0"
+  },
+  "optionalDependencies": {
+    "bufferutil": "^4.0.1",
+    "utf-8-validate": "^5.0.2"
+  }
+}

data/lib/isomorfeus/installer/templates/production.js.erb

@@ -0,0 +1,91 @@
+const path = require('path');
+const OwlResolver = require('opal-webpack-loader/resolver');
+const CompressionPlugin = require("compression-webpack-plugin"); // for gzipping the packs
+const TerserPlugin = require('terser-webpack-plugin'); // for minifying the packs
+const WebpackAssetsManifest = require('webpack-assets-manifest');
+
+const common_config = {
+    context: path.resolve(__dirname, '../isomorfeus'),
+    mode: "production",
+    optimization: {
+        minimize: true, // minimize
+        minimizer: [new TerserPlugin({ parallel: true, cache: true, terserOptions: { output: { comments: false }}})]
+    },
+    performance: {
+        maxAssetSize: 20000000,
+        maxEntrypointSize: 20000000
+    },
+    output: {
+        filename: '[name]-[chunkhash].js', // include fingerprint in file name, so browsers get the latest
+        path: path.resolve(__dirname, '../public/assets'),
+        publicPath: '/assets/'
+    },
+    resolve: { plugins: [new OwlResolver('resolve', 'resolved')] }, // resolve ruby files
+    module: {
+        rules: [
+            {
+                test: /\.s[ac]ss$/,
+                use: ["style-loader", "css-loader",
+                    {
+                        loader: "sass-loader",
+                        options: {
+                            sassOptions: { includePaths: [path.resolve(__dirname, '../isomorfeus/styles')] },
+                            sourceMap: false
+                        }
+                    }
+                ]
+            },
+            {
+                test: /\.css$/,
+                use: ["style-loader", "css-loader"]
+            },
+            {
+                test: /\.(png|svg|jpg|gif|woff|woff2|eot|ttf|otf)$/,
+                use: ["file-loader"]
+            },
+            {
+                test: /(\.js)?\.rb$/,
+                use: [
+                    {
+                        loader: 'opal-webpack-loader', // opal-webpack-loader will compile and include ruby files in the pack
+                        options: { sourceMap: false, hmr: false }
+                    }
+                ]
+            }
+        ]
+    }
+};
+
+const browser_config = {
+    target: 'web',
+    entry: { application: [path.resolve(__dirname, '../isomorfeus/imports/application.js')] },
+    plugins: [
+        new CompressionPlugin({ test: /^((?!application_ssr).)*$/, cache: true }), // gzip compress, exclude application_ssr.js
+        new WebpackAssetsManifest({ publicPath: true, merge: true }) // generate manifest
+    ],
+    externals: { crypto: 'Crypto' }
+};
+
+const ssr_config = {
+    target: 'node',
+    entry: { application_ssr: [path.resolve(__dirname, '../isomorfeus/imports/application_ssr.js')] },
+    plugins: [
+        new WebpackAssetsManifest({ publicPath: true, merge: true }) // generate manifest
+    ]
+};
+
+//const web_worker_config = {
+//    target: 'webworker',
+//    entry: { web_worker: [path.resolve(__dirname, '../isomorfeus/imports/application_web_worker.js')] },
+//    plugins: [
+//        new CompressionPlugin({ test: /^((?!application_ssr).)*$/, cache: true }), // gzip compress, exclude application_ssr.js
+//        new WebpackAssetsManifest({ publicPath: true, merge: true }) // generate manifest
+//    ],
+//    externals: { crypto: 'Crypto' }
+//};
+
+const browser = Object.assign({}, common_config, browser_config);
+const ssr = Object.assign({}, common_config, ssr_config);
+// const web_worker = Object.assign({}, common_config, web_worker_config);
+
+module.exports = [ browser, ssr ];

data/lib/isomorfeus/installer/templates/spec_helper.rb.erb

@@ -0,0 +1,22 @@
+ENV['NODE_PATH'] = File.join(File.expand_path('..', __dir__), 'node_modules')
+ENV['RACK_ENV'] = 'test'
+require 'bundler/setup'
+require 'rspec'
+require 'rspec/expectations'
+require 'isomorfeus-puppetmaster'
+require_relative '../<%= app_require %>'
+
+Isomorfeus.zeitwerk.setup
+Isomorfeus.zeitwerk.eager_load
+
+ASSETS_COMPILED ||= system('yarn run production_build')
+
+Isomorfeus::Puppetmaster.download_path = File.join(Dir.pwd, 'download_path_tmp')
+Isomorfeus::Puppetmaster.driver = :chromium
+Isomorfeus::Puppetmaster.server = :<%= rack_server %>
+Isomorfeus::Puppetmaster.app = <%= app_class %>
+Isomorfeus::Puppetmaster.boot_app
+
+RSpec.configure do |config|
+  config.include Isomorfeus::Puppetmaster::DSL
+end

data/lib/isomorfeus/installer/templates/test_spec.rb.erb

@@ -0,0 +1,13 @@
+require 'spec_helper'
+
+RSpec.describe 'opal-webpack-loader compiled successfully' do
+  it 'and opal code can be executed in the browser' do
+    doc = visit('/')
+    expect(doc.evaluate_script('1 + 4')).to eq(5)
+    expect(doc.evaluate_script('typeof Opal')).to include('object')
+    result = doc.evaluate_ruby do
+      1 + 5
+    end
+    expect(result).to eq(6)
+  end
+end

data/lib/isomorfeus/installer/templates/welcome_component.rb.erb

@@ -0,0 +1,6 @@
+class WelcomeComponent < LucidComponent::Base
+  render do
+    DIV "Welcome!"
+    NavigationLinks()
+  end
+end