mp 0.1.2 → 0.1.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5129f3b2c3b3d69f8dfd2ccbf055ff7beeb95befb40fc92bbaede6f0e6aa90ed
-  data.tar.gz: bf6f1b7fc5b27dbf4c3358d71c5e7f78b9fd8dfb5356c42afe50746034b80227
+  metadata.gz: e0e1a8144762d89c2522e81fbb0b6e979802ea3989730337d45e49c31cbe6c2f
+  data.tar.gz: 86aced39b324abbbc2b7dcdb20d42b7dd8ede154055bfaec651997d93ba08f7b
 SHA512:
-  metadata.gz: 68d1748098ff537a0a9a0c868831f625c525b5a19b7bd1cef064716c25a12912fe3538c866281ac72fe0e006945e95a0bcdbaac11c67c3c04fc03c26492a0459
-  data.tar.gz: a54861155242c7e478cca020fabe42047cdef83087067b48b2af71e2599f38212894dd5ad42ab3aa27c341ce72bddffab399e25ca3feb0295664467b59ca70bd
+  metadata.gz: c9907e65113fe1743a3f09bee33ad883d3b01dafc792fa6b78971549d5a1323e75062f1e6c0ef59c9b4d767e5ebd63ece2859745c54fdb0a4e4449c86c48554e
+  data.tar.gz: 51943720c9294c0af440068ade78de35a1b95468b6fbcc944dbe3a1fa1d01c9933cec15228a8cd6892900561e0b4c2e7c0c54e3376f62c2a645c57f12d5c56ad

data/README.md

@@ -59,7 +59,7 @@ https://example.com
 ```
 ````
 
-本文には `http(s)` の URL か、デッキからの相対パス(`./page.html`)を書きます。`X-Frame-Options` などで埋め込みを拒否するサイトも表示できます。
+本文には `http(s)` の URL か、デッキからの相対パス(`./page.html`)を書きます。`X-Frame-Options` などで埋め込みを拒否するサイトも表示できます。JavaScript、WebAssembly、Web Worker を使うページも動きます。ディレクトリを指すときは `./app/` のように末尾に `/` を付けると `index.html` を開きます。
 
 | 属性 | 説明 |
 | --- | --- |
@@ -181,7 +181,7 @@ Ruby のローカルサーバ(puma)がスライドを配信し、Chrome をア
 - サーバは `127.0.0.1` のみで待ち受け、全パスにランダムトークンを要求する
 - WebSocket は Origin を検証する
 - CSP により、デッキ内の HTML に書いたスクリプトは実行されない
-- デッキ配下の HTML は sandbox で配信し、ターミナルへ接続できない
+- 埋め込むローカルページは別 origin(`localhost`)で配信し、ターミナルへ接続できない
 - コマンドは Enter を押すまで実行されない
 
 それでも、Enter を押せば書かれたコマンドは実行されます。**他人が作ったデッキは内容を確認してから発表してください。**
@@ -190,6 +190,7 @@ Ruby のローカルサーバ(puma)がスライドを配信し、Chrome をア
 
 ## 制限
 
+- `SharedArrayBuffer` が必要なページ(Cross-Origin Isolation が前提のもの)は動きません
 - 埋め込みページは iframe なので、サードパーティ Cookie の制限によりログイン状態を維持できないサイトがあります
 - `:smile:` 形式の絵文字ショートコードは未対応です(Unicode の絵文字は使えます)
 - 発表者ビューから入力できるのは `Enter` だけです。台本にないコマンドを打つときは、聴衆画面のターミナルをクリックしてください
@@ -200,9 +201,10 @@ Ruby のローカルサーバ(puma)がスライドを配信し、Chrome をア
 bundle exec rake test
 bundle exec ruby test/e2e.rb
 bundle exec ruby test/presenter_e2e.rb
+bundle exec ruby test/embed_e2e.rb
 ```
 
-`test/e2e.rb` と `test/presenter_e2e.rb` はヘッドレス Chrome で実際に動かして確認します。Web 埋め込みの確認にはネットワーク接続が必要です。
+`test/*_e2e.rb` と `test/e2e.rb` はヘッドレス Chrome で実際に動かして確認します。Web 埋め込みの確認にはネットワーク接続が必要です。
 
 `vendor/assets` には xterm.js と KaTeX を同梱しています。実行に Node.js は不要です。
 

data/lib/mp/frame_unblocker.rb

