wani 0.1.8 → 0.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e9338fdd8ed02941cd6d07cc6476b48cc2654be6206c7cb2ff45cb19373ded1c
-  data.tar.gz: 2ad82dddc2290379193f50caa0c9fdcfc1ffe78318eae2cfe7bc60ab999967ee
+  metadata.gz: f85a23004f1df4d2bbbbc63f5f0b1390fc23476719bdf53af05d493a2c2cbc2d
+  data.tar.gz: dc2c7fbeed8adceb6c10ce6efb0f8c3bc418625e82878845426c203a20a8bfd6
 SHA512:
-  metadata.gz: d92b2366d09835d908a122dbd85163548dbdcaafc0979eae8cd37e63763635faef4b3e4d93cd9c742d46a328217b259e547b54191fd2e843f8228a10161f4985
-  data.tar.gz: 112acd0ee5f293e4702abafc878dcdba4a4722508701260e5f9f92ea0ca276a7c9e872ef648a50271ed8cb372ae2dc0e3394002325fa76153347c37cc5f9b940
+  metadata.gz: b75c77c939e09c3e195a63b119f4e6e5c8557bcb5f120edf5496a00a2ee20da64b70cae8b18d8a87a98dd0e70299fe1e9881ebbfbdbdf6f94e2995725b531a56
+  data.tar.gz: e207c8c3ae8ceb6906702ce73a2dbca34005b09c7a2a80b178cf1f9c832f4abeb75fcb48844e31e46738cb128bc03eaa5431c3ebc0ac41683bacda36a9075f01

data/README.md

@@ -25,7 +25,7 @@ npm ci
 bundle exec rake build:wasm
 
 gem build wani.gemspec
-gem install ./wani-0.1.8.gem
+gem install ./wani-0.1.10.gem
 
 wani new my-talk
 cd my-talk
@@ -111,6 +111,8 @@ notes:
 
 スライドは1920×1080、16:9、白背景です。タイトル・本文・脚注を分け、画面に合わせて全体を拡大縮小します。
 画像とフォントを読み込み、幅と高さに合わせて文字サイズを自動調整します。
+タイトルは1行に収めます。本文の段落・見出し・箇条書きは、使用フォントの全角20文字（「あ」20個）相当の幅以下なら折り返さず、それを超える場合は自然に折り返します。
+明示的な改行は維持し、改行ごとに幅を判定します。文字サイズは本文全体で共通です。
 画像は比率を維持して縦に配置し、画像だけの場合は本文領域を広く使います。
 収まらない内容は分割・スクロールせず、番号と内容を含む警告を表示します。
 画像の読み込みを最大15秒待ち、失敗やタイムアウトを通知します。

data/assets/build.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.1.8",
-  "source_sha256": "a062de0d12ccc06d3cfc1c4adf571fc247b9c2c77de149679e2a0b9d8cc47f7c",
+  "version": "0.1.10",
+  "source_sha256": "b66ef1d534e169a73a33bf97aacbb95049b982a006fc6487baf5969a897b6dc9",
   "loader_commit": "dc6b0ffd5800ed9bfc49268ed8021d456f10ddf8",
-  "wasm_sha256": "bfb964e6d30c8045bcf2e742dde56f046b1968f9465457130c008e9cdb037600"
+  "wasm_sha256": "0b632b9dc039dfa2e6a76f5ab54938788a334ffe24aaeb07570f0e23f0ac2215"
 }

data/assets/style.css

