Merge branch 'main' into cass_uri_storage

momijizukamori · Dec 19, 2023 · fce9f94 · fce9f94
2 parents 11508d2 + 18723e8
commit fce9f94
Show file tree

Hide file tree

Showing 29 changed files with 1,591 additions and 42,222 deletions.
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
@@ -0,0 +1,51 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ['main']
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow one concurrent deployment
+concurrency:
+  group: 'pages'
+  cancel-in-progress: true
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Set up Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'npm'
+      - name: Install dependencies
+        run: npm install
+      - name: Build
+        run: npm run build
+      - name: Setup Pages
+        uses: actions/configure-pages@v3
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v2
+        with:
+          # Upload dist repository
+          path: './dist'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v2
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -0,0 +1,11 @@
+name: Run tests
+on: push
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: actions/checkout@v2
+    - name: Install modules
+      run: npm install
+    - name: Run tests
+      run: npm run test
diff --git a/README.md b/README.md
@@ -13,7 +13,7 @@ Snapshot of the size chart as of 2022-08-11
 ## Building
 ```
 npm install
-webpack build
+npm run dev
 ```
 And load `index.html` in any modern web browser.
 

diff --git a/babel.config.js b/babel.config.js
diff --git a/index.html b/index.html
@@ -10,7 +10,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="https://unpkg.com/balloon-css/balloon.min.css">
     <link rel="stylesheet" type="text/css" href="./styles.css">
-    <script type="text/javascript" src="./preload.js"></script>
+    <script type="module" src="/src/main.js"></script>
+    <meta charset="UTF-8">
 </head>
 
 <body>
@@ -40,32 +41,32 @@ <h2>Source Manipulation</h2>
 
                 <span class="row"><input type="radio" id="none" name="source_rotation" value="none" checked>
                     <label for="none">no modification</label>
-                    <details style="padding-left:40px;"><summary> Details</summary><IMG SRC="img/noRotationDiagram.png" width="100px"/></details>
+                    <details style="padding-left:40px;"><summary> Details</summary><IMG SRC="/img/noRotationDiagram.png" width="100px"/></details>
                 </span>
                 <span class="row"><input type="radio" id="90cw" name="source_rotation" value="90cw">
                     <label for="90cw">rotate all pages 90° clockwise</label>
-                    <details style="padding-left:40px;"><summary> Details</summary><IMG SRC="img/90cwDiagram.png" width="100px"/></details>
+                    <details style="padding-left:40px;"><summary> Details</summary><IMG SRC="/img/90cwDiagram.png" width="100px"/></details>
                 </span>
 
                 <span class="row"><input type="radio" id="90ccw" name="source_rotation" value="90ccw">
                     <label for="90ccw">rotate all pages 90° counter clockwise (anti clockwise)</label>
-                    <details style="padding-left:40px;"><summary> Details</summary><IMG SRC="img/90ccwDiagram.png" width="100px"/></details>
+                    <details style="padding-left:40px;"><summary> Details</summary><IMG SRC="/img/90ccwDiagram.png" width="100px"/></details>
                 </span>
                 <span class="row"><input type="radio" id="out_binding" name="source_rotation" value="out_binding">
                     <label for="out_binding">Out binding </label>
                        <details style="padding-left:40px;">
                      <summary> Details</summary> 
                      For books with the bound edge at the bottom of the page -- rotate all odd pages 90° clockwise, all even pages 90° anti-clockwise
                      <BR/>
-                     <IMG SRC="img/bottomBindingDiagram.png" width="100px"/>
+                     <IMG SRC="/img/bottomBindingDiagram.png" width="100px"/>
                     </details>
                 </span>
                 <span class="row"><input type="radio" id="in_binding" name="source_rotation" value="in_binding">
                     <label for="in_binding">In Binding</label>
                         <details style="padding-left:40px;">
                      <summary> Details</summary> 
                      For books with the bound edge at the top of the page -- rotate all odd pages 90° anti-clockwise, all even pages 90° clockwise <BR>
-                     <IMG SRC="img/topBindingDiagram.png" width="100px">
+                     <IMG SRC="/img/topBindingDiagram.png" width="100px">
                      </details>
                  </span>
             </div>
@@ -111,7 +112,7 @@ <h2>Printer</h2>
                     <span data-balloon-length="medium" aria-label="This puts your paper in 'landscape' -- layout still happens the same, but the porportions of things will be different" data-balloon-pos="up">ℹ️</span>
                 </span>
 
-                <span class="row"> <label>Alternate Page Rotation (AKA Flip on Long Side)<input type="checkbox" name="rotate_page"></label> <span id="folio_warning"><b>NOTE:</b> Not currently working for folios, sorry! Use the <a href="old/">old version</a> for now.</a></span></span>
+                <span class="row"> <label>Alternate Page Rotation (AKA Flip on Long Side)<input type="checkbox" name="rotate_page"></label> <span id="folio_warning"><b>NOTE:</b> Not currently working for folios, sorry! Use the <a href="old/">old version</a> for now.</span></span>
 
 
             </div>
