fix(fusuma): fix publicPath for /

Author: hiroppy

packages/fusuma/src/configs/fusumarc.js

@@ -32,7 +32,7 @@ const config = {
   },
   build: {
     useCache: true,
-    publicPath: '',
+    publicPath: '/',
   },
 };
 

packages/fusuma/src/server/dynamicRenderingServer.js

@@ -22,7 +22,7 @@ async function dynamicRenderingServer(outputDirPath, publicPath, spinner, isThum
   });
   const page = await browser.newPage();
   const app = await fileServer(outputDirPath, publicPath, port);
-  const url = `http://localhost:${port}?sidebar=false&pagination=false&ssr=true`;
+  const url = `http://localhost:${port}/?sidebar=false&pagination=false&ssr=true`;
   const htmlPath = join(outputDirPath, 'index.html');
 
   // https://www.kapwing.com/resources/what-is-an-og-image-make-and-format-og-images-for-your-blog-or-webpage/
@@ -32,12 +32,15 @@ async function dynamicRenderingServer(outputDirPath, publicPath, spinner, isThum
   });
 
   page.on('request', (request) => {
-    const url = request.url();
+    const requestedUrl = request.url();
 
-    if (url.includes(`http://localhost:${port}${publicPath}`)) {
-      logs.network.push(url.split(`http://localhost:${port}${publicPath}`).pop());
+    if (requestedUrl === url) {
+      return;
+    }
+    if (requestedUrl.includes(`http://localhost:${port}${publicPath}`)) {
+      logs.network.push(requestedUrl.split(`http://localhost:${port}${publicPath}`).pop());
     } else {
-      logs.network.push(url);
+      logs.network.push(requestedUrl);
     }
   });
 

packages/playground/issues/publicPath/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "publicpath",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "fusuma build"
+  },
+  "author": "hiroppy <git@hiroppy.me> (https://hiroppy.me/)",
+  "license": "MIT"
+}

packages/playground/issues/publicPath/slides/0-slide.md

@@ -0,0 +1 @@
+# hello

scripts/build-samples.js

@@ -13,7 +13,7 @@ const dirs = getDirs(base);
   for (let i = 0; i < dirs.length; i++) {
     const name = dirs[i];
 
-    if (!['syntaxes'].includes(name)) {
+    if (!['syntaxes', 'issues'].includes(name)) {
       console.log('=================', name, '=================');
 
       execSync(`cd ${join(base, name)} && npm run build`, { stdio: 'inherit' });

scripts/deploy-samples.js

@@ -13,7 +13,7 @@ const getDirs = (p) => readdirSync(p).filter((f) => statSync(join(p, f)).isDirec
   for (let i = 0; i < dirs.length; i++) {
     const name = dirs[i];
 
-    if (!['syntaxes'].includes(name)) {
+    if (!['syntaxes', 'issues'].includes(name)) {
       await deploy(
         {
           internal: {