Merge pull request #16 from mayocream/feat_ipfs_path

feat: IPFS path compatibility

Author: mayocream

server/server.go

@@ -92,18 +92,26 @@ func gracefulShutdown(ctx context.Context, app *fiber.App) {
 }
 
 func (s *Server) registerRoutes(app *fiber.App) {
-	v0 := app.Group("/api/v0")
+	// API Usage
+    v0 := app.Group("/api/v0")
 	v0.Post("/upload", s.handleUpload)
     v0.Get("/gallery", s.handleGallery)
     v0.Get("/:cid/:file", s.handleCat)
+
+    // Terminal Upload
     v0.Post("/", s.handlePut)
     v0.Put("/:name", s.handlePut)
 
+    // Root shorter upload url. 
 	// app.Post("/", s.handlePut)
 	// app.Put("/:name", s.handlePut)
 
 	app.Get("/:cid/raw/:file", s.handleCat)
 
+    // IPFS paths
+    app.Get("/ipfs/:cid/:file", s.handleCat)
+
+    // Static files or frontend
     app.Static("/", "./dist")
     app.Get("/*", func(c *fiber.Ctx) error {
         return c.SendFile("./dist/index.html")

src/pages/View.tsx

@@ -19,14 +19,14 @@ interface ViewProps {
 }
 
 async function getMetadata(cid: string): Promise<CidResource> {
-  return await fetch(import.meta.env.VITE_API_URL + `/api/v0/${cid}/__metadata.json`).then((res) => {
+  return await fetch(import.meta.env.VITE_API_URL + `/ipfs/${cid}/__metadata.json`).then((res) => {
     console.log(res.json)
     return res.json() as Promise<CidResource>
   })
 }
 
 async function getFile(cid: string, filename: string): Promise<string> {
-  return await fetch(import.meta.env.VITE_API_URL + `/api/v0/${cid}/${filename}`).then((res) => {
+  return await fetch(import.meta.env.VITE_API_URL + `/ipfs/${cid}/${filename}`).then((res) => {
     console.log(res.text)
     return res.text()
   })
@@ -126,7 +126,7 @@ function View(props: RouteComponentProps<ViewProps>) {
             href={
               revealText !== ''
                 ? `data:text/plain;base64,${btoa(unescape(encodeURIComponent(revealText)))}`
-                : import.meta.env.VITE_API_URL + `/api/v0/${cid}/${metadata?.objects[0].name}`
+                : import.meta.env.VITE_API_URL + `/ipfs/${cid}/${metadata?.objects[0].name}`
             }
           >
             Raw