@@ -45,10 +45,13 @@ module Mp
     private
 
     # サイトをまたぐ iframe は別プロセスの子ターゲットになるので、そちらにも同じ設定をする
+    # Worker なども一時停止した状態で届く。Fetch を持たないので iframe だけを設定し、
+    # どのターゲットも必ず再開する(再開しないと Worker が止まったままになる)
     def prepare_child(params)
       session = params["sessionId"]
-      watch(session)
-      @cdp.call("Runtime.runIfWaitingForDebugger", {}, session_id: session)
+      watch(session) if params.dig("targetInfo", "type") == "iframe"
+    ensure
+      @cdp.cast("Runtime.runIfWaitingForDebugger", {}, session_id: session)
     end
 
     def watch(session)

data/lib/mp/server.rb

@@ -18,6 +18,7 @@ module Mp
   # ランダムトークンを要求し、WebSocket は Origin も検証する。
   class Server
     HOST = "127.0.0.1"
+    CONTENT_HOST = "localhost"
     PUBLIC_DIR = File.expand_path("../../public", __dir__)
     VENDOR_DIR = File.expand_path("../../vendor/assets", __dir__)
     THEME_DIR = File.expand_path("../../themes", __dir__)
@@ -51,6 +52,10 @@ module Mp
     end
 
     def origin = "http://#{HOST}:#{@port}"
+
+    # 埋め込むローカルページの配信元。アプリと別 origin にして、ページの JS が
+    # ターミナルの WebSocket やデッキの API へ触れないようにする
+    def content_origin = "http://#{CONTENT_HOST}:#{@port}"
     def boot_url = "#{origin}/#{@token}/_mp/boot"
     def app_url = "#{origin}/#{@token}/"
     def presenter_url = "#{origin}/#{@token}/presenter"
@@ -78,7 +83,10 @@ module Mp
       prefix = "/#{@token}/"
       return not_found unless path.start_with?(prefix)
 
-      route(path.delete_prefix(prefix), env)
+      relative = path.delete_prefix(prefix)
+      return embedded_page(relative) if env["HTTP_HOST"] == "#{CONTENT_HOST}:#{@port}"
+
+      route(relative, env)
     end
 
     private
@@ -108,7 +116,15 @@ module Mp
     end
 
     def deck_json
-      @deck.to_h.merge(themeCss: theme_css)
+      deck = @deck.to_h
+      embeds = deck[:embeds].transform_values { |embed| embed[:type] == "web" ? embed.merge(src: embed_url(embed[:src])) : embed }
+      deck.merge(embeds: embeds, themeCss: theme_css)
+    end
+
+    def embed_url(src)
+      return src if src.empty? || src.match?(%r{\Ahttps?://}i)
+
+      "#{content_origin}/#{@token}/#{src.sub(%r{\A(\./|/)+}, "")}"
     end
 
     def theme_css
@@ -136,18 +152,26 @@ module Mp
 
     # デッキのあるディレクトリのファイル(画像など)
     def deck_file(relative)
+      full = resolve_deck_path(relative)
+      full ? file(full, sandbox_headers(full)) : not_found
+    end
+
+    # 別 origin で配信するので sandbox は不要。wasm や ES モジュールを普通に読み込める
+    def embedded_page(relative)
+      full = resolve_deck_path(relative.empty? || relative.end_with?("/") ? "#{relative}index.html" : relative)
+      full ? file(full) : not_found
+    end
+
+    def resolve_deck_path(relative)
       relative = Rack::Utils.unescape_path(relative)
-      return not_found if relative.split("/").any? { _1.start_with?(".") }
+      return if relative.split("/").any? { _1.start_with?(".") }
 
       base = File.realpath(@deck.base_dir)
       full = File.expand_path(relative, base)
-      return not_found unless File.file?(full)
-      return not_found unless inside?(base, File.realpath(full))
-
-      file(full, sandbox_headers(full))
+      full if File.file?(full) && inside?(base, File.realpath(full))
     end
 
-    # デッキ配下の HTML はアプリと同一オリジンにせず、PTY の WebSocket へ触れないようにする
+    # アプリの origin で HTML が動くと PTY の WebSocket へ届くので、origin を持たせない
     def sandbox_headers(path)
       return {} unless SANDBOXED_TYPES.include?(mime(path))
 

data/lib/mp/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Mp
-  VERSION = "0.1.2"
+  VERSION = "0.1.3"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: mp
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.1.3
 platform: ruby
 authors:
 - takkanm