Js embed modern frameworks

.travis.yml

@@ -23,8 +23,7 @@ script:
 - bundle exec rake doctest
 - bundle exec rake examples:convert
 - npm install
-- bundle exec rake build:converter:opal
-- npm run build
+- bundle exec rake build:js
 - npm run examples
 - npm test
 

HACKING.adoc

@@ -211,8 +211,7 @@ Makes triaging easier.
 
 In order to test the Node package, you first need to build the converter into Javascript and create a tarball of the project.
 
-  $ bundle exec rake build:converter:opal
-  $ npm run build
+  $ bundle exec rake build:js
   $ npm pack
 
 That last command will produce a file named `asciidoctor-reveal.js-<version>.tgz` in the working directory.
@@ -232,11 +231,11 @@ Then proceed as documented in the `README.adoc`.
 
 === Upgrade Asciidoctor.js version
 
-WARNING: It is important to track `Asciidoctor.js` and `bestikk-opal-compiler` versions together.
-The `opal-compiler` used to compile our node package must match `asciidoctor.js` `opal-runtime`.
-The former is explicitly installed by users on install and the later is specified in our `package.json`.
+WARNING: It is important to track `Asciidoctor.js` and `opal` versions together.
+The `opal` used to compile our node package must match `asciidoctor.js`'s `opal` requirement.
+The former is specified in our `package.json` and the latter in the `asciidoctor-revealjs.gemspec`.
 When you update one remember to update the other.
-Versions known to work together can be found here, just replace <tag> with the `asciidoctor.js` release you are interested in: https://github.com/asciidoctor/asciidoctor.js/blob/<tag>/package.json
+Versions known to work together can be found by looking at the Asciidoctor.js release notes, just replace <tag> with the `asciidoctor.js` release you are interested in: https://github.com/asciidoctor/asciidoctor.js/releases/tag/<tag>.
 
 == RubyGem package
 
@@ -278,13 +277,13 @@ Then run:
  $ gem push asciidoctor-revealjs-X.Y.Z.gem
 
 . Check that the new version is available on https://rubygems.org/gems/asciidoctor-revealjs[rubygems.org]
-. Generate a compatible version of the Ruby converter (using opal mode)
+. Generate the javascript version of the Ruby converter
 +
- $ bundle exec rake build:converter:opal
+ $ bundle exec rake build:js
 
-. Build the node package (make sure you have `devDependencies` installed with: `npm install`):
+. Test the node package (make sure you have `devDependencies` installed with: `npm install`):
 +
- $ npm run build
+ $ npm run test
 
 . Publish the node package on npm:
 +

README.adoc

@@ -147,7 +147,8 @@ Here we are converting a file named `presentation.adoc` into a reveal.js present
 ----
 // Load asciidoctor.js and asciidoctor-reveal.js
 var asciidoctor = require('asciidoctor.js')();
-require('asciidoctor-reveal.js');
+var asciidoctorRevealjs = require('asciidoctor-reveal.js');
+asciidoctorRevealjs.register()
 
 // Convert the document 'presentation.adoc' using the reveal.js converter
 var attributes = {'revealjsdir': 'node_modules/reveal.js@'};

Rakefile

@@ -7,6 +7,8 @@ require 'thread_safe'
 require 'tilt'
 
 CONVERTER_FILE = 'lib/asciidoctor-revealjs/converter.rb'
+JS_FILE = 'build/asciidoctor-reveal.js'
+DIST_FILE = 'dist/main.js'
 TEMPLATES_DIR = 'templates'
 
 file CONVERTER_FILE => FileList["#{TEMPLATES_DIR}/*"] do
@@ -25,6 +27,26 @@ namespace :build do
   task 'converter:opal' => 'clean' do
     build_converter :opal
   end
+
+  desc "Transcompile to JavaScript and generate #{JS_FILE}"
+  task :js => 'converter:opal' do
+    require 'opal'
+
+    builder = Opal::Builder.new(compiler_options: {
+      dynamic_require_severity: :error,
+    })
+    builder.append_paths 'lib'
+    builder.build 'asciidoctor-revealjs'
+
+    mkdir_p [File.dirname(JS_FILE), File.dirname(DIST_FILE)]
+    File.open(JS_FILE, 'w') do |file|
+      template = File.read('src/asciidoctor-revealjs.tmpl.js')
+      file << template.sub('//OPAL-GENERATED-CODE//', builder.to_s)
+    end
+    File.binwrite "#{JS_FILE}.map", builder.source_map
+
+    cp JS_FILE, DIST_FILE, :verbose => true
+  end
 end
 
 task :build => 'build:converter'

asciidoctor-revealjs.gemspec

@@ -43,4 +43,5 @@ Gem::Specification.new do |s|
   s.add_development_dependency 'asciidoctor-templates-compiler', '~> 0.3.0'
   s.add_development_dependency 'slim', '~> 3.0.6'
   s.add_development_dependency 'slim-htag', '~> 0.1.0'
+  s.add_development_dependency 'opal', '~> 0.11.1'
 end

lib/asciidoctor-revealjs.rb

@@ -1,5 +1,6 @@
 if RUBY_ENGINE == 'opal'
   require 'asciidoctor-revealjs/converter'
+  require 'asciidoctor-revealjs/version'
 else
   require 'asciidoctor' unless defined? Asciidoctor::Converter
   require_relative 'asciidoctor-revealjs/converter'

npm/examples.js

@@ -8,7 +8,10 @@ log.task('examples');
 
 // Load asciidoctor.js and local asciidoctor-reveal.js
 const asciidoctor = require('asciidoctor.js')();
-require('../build/asciidoctor-reveal.js');
+const asciidoctorRevealjs = require('../build/asciidoctor-reveal.js');
+
+// Register the reveal.js converter
+asciidoctorRevealjs.register()
 
 // Convert *a* document using the reveal.js converter
 var attributes = {'revealjsdir': 'node_modules/reveal.js@'};