@@ -170,10 +171,10 @@ <h2>Page Layout</h2>
                         White Space Manipulation. All values are in points, relative to original document.<BR><BR>1 point = 1/72 inch
                     </div>
                     <div class="layout_margin_user_input">
-                        Fore-Edge Margin: <input type="number" id="main_fore_edge_padding_pt" name="main_fore_edge_padding_pt" class="layout_margin_user_input_field"><sub>pt</sub></BR>
-                        Binding Margin: <input type="number" id="binding_edge_padding_pt" name="binding_edge_padding_pt" class="layout_margin_user_input_field"><sub>pt</sub></BR>
-                        Top Margin: <input type="number" id="top_edge_padding_pt" name="top_edge_padding_pt"  class="layout_margin_user_input_field"><sub>pt</sub></BR>
-                        Bottom Margin: <input type="number" id="bottom_edge_padding_pt" name="bottom_edge_padding_pt"  class="layout_margin_user_input_field"><sub>pt</sub></BR>
+                        Fore-Edge Margin: <input type="number" id="main_fore_edge_padding_pt" name="main_fore_edge_padding_pt" class="layout_margin_user_input_field"><sub>pt</sub><BR>
+                        Binding Margin: <input type="number" id="binding_edge_padding_pt" name="binding_edge_padding_pt" class="layout_margin_user_input_field"><sub>pt</sub><BR>
+                        Top Margin: <input type="number" id="top_edge_padding_pt" name="top_edge_padding_pt"  class="layout_margin_user_input_field"><sub>pt</sub><BR>
+                        Bottom Margin: <input type="number" id="bottom_edge_padding_pt" name="bottom_edge_padding_pt"  class="layout_margin_user_input_field"><sub>pt</sub><BR>
                     </div>
                 </span>
 
@@ -230,8 +231,8 @@ <h2>Signature Format</h2>
                 <span class="row"> <input type="radio" id="perfect" name="sig_format" value="perfect">
                     <label for="perfect">Perfectbound</label></span>
                 <span class="row"> <input type="radio" id="standardsig" name="sig_format" value="standardsig" checked>
-                    <label for="standardsig">Standard signatures</label> - length </label><input type="number" value="8"
-                        name="sig_length"></label> 
+                    <label for="standardsig">Standard signatures</label> - length<input type="number" value="8"
+                        name="sig_length">
                         <span data-balloon-length="medium" aria-label="Number of sheets per signature" data-balloon-pos="up">ℹ️</span></span>
                 <span class="row"> <input type="radio" id="customsig" name="sig_format" value="customsig">
                     <label for="customsig">Custom signatures</label> <input type="text" name="custom_sig">
@@ -275,7 +276,7 @@ <h3>Wacky Small Layouts</h3>
                     <details>
                         <summary>Instructions</summary>
                         <p>
-                        <center><img src="img/2_sig_4x4_diagram.png" style='height: 100%; width: 100%; object-fit: contain'></center>
+                        <center><img src="/img/2_sig_4x4_diagram.png" style='height: 100%; width: 100%; object-fit: contain'></center>
                         Cut the vertical center line. You can also cut the horizontal lines if you like, or just fold it up as detailed above.
                         </p>
                     </details>
@@ -315,7 +316,7 @@ <h3>Wacky Small Layouts</h3>
                     <details>
                         <summary>Instructions</summary>
                         <p>
-                        <center><img src="img/3_3_4_diagram.png" style='height: 100%; width: 100%; object-fit: contain'></center>
+                        <center><img src="/img/3_3_4_diagram.png" style='height: 100%; width: 100%; object-fit: contain'></center>
                         Cut along the cut lines. Fold up the 3 folio signatures, then the 4 folio.
                         </p>
                     </details></span>
@@ -346,7 +347,7 @@ <h3>Wacky Small Layouts</h3>
                         <br>
                         Thankfully most small layouts fit on one page-- easy enough to do a test print and make sure you're duplexing correctly (if that's your route)
                         </p><p>
-                        <center><img src="img/6_10s_diagram.png" style='height: 100%; width: 100%; object-fit: contain'></center>
+                        <center><img src="/img/6_10s_diagram.png" style='height: 100%; width: 100%; object-fit: contain'></center>
                         Cut out the rows. Fold up the folios like a big zig-zag (two per face). Then fold the first 2 folios into a signature and the last 3 folios into a signature. I often cut them apart only when I'm stitching things together.
                         </p><p>
                         Note that when folding, it's important for the <b>center of the folios to line up</b>. That's what I measure against (less so fretting about folding exactly at the edge). Remember! Printer skew is a real thing!

diff --git a/jest.config.js b/jest.config.js
diff --git a/preload.js.LICENSE.txt → main.js.LICENSE.txt b/preload.js.LICENSE.txt → main.js.LICENSE.txt