@djangocfg/nextjs 2.1.34 → 2.1.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@djangocfg/nextjs",
-  "version": "2.1.34",
+  "version": "2.1.36",
   "description": "Next.js server utilities: sitemap, health, OG images, contact forms, navigation, config",
   "keywords": [
     "nextjs",
@@ -83,13 +83,11 @@
   "files": [
     "dist",
     "src",
-    "bin",
     "README.md",
     "LICENSE"
   ],
   "bin": {
-    "djangocfg-docs": "./dist/ai/cli.mjs",
-    "nextjs-dev": "./bin/dev-with-browser.js"
+    "djangocfg-docs": "./dist/ai/cli.mjs"
   },
   "scripts": {
     "build": "tsup",
@@ -111,9 +109,9 @@
     "semver": "^7.7.3"
   },
   "devDependencies": {
-    "@djangocfg/imgai": "^2.1.34",
-    "@djangocfg/layouts": "^2.1.34",
-    "@djangocfg/typescript-config": "^2.1.34",
+    "@djangocfg/imgai": "^2.1.36",
+    "@djangocfg/layouts": "^2.1.36",
+    "@djangocfg/typescript-config": "^2.1.36",
     "@types/node": "^24.7.2",
     "@types/react": "19.2.2",
     "@types/react-dom": "19.2.1",

package/src/config/index.ts

@@ -110,6 +110,7 @@ export {
 } from './plugins/pwa';
 export {
   createManifestMetadata,
+  createViewport,
   generateManifest,
   createManifest,
   type ManifestConfig,

package/src/config/utils/manifest.ts

@@ -4,7 +4,7 @@
  * Helper functions for creating Next.js metadata for PWA manifest
  */
 
-import type { Metadata, MetadataRoute } from 'next';
+import type { Metadata, MetadataRoute, Viewport } from 'next';
 
 export interface ManifestConfig {
   name: string;
@@ -35,9 +35,30 @@ export interface IconPaths {
   logo512?: string;
 }
 
+/**
+ * Create viewport configuration for Next.js app
+ *
+ * @example
+ * ```typescript
+ * export const viewport: Viewport = createViewport({
+ *   themeColor: '#ffffff',
+ * });
+ * ```
+ */
+export function createViewport(config: { themeColor?: string }): Viewport {
+  return {
+    width: 'device-width',
+    initialScale: 1,
+    maximumScale: 1,
+    themeColor: config.themeColor || '#000000',
+  };
+}
+
 /**
  * Create manifest metadata for Next.js app
  *
+ * Note: themeColor and viewport should be exported separately using createViewport()
+ *
  * @example
  * ```typescript
  * export const metadata: Metadata = {
@@ -47,12 +68,15 @@ export interface IconPaths {
  *     description: 'My awesome app',
  *   }),
  * };
+ *
+ * export const viewport: Viewport = createViewport({
+ *   themeColor: '#ffffff',
+ * });
  * ```
  */
 export function createManifestMetadata(config: ManifestConfig): Metadata {
   return {
     manifest: '/manifest.json',
-    themeColor: config.themeColor || '#000000',
     appleWebApp: {
       capable: true,
       statusBarStyle: 'default',
@@ -62,11 +86,6 @@ export function createManifestMetadata(config: ManifestConfig): Metadata {
     formatDetection: {
       telephone: false,
     },
-    viewport: {
-      width: 'device-width',
-      initialScale: 1,
-      maximumScale: 1,
-    },
   };
 }
 

package/bin/dev-with-browser.js

@@ -1,105 +0,0 @@
-#!/usr/bin/env node
-/**
- * Next.js Dev Server with Auto Browser Opening
- *
- * Cross-platform solution that works with both Turbopack and webpack
- * Opens browser automatically when server is ready
- *
- * Usage:
- *   "dev": "dev-with-browser"
- *   "dev": "dev-with-browser --port 3000"
- *   "dev": "dev-with-browser --webpack"
- */
-
-const { spawn } = require('child_process');
-const { exec } = require('child_process');
-const consola = require('consola');
-
-// Parse arguments
-const args = process.argv.slice(2);
-const portArg = args.find(arg => arg.startsWith('--port') || arg === '-p');
-const portIndex = args.indexOf(portArg);
-const PORT = portArg
-  ? args[portIndex + 1]
-  : process.env.PORT || '3000';
-
-// Build next dev command
-const nextArgs = ['dev'];
-
-// Add port
-if (!args.includes('-p') && !args.includes('--port')) {
-  nextArgs.push('-p', PORT);
-}
-
-// Pass through other flags (like --webpack)
-args.forEach((arg, i) => {
-  if (arg !== '-p' && arg !== '--port' && args[i - 1] !== '-p' && args[i - 1] !== '--port') {
-    nextArgs.push(arg);
-  }
-});
-
-const URL = `http://localhost:${PORT}`;
-
-consola.info(`Starting Next.js dev server on port ${PORT}...`);
-
-// Start Next.js dev server
-const devServer = spawn('next', nextArgs, {
-  stdio: 'inherit',
-  shell: true,
-});
-
-// Wait for server to be ready, then open browser
-let serverReady = false;
-let attempts = 0;
-const maxAttempts = 60; // 30 seconds max
-
-const checkInterval = setInterval(async () => {
-  if (serverReady || attempts >= maxAttempts) {
-    if (attempts >= maxAttempts) {
-      consola.warn('Server took too long to start, skipping browser open');
-    }
-    clearInterval(checkInterval);
-    return;
-  }
-
-  attempts++;
-
-  try {
-    const response = await fetch(URL);
-    if (response.ok) {
-      serverReady = true;
-      clearInterval(checkInterval);
-
-      consola.success(`Server ready! Opening browser at ${URL}`);
-
-      // Open browser (cross-platform)
-      const command = process.platform === 'darwin'
-        ? 'open'
-        : process.platform === 'win32'
-        ? 'start'
-        : 'xdg-open';
-
-      exec(`${command} ${URL}`, (error) => {
-        if (error) {
-          consola.warn(`Failed to open browser: ${error.message}`);
-          consola.info(`Please open manually: ${URL}`);
-        }
-      });
-    }
-  } catch (err) {
-    // Server not ready yet, continue checking
-  }
-}, 500);
-
-// Cleanup on exit
-process.on('SIGINT', () => {
-  clearInterval(checkInterval);
-  devServer.kill();
-  process.exit();
-});
-
-process.on('SIGTERM', () => {
-  clearInterval(checkInterval);
-  devServer.kill();
-  process.exit();
-});