@djangocfg/nextjs 2.1.30 → 2.1.31

package/dist/config/index.mjs

@@ -14,7 +14,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "@djangocfg/nextjs",
-      version: "2.1.30",
+      version: "2.1.31",
       description: "Next.js server utilities: sitemap, health, OG images, contact forms, navigation, config",
       keywords: [
         "nextjs",
@@ -115,6 +115,13 @@ var require_package = __commonJS({
       peerDependencies: {
         next: "^15.5.9"
       },
+      dependencies: {
+        "@ducanh2912/next-pwa": "^5.6.0",
+        chalk: "^5.3.0",
+        conf: "^15.0.2",
+        consola: "^3.4.2",
+        semver: "^7.7.3"
+      },
       devDependencies: {
         "@djangocfg/imgai": "workspace:*",
         "@djangocfg/layouts": "workspace:*",
@@ -136,12 +143,6 @@ var require_package = __commonJS({
       },
       publishConfig: {
         access: "public"
-      },
-      dependencies: {
-        chalk: "^5.3.0",
-        conf: "^15.0.2",
-        consola: "^3.4.2",
-        semver: "^7.7.3"
       }
     };
   }
@@ -1171,6 +1172,278 @@ function isCompressionAvailable() {
   return isPackageInstalled("compression-webpack-plugin");
 }
 
+// src/config/plugins/pwa.ts
+import { consola as consola4 } from "consola";
+function isPWAAvailable() {
+  try {
+    __require.resolve("@ducanh2912/next-pwa");
+    return true;
+  } catch {
+    try {
+      __require.resolve("next-pwa");
+      consola4.warn(
+        "Found legacy next-pwa. Please use @ducanh2912/next-pwa for Next.js 13+ support.\nRun: pnpm remove next-pwa && pnpm add @ducanh2912/next-pwa"
+      );
+      return true;
+    } catch {
+      return false;
+    }
+  }
+}
+function withPWA(nextConfig, options = {}) {
+  if (!isPWAAvailable()) {
+    consola4.error(
+      "@ducanh2912/next-pwa is missing!\nThis is unexpected as it should be installed automatically.\nTry: pnpm install --force\nPWA features will be disabled."
+    );
+    return nextConfig;
+  }
+  const isDev2 = process.env.NODE_ENV === "development";
+  const defaultOptions = {
+    dest: "public",
+    disable: options.disable !== void 0 ? options.disable : isDev2,
+    register: true,
+    skipWaiting: true,
+    clientsClaim: true,
+    cleanupOutdatedCaches: true,
+    publicExcludes: ["!noprecache/**/*"],
+    buildExcludes: [/middleware-manifest\.json$/, /build-manifest\.json$/],
+    cacheStartUrl: true,
+    dynamicStartUrl: true,
+    reloadOnOnline: true,
+    ...options
+  };
+  try {
+    const withPWAImport = __require("@ducanh2912/next-pwa").default;
+    return withPWAImport(defaultOptions)(nextConfig);
+  } catch {
+    try {
+      const withPWAImport = __require("next-pwa");
+      consola4.warn("Using legacy next-pwa. Upgrade to @ducanh2912/next-pwa for Next.js 13+ support");
+      return withPWAImport(defaultOptions)(nextConfig);
+    } catch (error) {
+      consola4.error("Failed to load next-pwa:", error);
+      return nextConfig;
+    }
+  }
+}
+var defaultRuntimeCaching = [
+  {
+    urlPattern: /^https:\/\/fonts\.(?:gstatic)\.com\/.*/i,
+    handler: "CacheFirst",
+    options: {
+      cacheName: "google-fonts-webfonts",
+      expiration: {
+        maxEntries: 4,
+        maxAgeSeconds: 365 * 24 * 60 * 60
+        // 1 year
+      }
+    }
+  },
+  {
+    urlPattern: /^https:\/\/fonts\.(?:googleapis)\.com\/.*/i,
+    handler: "StaleWhileRevalidate",
+    options: {
+      cacheName: "google-fonts-stylesheets",
+      expiration: {
+        maxEntries: 4,
+        maxAgeSeconds: 7 * 24 * 60 * 60
+        // 1 week
+      }
+    }
+  },
+  {
+    urlPattern: /\.(?:eot|otf|ttc|ttf|woff|woff2|font.css)$/i,
+    handler: "StaleWhileRevalidate",
+    options: {
+      cacheName: "static-font-assets",
+      expiration: {
+        maxEntries: 4,
+        maxAgeSeconds: 7 * 24 * 60 * 60
+        // 1 week
+      }
+    }
+  },
+  {
+    urlPattern: /\.(?:jpg|jpeg|gif|png|svg|ico|webp)$/i,
+    handler: "StaleWhileRevalidate",
+    options: {
+      cacheName: "static-image-assets",
+      expiration: {
+        maxEntries: 64,
+        maxAgeSeconds: 24 * 60 * 60
+        // 24 hours
+      }
+    }
+  },
+  {
+    urlPattern: /\/_next\/image\?url=.+$/i,
+    handler: "StaleWhileRevalidate",
+    options: {
+      cacheName: "next-image",
+      expiration: {
+        maxEntries: 64,
+        maxAgeSeconds: 24 * 60 * 60
+        // 24 hours
+      }
+    }
+  },
+  {
+    urlPattern: /\.(?:mp3|wav|ogg)$/i,
+    handler: "CacheFirst",
+    options: {
+      rangeRequests: true,
+      cacheName: "static-audio-assets",
+      expiration: {
+        maxEntries: 32,
+        maxAgeSeconds: 24 * 60 * 60
+        // 24 hours
+      }
+    }
+  },
+  {
+    urlPattern: /\.(?:mp4)$/i,
+    handler: "CacheFirst",
+    options: {
+      rangeRequests: true,
+      cacheName: "static-video-assets",
+      expiration: {
+        maxEntries: 32,
+        maxAgeSeconds: 24 * 60 * 60
+        // 24 hours
+      }
+    }
+  },
+  {
+    urlPattern: /\.(?:js)$/i,
+    handler: "StaleWhileRevalidate",
+    options: {
+      cacheName: "static-js-assets",
+      expiration: {
+        maxEntries: 32,
+        maxAgeSeconds: 24 * 60 * 60
+        // 24 hours
+      }
+    }
+  },
+  {
+    urlPattern: /\.(?:css|less)$/i,
+    handler: "StaleWhileRevalidate",
+    options: {
+      cacheName: "static-style-assets",
+      expiration: {
+        maxEntries: 32,
+        maxAgeSeconds: 24 * 60 * 60
+        // 24 hours
+      }
+    }
+  },
+  {
+    urlPattern: /\/_next\/data\/.+\/.+\.json$/i,
+    handler: "StaleWhileRevalidate",
+    options: {
+      cacheName: "next-data",
+      expiration: {
+        maxEntries: 32,
+        maxAgeSeconds: 24 * 60 * 60
+        // 24 hours
+      }
+    }
+  },
+  {
+    urlPattern: /\.(?:json|xml|csv)$/i,
+    handler: "NetworkFirst",
+    options: {
+      cacheName: "static-data-assets",
+      expiration: {
+        maxEntries: 32,
+        maxAgeSeconds: 24 * 60 * 60
+        // 24 hours
+      }
+    }
+  },
+  {
+    urlPattern: ({ url }) => {
+      const isSameOrigin = self.origin === url.origin;
+      if (!isSameOrigin) return false;
+      const pathname = url.pathname;
+      if (pathname.startsWith("/api/")) return false;
+      return true;
+    },
+    handler: "NetworkFirst",
+    options: {
+      cacheName: "pages",
+      expiration: {
+        maxEntries: 32,
+        maxAgeSeconds: 24 * 60 * 60
+        // 24 hours
+      }
+    }
+  }
+];
+function createApiCacheRule(apiUrl, options = {}) {
+  const {
+    strategy = "NetworkFirst",
+    maxAge = 300,
+    maxEntries = 50,
+    cacheName = "api-cache"
+  } = options;
+  return {
+    urlPattern: new RegExp(`^${apiUrl.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}/.*`, "i"),
+    handler: strategy,
+    options: {
+      cacheName,
+      expiration: {
+        maxEntries,
+        maxAgeSeconds: maxAge
+      },
+      networkTimeoutSeconds: 10
+    }
+  };
+}
+function createStaticAssetRule(extensions, options = {}) {
+  const {
+    strategy = "CacheFirst",
+    maxAge = 86400,
+    maxEntries = 64,
+    cacheName = "static-assets"
+  } = options;
+  const pattern = extensions.map((ext) => ext.replace(".", "")).join("|");
+  return {
+    urlPattern: new RegExp(`\\.(?:${pattern})$`, "i"),
+    handler: strategy,
+    options: {
+      cacheName,
+      expiration: {
+        maxEntries,
+        maxAgeSeconds: maxAge
+      }
+    }
+  };
+}
+function createCdnCacheRule(cdnUrl, options = {}) {
+  const {
+    strategy = "CacheFirst",
+    maxAge = 2592e3,
+    // 30 days
+    maxEntries = 100,
+    cacheName = "cdn-cache"
+  } = options;
+  return {
+    urlPattern: new RegExp(`^${cdnUrl.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}/.*`, "i"),
+    handler: strategy,
+    options: {
+      cacheName,
+      expiration: {
+        maxEntries,
+        maxAgeSeconds: maxAge
+      },
+      cacheableResponse: {
+        statuses: [0, 200]
+      }
+    }
+  };
+}
+
 // src/config/createNextConfig.ts
 function createBaseNextConfig(options = {}) {
   const basePath = getBasePath(options.isDefaultCfgAdmin);
@@ -1294,7 +1567,7 @@ function createBaseNextConfig(options = {}) {
       return config;
     }
   };
-  const finalConfig = deepMerge(baseConfig, options);
+  let finalConfig = deepMerge(baseConfig, options);
   delete finalConfig.optimizePackageImports;
   delete finalConfig.isDefaultCfgAdmin;
   delete finalConfig.openBrowser;
@@ -1304,8 +1577,105 @@ function createBaseNextConfig(options = {}) {
   delete finalConfig.checkPackages;
   delete finalConfig.autoInstall;
   delete finalConfig.allowIframeFrom;
+  if (options.pwa !== false) {
+    const pwaOptions = typeof options.pwa === "object" ? options.pwa : {};
+    finalConfig = withPWA(finalConfig, pwaOptions);
+  }
+  delete finalConfig.pwa;
   return finalConfig;
 }
+
+// src/config/utils/manifest.ts
+function createManifestMetadata(config) {
+  return {
+    manifest: "/manifest.json",
+    themeColor: config.themeColor || "#000000",
+    appleWebApp: {
+      capable: true,
+      statusBarStyle: "default",
+      title: config.shortName || config.name
+    },
+    applicationName: config.name,
+    formatDetection: {
+      telephone: false
+    },
+    viewport: {
+      width: "device-width",
+      initialScale: 1,
+      maximumScale: 1
+    }
+  };
+}
+function createManifest(config) {
+  return () => {
+    let manifestIcons;
+    if (Array.isArray(config.icons)) {
+      manifestIcons = config.icons;
+    } else if (config.icons) {
+      const { logo192, logo384, logo512 } = config.icons;
+      manifestIcons = [
+        ...logo192 ? [
+          {
+            src: logo192,
+            sizes: "192x192",
+            type: "image/png",
+            purpose: "maskable"
+          }
+        ] : [],
+        ...logo384 ? [
+          {
+            src: logo384,
+            sizes: "384x384",
+            type: "image/png"
+          }
+        ] : [],
+        ...logo512 ? [
+          {
+            src: logo512,
+            sizes: "512x512",
+            type: "image/png"
+          }
+        ] : []
+      ];
+    } else {
+      manifestIcons = [
+        {
+          src: "/static/logos/192x192.png",
+          sizes: "192x192",
+          type: "image/png",
+          purpose: "maskable"
+        },
+        {
+          src: "/static/logos/384x384.png",
+          sizes: "384x384",
+          type: "image/png"
+        },
+        {
+          src: "/static/logos/512x512.png",
+          sizes: "512x512",
+          type: "image/png"
+        }
+      ];
+    }
+    return {
+      name: config.name,
+      short_name: config.shortName || config.name,
+      description: config.description || config.name,
+      start_url: config.startUrl || "/",
+      scope: config.scope || "/",
+      display: config.display || "standalone",
+      orientation: config.orientation || "portrait",
+      background_color: config.backgroundColor || "#000000",
+      theme_color: config.themeColor || "#ffffff",
+      lang: config.lang || "en",
+      dir: config.dir || "ltr",
+      icons: manifestIcons
+    };
+  };
+}
+function generateManifest(config) {
+  return createManifest(config)();
+}
 export {
   AI_DOCS_HINT,
   DEFAULT_OPTIMIZE_PACKAGES,
@@ -1327,10 +1697,17 @@ export {
   checkForUpdate,
   checkForUpdates,
   checkPackages,
+  createApiCacheRule,
   createBaseNextConfig,
+  createCdnCacheRule,
+  createManifest,
+  createManifestMetadata,
+  createStaticAssetRule,
   deepMerge,
+  defaultRuntimeCaching,
   detectPackageManager,
   fetchLatestVersion,
+  generateManifest,
   getApiUrl,
   getBasePath,
   getCurrentVersion,
@@ -1345,6 +1722,7 @@ export {
   isCI,
   isCompressionAvailable,
   isDev,
+  isPWAAvailable,
   isPackageInstalled,
   isProduction,
   isStaticBuild,
@@ -1352,6 +1730,7 @@ export {
   resetDevStartupState,
   resetInstallerPreferences,
   resetUpdaterPreferences,
-  updatePackagesWithProgress
+  updatePackagesWithProgress,
+  withPWA
 };
 //# sourceMappingURL=index.mjs.map