create-nextjs-cms 0.9.4 → 0.9.6

package/templates/default/env/env.js

@@ -1,130 +1,130 @@
-import * as z from 'zod'
-import { object } from 'zod';
-
-function createEnv$1(opts) {
-    const runtimeEnv = opts.runtimeEnvStrict ?? opts.runtimeEnv ?? process.env;
-    const emptyStringAsUndefined = opts.emptyStringAsUndefined ?? false;
-    if (emptyStringAsUndefined) {
-        for (const [key, value] of Object.entries(runtimeEnv)){
-            if (value === "") {
-                delete runtimeEnv[key];
-            }
-        }
-    }
-    const skip = !!opts.skipValidation;
-    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-    if (skip) return runtimeEnv;
-    const _client = typeof opts.client === "object" ? opts.client : {};
-    const _server = typeof opts.server === "object" ? opts.server : {};
-    const _shared = typeof opts.shared === "object" ? opts.shared : {};
-    const client = object(_client);
-    const server = object(_server);
-    const shared = object(_shared);
-    const isServer = opts.isServer ?? (typeof window === "undefined" || "Deno" in window);
-    const allClient = client.merge(shared);
-    const allServer = server.merge(shared).merge(client);
-    const parsed = isServer ? allServer.safeParse(runtimeEnv) // on server we can validate all env vars
-        : allClient.safeParse(runtimeEnv); // on client we can only validate the ones that are exposed
-    const onValidationError = opts.onValidationError ?? ((error)=>{
-        console.error("❌ Invalid environment variables:", error.flatten().fieldErrors);
-        throw new Error("Invalid environment variables");
-    });
-    const onInvalidAccess = opts.onInvalidAccess ?? ((_variable)=>{
-        throw new Error("❌ Attempted to access a server-side environment variable on the client");
-    });
-    if (parsed.success === false) {
-        return onValidationError(parsed.error);
-    }
-    const isServerAccess = (prop)=>{
-        if (!opts.clientPrefix) return true;
-        return !prop.startsWith(opts.clientPrefix) && !(prop in shared.shape);
-    };
-    const isValidServerAccess = (prop)=>{
-        return isServer || !isServerAccess(prop);
-    };
-    const ignoreProp = (prop)=>{
-        return prop === "__esModule" || prop === "$$typeof";
-    };
-    const extendedObj = (opts.extends ?? []).reduce((acc, curr)=>{
-        return Object.assign(acc, curr);
-    }, {});
-    const fullObj = Object.assign(parsed.data, extendedObj);
-    const env = new Proxy(fullObj, {
-        get (target, prop) {
-            if (typeof prop !== "string") return undefined;
-            if (ignoreProp(prop)) return undefined;
-            if (!isValidServerAccess(prop)) return onInvalidAccess(prop);
-            return Reflect.get(target, prop);
-        }
-    });
-    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
-    return env;
-}
-
-const CLIENT_PREFIX = "NEXT_PUBLIC_";
-function createEnv(opts) {
-    const client = typeof opts.client === "object" ? opts.client : {};
-    const server = typeof opts.server === "object" ? opts.server : {};
-    const shared = opts.shared;
-    const runtimeEnv = opts.runtimeEnv ? opts.runtimeEnv : {
-        ...process.env,
-        ...opts.experimental__runtimeEnv
-    };
-    return createEnv$1({
-        ...opts,
-        shared,
-        client,
-        server,
-        clientPrefix: CLIENT_PREFIX,
-        runtimeEnv
-    });
-}
-
-export const env = createEnv({
-    /**
-     * Specify your server-side environment variables schema here. This way you can ensure the app
-     * isn't built with invalid env vars.
-     */
-    server: {
-        ACCESS_TOKEN_SECRET: z.string(),
-        REFRESH_TOKEN_SECRET: z.string(),
-        CSRF_TOKEN_SECRET: z.string(),
-        ACCESS_TOKEN_EXPIRATION: z.string(),
-        REFRESH_TOKEN_EXPIRATION: z.string(),
-        NODE_ENV: z
-            .enum(["development", "test", "production"])
-            .default("development"),
-    },
-
-    /**
-     * Specify your client-side environment variables schema here. This way you can ensure the app
-     * isn't built with invalid env vars. To expose them to the client, prefix them with
-     * `NEXT_PUBLIC_`.
-     */
-    client: {
-        NEXT_PUBLIC_RICHTEXT_INLINE_PUBLIC_URL: z.string().optional(),
-    },
-
-    /**
-     * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.
-     * middlewares) or client-side so we need to destruct manually.
-     */
-    runtimeEnv: {
-        ACCESS_TOKEN_SECRET: process.env.ACCESS_TOKEN_SECRET,
-        REFRESH_TOKEN_SECRET: process.env.REFRESH_TOKEN_SECRET,
-        CSRF_TOKEN_SECRET: process.env.CSRF_TOKEN_SECRET,
-        ACCESS_TOKEN_EXPIRATION: process.env.ACCESS_TOKEN_EXPIRATION,
-        REFRESH_TOKEN_EXPIRATION: process.env.REFRESH_TOKEN_EXPIRATION,
-        NODE_ENV: process.env.NODE_ENV,
-    },
-    /**
-     * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
-     * useful for Docker builds.
-     */
-    skipValidation: !!process.env.SKIP_ENV_VALIDATION,
-    /**
-     * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and
-     * `SOME_VAR=''` will throw an error.
-     */
-    emptyStringAsUndefined: true,
-});
+import * as z from 'zod'
+import { object } from 'zod';
+
+function createEnv$1(opts) {
+    const runtimeEnv = opts.runtimeEnvStrict ?? opts.runtimeEnv ?? process.env;
+    const emptyStringAsUndefined = opts.emptyStringAsUndefined ?? false;
+    if (emptyStringAsUndefined) {
+        for (const [key, value] of Object.entries(runtimeEnv)){
+            if (value === "") {
+                delete runtimeEnv[key];
+            }
+        }
+    }
+    const skip = !!opts.skipValidation;
+    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    if (skip) return runtimeEnv;
+    const _client = typeof opts.client === "object" ? opts.client : {};
+    const _server = typeof opts.server === "object" ? opts.server : {};
+    const _shared = typeof opts.shared === "object" ? opts.shared : {};
+    const client = object(_client);
+    const server = object(_server);
+    const shared = object(_shared);
+    const isServer = opts.isServer ?? (typeof window === "undefined" || "Deno" in window);
+    const allClient = client.merge(shared);
+    const allServer = server.merge(shared).merge(client);
+    const parsed = isServer ? allServer.safeParse(runtimeEnv) // on server we can validate all env vars
+        : allClient.safeParse(runtimeEnv); // on client we can only validate the ones that are exposed
+    const onValidationError = opts.onValidationError ?? ((error)=>{
+        console.error("❌ Invalid environment variables:", error.flatten().fieldErrors);
+        throw new Error("Invalid environment variables");
+    });
+    const onInvalidAccess = opts.onInvalidAccess ?? ((_variable)=>{
+        throw new Error("❌ Attempted to access a server-side environment variable on the client");
+    });
+    if (parsed.success === false) {
+        return onValidationError(parsed.error);
+    }
+    const isServerAccess = (prop)=>{
+        if (!opts.clientPrefix) return true;
+        return !prop.startsWith(opts.clientPrefix) && !(prop in shared.shape);
+    };
+    const isValidServerAccess = (prop)=>{
+        return isServer || !isServerAccess(prop);
+    };
+    const ignoreProp = (prop)=>{
+        return prop === "__esModule" || prop === "$$typeof";
+    };
+    const extendedObj = (opts.extends ?? []).reduce((acc, curr)=>{
+        return Object.assign(acc, curr);
+    }, {});
+    const fullObj = Object.assign(parsed.data, extendedObj);
+    const env = new Proxy(fullObj, {
+        get (target, prop) {
+            if (typeof prop !== "string") return undefined;
+            if (ignoreProp(prop)) return undefined;
+            if (!isValidServerAccess(prop)) return onInvalidAccess(prop);
+            return Reflect.get(target, prop);
+        }
+    });
+    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    return env;
+}
+
+const CLIENT_PREFIX = "NEXT_PUBLIC_";
+function createEnv(opts) {
+    const client = typeof opts.client === "object" ? opts.client : {};
+    const server = typeof opts.server === "object" ? opts.server : {};
+    const shared = opts.shared;
+    const runtimeEnv = opts.runtimeEnv ? opts.runtimeEnv : {
+        ...process.env,
+        ...opts.experimental__runtimeEnv
+    };
+    return createEnv$1({
+        ...opts,
+        shared,
+        client,
+        server,
+        clientPrefix: CLIENT_PREFIX,
+        runtimeEnv
+    });
+}
+
+export const env = createEnv({
+    /**
+     * Specify your server-side environment variables schema here. This way you can ensure the app
+     * isn't built with invalid env vars.
+     */
+    server: {
+        ACCESS_TOKEN_SECRET: z.string(),
+        REFRESH_TOKEN_SECRET: z.string(),
+        CSRF_TOKEN_SECRET: z.string(),
+        ACCESS_TOKEN_EXPIRATION: z.string(),
+        REFRESH_TOKEN_EXPIRATION: z.string(),
+        NODE_ENV: z
+            .enum(["development", "test", "production"])
+            .default("development"),
+    },
+
+    /**
+     * Specify your client-side environment variables schema here. This way you can ensure the app
+     * isn't built with invalid env vars. To expose them to the client, prefix them with
+     * `NEXT_PUBLIC_`.
+     */
+    client: {
+        NEXT_PUBLIC_RICHTEXT_INLINE_PUBLIC_URL: z.string().optional(),
+    },
+
+    /**
+     * You can't destruct `process.env` as a regular object in the Next.js edge runtimes (e.g.
+     * middlewares) or client-side so we need to destruct manually.
+     */
+    runtimeEnv: {
+        ACCESS_TOKEN_SECRET: process.env.ACCESS_TOKEN_SECRET,
+        REFRESH_TOKEN_SECRET: process.env.REFRESH_TOKEN_SECRET,
+        CSRF_TOKEN_SECRET: process.env.CSRF_TOKEN_SECRET,
+        ACCESS_TOKEN_EXPIRATION: process.env.ACCESS_TOKEN_EXPIRATION,
+        REFRESH_TOKEN_EXPIRATION: process.env.REFRESH_TOKEN_EXPIRATION,
+        NODE_ENV: process.env.NODE_ENV,
+    },
+    /**
+     * Run `build` or `dev` with `SKIP_ENV_VALIDATION` to skip env validation. This is especially
+     * useful for Docker builds.
+     */
+    skipValidation: !!process.env.SKIP_ENV_VALIDATION,
+    /**
+     * Makes it so that empty strings are treated as undefined. `SOME_VAR: z.string()` and
+     * `SOME_VAR=''` will throw an error.
+     */
+    emptyStringAsUndefined: true,
+});

