Merge pull request #19 from rokoucha/fix-local-file-path

ローカルファイルのパスをどの環境でも動くように組み立てる・ファイル名に # が入っていても壊れないようにする
ci7lus · Jan 15, 2023 · fe7b7fb · fe7b7fb
2 parents 42b4304 + 1e41d41
commit fe7b7fb
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/src/miraktest-local/components/FileSelector.tsx b/src/miraktest-local/components/FileSelector.tsx
@@ -122,11 +122,20 @@ export const FileSelector: React.VFC<{
                   if (dialog.canceled) {
                     return
                   }
-                  const path = dialog.filePaths.slice(0).shift()
+                  const path = dialog.filePaths.at(0)
                   if (!path) {
                     return
                   }
-                  setFilePath("file://" + path)
+                  // Windows なら file:///C:\path\to\file.m2ts、Linux / Mac なら file:///path/to/file.m2ts になるように加工する。パスの要素それぞれに対してパーセントエンコードをする
+                  const url =
+                    "file:///" +
+                    path
+                      .replaceAll(/\\/g, "/")
+                      .split("/")
+                      .filter((p) => p !== "")
+                      .map((p) => encodeURIComponent(p))
+                      .join("/")
+                  setFilePath(url)
                 }}
               >
                 <File className="pointer-events-none" size="1.75rem" />