ligarb 0.8.2 → 0.9.1

data/templates/book.html.erb

@@ -4,6 +4,22 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title><%= h(title) %></title>
+<meta property="og:type" content="book">
+<meta property="og:title" content="<%= h(title) %>">
+<meta property="og:site_name" content="<%= h(title) %>">
+<meta property="og:locale" content="<%= h(og_locale) %>">
+<%- if og_url -%>
+<meta property="og:url" content="<%= h(og_url) %>">
+<link rel="canonical" href="<%= h(og_url) %>">
+<%- end -%>
+<%- if og_description && !og_description.empty? -%>
+<meta name="description" content="<%= h(og_description) %>">
+<meta property="og:description" content="<%= h(og_description) %>">
+<%- end -%>
+<meta name="twitter:card" content="summary">
+<%- if author && !author.to_s.empty? -%>
+<meta property="book:author" content="<%= h(author) %>">
+<%- end -%>
 <%- if ai_generated -%>
 <meta name="robots" content="noindex, nofollow, noarchive">
 <meta name="robots" content="noai, noimageai">
@@ -50,7 +66,10 @@
       <h1 class="book-title"><%= h(title) %></h1>
       <%- end -%>
 <%- end -%>
+      <div class="sidebar-header-actions">
       <button class="theme-toggle" id="theme-toggle" aria-label="Toggle dark mode" title="Toggle dark mode">&#9790;</button>
+      <button class="sidebar-collapse" id="sidebar-collapse" aria-label="Collapse sidebar" title="Collapse sidebar">&#171;</button>
+      </div>
     </div>
 <%- if multilang -%>
   <%- langs.each do |ld| -%>
@@ -256,7 +275,7 @@
 <%- if multilang -%>
   <%- langs.each do |ld| -%>
   <%- ld[:chapters].select(&:cover?).each do |chapter| -%>
-  <section class="chapter cover-page" id="chapter-<%= chapter.slug %>" data-lang="<%= ld[:lang] %>" style="display: none;">
+  <section class="chapter cover-page" id="chapter-<%= chapter.slug %>" data-lang="<%= ld[:lang] %>"<%= src_attrs(chapter, feedback) %> style="display: none;">
     <%= chapter.html %>
   </section>
   <%- end -%>
@@ -373,7 +392,7 @@
   <%- end -%>
 <%- else -%>
   <%- chapters.select(&:cover?).each do |chapter| -%>
-  <section class="chapter cover-page" id="chapter-<%= chapter.slug %>" style="display: none;">
+  <section class="chapter cover-page" id="chapter-<%= chapter.slug %>"<%= src_attrs(chapter, feedback) %> style="display: none;">
     <%= chapter.html %>
   </section>
   <%- end -%>
@@ -1041,18 +1060,44 @@
     }
   }
 
-  // Sidebar toggle for mobile
+  // Sidebar show/hide. Two behaviors share one breakpoint (kept in sync with
+  // the 900px media query in style.css):
+  //   - narrow (iPad portrait, phones): the sidebar is off-canvas; the floating
+  //     toggle slides it in/out as an overlay.
+  //   - wide (desktop): the sidebar is fixed; the in-header « button collapses
+  //     it so the content reclaims full width. The collapsed state persists.
   var toggle = document.getElementById('sidebar-toggle');
+  var collapseBtn = document.getElementById('sidebar-collapse');
   var sidebar = document.getElementById('sidebar');
+  var narrow = window.matchMedia('(max-width: 900px)');
+
+  function setCollapsed(state) {
+    document.body.classList.toggle('sidebar-collapsed', state);
+    localStorage.setItem('ligarb-sidebar-collapsed', state ? '1' : '0');
+  }
+
+  if (localStorage.getItem('ligarb-sidebar-collapsed') === '1') {
+    document.body.classList.add('sidebar-collapsed');
+  }
+
   toggle.addEventListener('click', function() {
-    sidebar.classList.toggle('open');
+    if (narrow.matches) {
+      sidebar.classList.toggle('open');   // off-canvas overlay
+    } else {
+      setCollapsed(false);                // wide: the floating toggle only
+                                          // shows when collapsed, so reopen
+    }
+  });
+
+  collapseBtn.addEventListener('click', function() {
+    setCollapsed(true);
   });
 
-  // Close sidebar when clicking a link on mobile
+  // Close the off-canvas sidebar after tapping a link (narrow only)
   var tocLinks = document.querySelectorAll('.toc a');
   tocLinks.forEach(function(link) {
     link.addEventListener('click', function() {
-      if (window.innerWidth <= 768) {
+      if (narrow.matches) {
         sidebar.classList.remove('open');
       }
     });

data/templates/github_review/.github/workflows/deploy-book.yml

@@ -1,7 +1,8 @@
 name: Build and deploy book
 
 # master に push すると ligarb で本をビルドし、GitHub Pages に公開する。
-# 事前設定: リポジトリ Settings > Pages > Source を "GitHub Actions" にしておくこと。
+# Pages は configure-pages の enablement: true で自動有効化されるため事前設定は不要。
+# 手動で設定する場合は Settings > Pages > Source を "GitHub Actions" にする。
 
 on:
   push:
@@ -31,6 +32,9 @@ jobs:
       - name: Build book
         run: ligarb build   # build/index.html を生成
       - uses: actions/configure-pages@v5
+        with:
+          # Pages が未設定でもワークフロー側で有効化する（初回 push のレースを防ぐ）。
+          enablement: true
       - uses: actions/upload-pages-artifact@v3
         with:
           path: build

data/templates/github_review/SETUP.md

@@ -108,7 +108,9 @@ gh を使わない場合や、設定の意味を確認したいときの参照
 
 ### GitHub Pages（手順 C-4 の代替）
 
-- Settings > Pages > Source を **"GitHub Actions"** にする。
+- 基本的には設定不要。`deploy-book.yml` が初回実行時に Pages を自動で有効化する
+  （`configure-pages` の `enablement: true`）。
+- 手動で設定する場合は Settings > Pages > Source を **"GitHub Actions"** にする。
 
 ### Actions の権限（手順 C-5 の代替）
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ligarb
 version: !ruby/object:Gem::Version
-  version: 0.8.2
+  version: 0.9.1
 platform: ruby
 authors:
 - ligarb contributors
@@ -65,6 +65,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '1.1'
+- !ruby/object:Gem::Dependency
+  name: base64
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0.1'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0.1'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -102,10 +116,12 @@ extra_rdoc_files: []
 files:
 - assets/feedback.css
 - assets/feedback.js
+- assets/mermaid_check.mjs
 - assets/review.css
 - assets/review.js
 - assets/serve.js
 - assets/style.css
+- docs/help.md
 - exe/ligarb
 - lib/ligarb/asset_manager.rb
 - lib/ligarb/builder.rb
@@ -116,6 +132,7 @@ files:
 - lib/ligarb/github_review.rb
 - lib/ligarb/initializer.rb
 - lib/ligarb/inotify.rb
+- lib/ligarb/mermaid_checker.rb
 - lib/ligarb/review_store.rb
 - lib/ligarb/server.rb
 - lib/ligarb/template.rb