package/templates/default/envConfig.ts

@@ -1,4 +1,4 @@
-import { loadEnvConfig } from '@next/env'
-
-const projectDir = process.cwd()
-loadEnvConfig(projectDir)
+import { loadEnvConfig } from '@next/env'
+
+const projectDir = process.cwd()
+loadEnvConfig(projectDir)

package/templates/default/hooks/useModal.ts

@@ -1,8 +1,8 @@
-import { useContext } from 'react'
-import ModalContext from '@/context/ModalProvider'
-
-const useModal = () => {
-    return useContext(ModalContext)
-}
-
-export default useModal
+import { useContext } from 'react'
+import ModalContext from '@/context/ModalProvider'
+
+const useModal = () => {
+    return useContext(ModalContext)
+}
+
+export default useModal

package/templates/default/lib/apiHelpers.ts

@@ -1,92 +1,92 @@
-import type { AxiosInstance } from 'axios';
-import type { AxiosError } from 'axios'
-import type { AdminDetails, NewVariantPageRequestResponse, VariantEditPageRequestResponse } from 'nextjs-cms/core/types'
-
-export const handleVariantDeletion = async (
-    variant: string,
-    id: string,
-    axiosPrivate: AxiosInstance,
-    controller?: AbortController,
-): Promise<any> => {
-    try {
-        const res = await axiosPrivate.post(
-            `/api-variant-delete`,
-            { variant: variant, id: id },
-            {
-                signal: controller?.signal,
-                headers: {
-                    'Content-Type': 'application/x-www-form-urlencoded',
-                },
-            },
-        )
-        return res.data
-    } catch (error: AxiosError | any) {
-        return error?.response?.data
-    }
-}
-
-export async function getNewVariantPage(
-    section: string,
-    variant: string,
-    axiosPrivate: AxiosInstance,
-    controller?: AbortController,
-): Promise<NewVariantPageRequestResponse | null> {
-    try {
-        const res = await axiosPrivate.get(`/api-variant-new?section=${section}&variant=${variant}`, {
-            signal: controller?.signal,
-        })
-        return res.data
-    } catch (error) {
-        return null
-    }
-}
-
-export async function getVariantPage(
-    section: string,
-    variant: string,
-    sectionItemId: string,
-    id: string,
-    axiosPrivate: AxiosInstance,
-    controller?: AbortController,
-): Promise<VariantEditPageRequestResponse | null> {
-    try {
-        const res = await axiosPrivate.get(
-            `/api-variant-edit?section=${section}&variant=${variant}&sectionItemId=${sectionItemId}&id=${id}`,
-            {
-                signal: controller?.signal,
-            },
-        )
-        return res.data
-    } catch (error: AxiosError | any) {
-        return error.response.data
-    }
-}
-
-export const getAnalytics = async ({
-    requestType,
-    axiosPrivate,
-    controller,
-    fromDate,
-    toDate,
-}: {
-    requestType: string
-    axiosPrivate: AxiosInstance
-    controller?: AbortController
-    fromDate?: Date | string | null
-    toDate?: Date | string | null
-}) => {
-    return null
-    try {
-        const res = await axiosPrivate.get('/api-g-a', {
-            params: {
-                requestType: requestType,
-                fromDate: fromDate,
-                toDate: toDate,
-            },
-            signal: controller?.signal,
-        })
-        return res.data
-    } catch (error) {
-        return null
-    }
-}
+import type { AxiosInstance } from 'axios';
+import type { AxiosError } from 'axios'
+import type { AdminDetails, NewVariantPageRequestResponse, VariantEditPageRequestResponse } from 'nextjs-cms/core/types'
+
+export const handleVariantDeletion = async (
+    variant: string,
+    id: string,
+    axiosPrivate: AxiosInstance,
+    controller?: AbortController,
+): Promise<any> => {
+    try {
+        const res = await axiosPrivate.post(
+            `/api-variant-delete`,
+            { variant: variant, id: id },
+            {
+                signal: controller?.signal,
+                headers: {
+                    'Content-Type': 'application/x-www-form-urlencoded',
+                },
+            },
+        )
+        return res.data
+    } catch (error: AxiosError | any) {
+        return error?.response?.data
+    }
+}
+
+export async function getNewVariantPage(
+    section: string,
+    variant: string,
+    axiosPrivate: AxiosInstance,
+    controller?: AbortController,
+): Promise<NewVariantPageRequestResponse | null> {
+    try {
+        const res = await axiosPrivate.get(`/api-variant-new?section=${section}&variant=${variant}`, {
+            signal: controller?.signal,
+        })
+        return res.data
+    } catch (error) {
+        return null
+    }
+}
+
+export async function getVariantPage(
+    section: string,
+    variant: string,
+    sectionItemId: string,
+    id: string,
+    axiosPrivate: AxiosInstance,
+    controller?: AbortController,
+): Promise<VariantEditPageRequestResponse | null> {
+    try {
+        const res = await axiosPrivate.get(
+            `/api-variant-edit?section=${section}&variant=${variant}&sectionItemId=${sectionItemId}&id=${id}`,
+            {
+                signal: controller?.signal,
+            },
+        )
+        return res.data
+    } catch (error: AxiosError | any) {
+        return error.response.data
+    }
+}
+
+export const getAnalytics = async ({
+    requestType,
+    axiosPrivate,
+    controller,
+    fromDate,
+    toDate,
+}: {
+    requestType: string
+    axiosPrivate: AxiosInstance
+    controller?: AbortController
+    fromDate?: Date | string | null
+    toDate?: Date | string | null
+}) => {
+    return null
+    try {
+        const res = await axiosPrivate.get('/api-g-a', {
+            params: {
+                requestType: requestType,
+                fromDate: fromDate,
+                toDate: toDate,
+            },
+            signal: controller?.signal,
+        })
+        return res.data
+    } catch (error) {
+        return null
+    }
+}

