Feat: $relativity method now detects client-side IPFS prefix in URL // Feat: all JS assets are now forced to load -- no more async // Fix: updated deprecated hook // Feat: added support for parsing CSS url paths

Author: timelytree

index.js

@@ -56,13 +56,23 @@ const addHooks = (instance) => {
     staticAssetsOpts = generateOptions.staticAssets
   })
 
+  /*
+    Force the loading of all Javascript files
+  */
+
+  instance.nuxt.hook('render:resourcesLoaded', (resources) => {
+    resources.clientManifest.initial = resources.clientManifest.initial.concat(resources.clientManifest.async)
+    initialScripts = resources.clientManifest.initial
+    asyncScripts = resources.clientManifest.async
+  })
+
   /*
     This block gives us access to the generated javascript before it is
     serialized
   */
 
-  instance.nuxt.hook('render:routeContext', (ctx) => {
-    parsed = parseRoute(ctx.routePath)
+  instance.nuxt.hook('vue-renderer:ssr:context', (ctx) => {
+    parsed = parseRoute(ctx.nuxt.routePath)
     // Apply url replacements to generated javascript before it is serialized
     ctx.staticAssetsBase = `${parsed.replaceSrc}${staticAssetsOpts.dir}/${staticAssetsOpts.version}`
   })
@@ -74,7 +84,10 @@ const addHooks = (instance) => {
   instance.nuxt.hook('generate:page', (payload) => {
     parsed = parseRoute(payload.route)
     // Apply url replacements to generated HTML
-    payload.html = payload.html.replace(/\/_nuxt\//gi, parsed.replaceSrc).replace(/\/relativity\//gi, parsed.replaceStatic)
+    payload.html = payload.html
+      .replace(/"\/_nuxt\//gi, `"${parsed.replaceSrc}`)
+      .replace(/\(\/_nuxt\//gi, `(${parsed.replaceSrc}`)
+      .replace(/\/relativity\//gi, parsed.replaceStatic)
   })
 }
 

plugin.js

@@ -10,12 +10,20 @@ console.log(`🔌 [Module | NuxtModuleIpfs] Methods`)
 // -----------------------------------------------------------------------------
 // ------------------------------------------------------------------ relativity
 const Relativity = (path) => {
-  const append = path.charAt(0) === '/' ? path.slice(1) : path
   if (process.env.NODE_ENV !== 'development') {
-    if (typeof window !== 'undefined') { return path }
-    return `/relativity/${append}`
+    const append = path.charAt(0) === '/' ? path.slice(1) : path;
+    if (typeof window !== 'undefined') {
+      const ipfsPathRegExp = /^(\/(?:ipfs|ipns)\/[^/]+)/;
+      const ipfsPathPrefix = (window.location.pathname.match(ipfsPathRegExp) || [])[1] || '';
+      if (ipfsPathPrefix) {
+        return `${ipfsPathPrefix}${path}/`;
+      } else {
+        return path;
+      }
+    }
+    return `/relativity/${append}`;
   }
-  return path
+  return path;
 }
 
 // ///////////////////////////////////////////////////////////// Export & Inject