@@ -52,6 +52,7 @@ button:focus-visible, a:focus-visible { outline: 2px solid #557e64; outline-offs
 .bridge-wani { display: block; width: 100%; height: 44px; object-fit: contain; }
 .rabbit-position { position: absolute; bottom: 30px; width: 84px; height: 40px; left: calc((100% - 84px) * var(--rabbit-progress)); }
 .rabbit-image { display: block; width: 84px; height: 40px; }
+.decorations[data-direction="left"] .rabbit-image { scale: -1 1; }
 .slide.active .bridge-segment[data-appearing="true"] { animation: wani-arrive .35s ease-out; }
 .slide.active .decorations[data-moving="true"] .rabbit-position { animation: rabbit-advance .45s ease-in-out; }
 .slide.active .decorations[data-moving="true"] .rabbit-image { animation: rabbit-hop .45s ease-in-out; }

data/assets/wani.wasm

@@ -1,4 +1,4 @@
 [diffend] Oversized file quarantined before diffing.
 name: data/assets/wani.wasm
-size: 35166158 bytes
-sha256: bfb964e6d30c8045bcf2e742dde56f046b1968f9465457130c008e9cdb037600
+size: 35167886 bytes
+sha256: 0b632b9dc039dfa2e6a76f5ab54938788a334ffe24aaeb07570f0e23f0ac2215

data/lib/wani/browser/layout.rb

@@ -7,6 +7,7 @@ module Wani
       BODY_MAX = 160
       TITLE_MIN = 24
       TITLE_MAX = 220
+      NO_WRAP_EMS = 20
 
       def initialize(document, &warn)
         @document, @warn = document, warn
@@ -55,6 +56,7 @@ module Wani
           @warn.call("スライド #{number}: タイトルが収まりません: #{title[:textContent]}") unless fits?(title)
         end
         body = section.querySelector(".body")
+        prepare_wrapping(body)
         fit_images(body)
         fit_font(body, BODY_MIN, BODY_MAX)
         @warn.call("スライド #{number}: 本文が収まりません: #{body[:textContent].to_s[0, 120]}") unless fits?(body)
@@ -72,6 +74,41 @@ module Wani
 
       private
 
+      def prepare_wrapping(body)
+        # Rebuild the wrappers when a slide is fitted again (for example after
+        # editing). Ranges preserve links, emphasis and explicit line breaks.
+        body.querySelectorAll("[data-wani-line]").to_a.each do |line|
+          line.replaceWith(*line[:childNodes].to_a)
+        end
+        body[:style][:fontSize] = "#{BODY_MIN}px"
+        body.querySelectorAll("p, h1, h2, h3, h4, h5, h6, li").to_a.each do |block|
+          next unless block.querySelector("p, ul, ol") == JS::Null
+          breaks = block.querySelectorAll("br").to_a
+          # Work backwards so extracting a range does not invalidate the next.
+          (0..breaks.length).to_a.reverse_each do |index|
+            range = @document.createRange
+            range.selectNodeContents(block)
+            range.setStartAfter(breaks[index - 1]) if index.positive?
+            range.setEndBefore(breaks[index]) if index < breaks.length
+            line = @document.createElement("span")
+            line.setAttribute("data-wani-line", "")
+            line[:style][:whiteSpace] = "nowrap"
+            line.appendChild(range.extractContents)
+            range.insertNode(line)
+
+            reference = @document.createElement("span")
+            reference[:textContent] = "あ" * NO_WRAP_EMS
+            reference[:style][:position] = "absolute"
+            reference[:style][:whiteSpace] = "nowrap"
+            block.appendChild(reference)
+            if line.getBoundingClientRect[:width].to_f > reference.getBoundingClientRect[:width].to_f + 0.01
+              line[:style][:whiteSpace] = "normal"
+            end
+            reference.remove
+          end
+        end
+      end
+
       def fits?(node)
         node[:scrollWidth].to_i <= node[:clientWidth].to_i + 1 && node[:scrollHeight].to_i <= node[:clientHeight].to_i + 1
       end

data/lib/wani/browser/renderer.rb

@@ -53,6 +53,7 @@ module Wani
         current = BridgeProgress.new(scene.getAttribute("data-slide").to_s.to_i, @presentation.slides.length)
         scene[:style].setProperty("--rabbit-from", previous.rabbit_fraction.to_s)
         scene.setAttribute("data-moving", (previous.rabbit_fraction != current.rabbit_fraction).to_s)
+        scene.setAttribute("data-direction", current.rabbit_fraction < previous.rabbit_fraction ? "left" : "right")
         scene.querySelectorAll(".bridge-segment").to_a.each_with_index do |segment, index|
           appearing = index >= BridgeProgress::SEGMENTS - current.sharks && index < BridgeProgress::SEGMENTS - previous.sharks
           segment.setAttribute("data-appearing", appearing.to_s)

data/lib/wani/version.rb

@@ -1,3 +1,3 @@
 module Wani
-  VERSION = "0.1.8"
+  VERSION = "0.1.10"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: wani
 version: !ruby/object:Gem::Version
-  version: 0.1.8
+  version: 0.1.10
 platform: ruby
 authors:
 - ledsun
@@ -153,7 +153,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.23
+rubygems_version: 4.0.20
 specification_version: 4
 summary: Markdown presentations rendered by Ruby in the browser
 test_files: []