package/templates/default/lib/postinstall.js

@@ -1,14 +1,14 @@
-const fse = require('fs-extra')
-const path = require('path')
-
-// Resolve the TinyMCE package path
-const tinymcePath = path.dirname(require.resolve('tinymce/package.json'))
-
-// Define the target directory
-const targetDir = path.join(__dirname, '../public', 'tinymce')
-
-// Empty and copy the directory
-fse.emptyDirSync(targetDir)
-fse.copySync(tinymcePath, targetDir, { overwrite: true })
-
-// console.log('Successfully copied TinyMCE to public directory')
+const fse = require('fs-extra')
+const path = require('path')
+
+// Resolve the TinyMCE package path
+const tinymcePath = path.dirname(require.resolve('tinymce/package.json'))
+
+// Define the target directory
+const targetDir = path.join(__dirname, '../public', 'tinymce')
+
+// Empty and copy the directory
+fse.emptyDirSync(targetDir)
+fse.copySync(tinymcePath, targetDir, { overwrite: true })
+
+// console.log('Successfully copied TinyMCE to public directory')

package/templates/default/lib/utils.ts

@@ -1,6 +1,6 @@
-import { clsx, type ClassValue } from 'clsx'
-import { twMerge } from 'tailwind-merge'
-
-export function cn(...inputs: ClassValue[]) {
-    return twMerge(clsx(inputs))
-}
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+    return twMerge(clsx(inputs))
+}

package/templates/default/next-env.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

package/templates/default/next.config.ts

@@ -1,25 +1,25 @@
-import type { NextConfig } from 'next'
-
+import type { NextConfig } from 'next'
+
 const nextConfig: NextConfig = {
     serverExternalPackages: [
         'jiti',
-    ],
-
-    reactStrictMode: true,
-    async rewrites() {
-        return [
-            {
-                source: '/browse/:section',
-                destination: '/browse/:section/1',
-            },
-            {
-                source: '/',
-                destination: '/dashboard',
-            },
-        ]
-    },
-    images: {
-        formats: ['image/avif', 'image/webp'],
+    ],
+
+    reactStrictMode: true,
+    async rewrites() {
+        return [
+            {
+                source: '/browse/:section',
+                destination: '/browse/:section/1',
+            },
+            {
+                source: '/',
+                destination: '/dashboard',
+            },
+        ]
+    },
+    images: {
+        formats: ['image/avif', 'image/webp'],
         remotePatterns: [
             // Use remotePatterns in your next.config.js file to allow images from specific external paths and block all others.
             // https://nextjs.org/docs/app/api-reference/components/image#remotepatterns
@@ -30,7 +30,7 @@ const nextConfig: NextConfig = {
             //     pathname: '/**',
             // },
         ],
-    },
-}
-
-export default nextConfig
+    },
+}
+
+export default nextConfig

package/templates/default/package.json

@@ -1,10 +1,10 @@
 {
-  "name": "cms",
+  "name": "nextjs-cms-app",
   "version": "0.0.1",
   "private": true,
   "scripts": {
     "dev": "next dev",
-    "build": "next build",
+    "build": "cross-env NEXTJS_CMS_DEBUG_OVERRIDE=false next build",
     "start": "next start",
     "lint": "next lint",
     "format": "prettier --check . --ignore-path ../../.gitignore",
@@ -65,7 +65,7 @@
     "nanoid": "^5.1.2",
     "next": "16.1.1",
     "next-themes": "^0.4.6",
-    "nextjs-cms": "0.9.4",
+    "nextjs-cms": "0.9.6",
     "plaiceholder": "^3.0.0",
     "prettier-plugin-tailwindcss": "^0.7.2",
     "qrcode": "^1.5.4",

package/templates/default/postcss.config.mjs

@@ -1,7 +1,7 @@
-const config = {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-};
-
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+
 export default config;