@kvihaugen/create-frontend-app 1.0.2 → 1.0.4

package/package.json

@@ -1,7 +1,8 @@
 {
     "name": "@kvihaugen/create-frontend-app",
-    "version": "1.0.2",
+    "version": "1.0.4",
     "main": "dist/index.js",
+    "type": "module",
     "publishConfig": {
         "access": "public"
     },

package/dist/index.js

@@ -1,134 +0,0 @@
-#!/usr/bin/env node
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const prompts_1 = __importDefault(require("prompts"));
-const ExtraPackage_1 = __importDefault(require("./types/ExtraPackage"));
-const chalk_1 = __importDefault(require("chalk"));
-const promiseType_1 = __importDefault(require("./utils/functions/promiseType"));
-const ora_1 = __importDefault(require("ora"));
-const node_fs_1 = __importDefault(require("node:fs"));
-const node_path_1 = __importDefault(require("node:path"));
-const postcss_config_1 = __importDefault(require("./text-templates/postcss-config"));
-const next_layout_1 = __importDefault(require("./text-templates/next-layout"));
-const next_page_1 = __importDefault(require("./text-templates/next-page"));
-const providers_component_1 = __importDefault(require("./text-templates/providers-component"));
-const global_css_notifs_1 = __importDefault(require("./text-templates/global-css-notifs"));
-const global_css_1 = __importDefault(require("./text-templates/global-css"));
-const language_resource_1 = __importDefault(require("./text-templates/language-resource"));
-const i18n_config_1 = __importDefault(require("./text-templates/i18n-config"));
-const parent_props_type_1 = __importDefault(require("./text-templates/parent-props-type"));
-const node_child_process_1 = require("node:child_process");
-(async () => {
-    console.log(chalk_1.default.cyan("🚀 Create a new frontend app!"));
-    // Prompting
-    const response = await (0, prompts_1.default)([
-        {
-            type: "text",
-            name: "name",
-            message: "Project name:",
-            initial: "app"
-        },
-        {
-            type: "multiselect",
-            name: "extraPackages",
-            message: "Extra packages:",
-            choices: [
-                {
-                    title: "Mantine UI - Notifications",
-                    value: ExtraPackage_1.default.MantineUiNotifications
-                },
-                {
-                    title: "NextAuth",
-                    value: ExtraPackage_1.default.NextAuth
-                }
-            ]
-        }
-    ]);
-    const { name, extraPackages } = response;
-    if (!name || !extraPackages)
-        process.exit(1);
-    if (!(0, promiseType_1.default)(name))
-        return;
-    if (!(0, promiseType_1.default)(extraPackages))
-        return;
-    // Creating Next.js project
-    {
-        const spinner = (0, ora_1.default)("Creating Next.js project...").start();
-        try {
-            (0, node_child_process_1.execSync)("npx create-next-app . --yes --empty");
-            spinner.succeed(chalk_1.default.green("Created Next.js project!"));
-        }
-        catch {
-            spinner.fail(chalk_1.default.red("Could not create Next.js project!"));
-            process.exit(1);
-        }
-    }
-    // Installing additional packages
-    const packagesToInstall = [
-        "@mantine/core",
-        "@mantine/hooks",
-        "react-i18next",
-        "i18next",
-        ...(extraPackages.includes(ExtraPackage_1.default.MantineUiNotifications)
-            ? ["@mantine/notifications"]
-            : []),
-        ...(extraPackages.includes(ExtraPackage_1.default.NextAuth)
-            ? ["next-auth"]
-            : [])
-    ];
-    for (const pkg of packagesToInstall) {
-        const spinner = (0, ora_1.default)(`Installing ${pkg}...`).start();
-        try {
-            (0, node_child_process_1.execSync)(`npm i ${pkg}`);
-            spinner.succeed(chalk_1.default.green(`Installed ${pkg}!`));
-        }
-        catch {
-            spinner.fail(chalk_1.default.red(`Could not install ${pkg}!`));
-            process.exit(1);
-        }
-    }
-    // Setting up PostCSS
-    {
-        const spinner = (0, ora_1.default)("Setting up PostCSS...").start();
-        try {
-            (0, node_child_process_1.execSync)("npm i --save-dev postcss postcss-preset-mantine postcss-simple-vars");
-            node_fs_1.default.writeFileSync(node_path_1.default.join(process.cwd(), "postcss.config.mjs"), postcss_config_1.default);
-            spinner.succeed(chalk_1.default.green("Set up PostCSS!"));
-        }
-        catch {
-            spinner.fail(chalk_1.default.red("Could not set up PostCSS!"));
-            process.exit(1);
-        }
-    }
-    // Setting up custom files
-    {
-        const spinner = (0, ora_1.default)("Setting up custom files...").start();
-        try {
-            node_fs_1.default.rmSync(node_path_1.default.join(process.cwd(), "src", "app"), { recursive: true, force: true });
-            node_fs_1.default.rmSync(node_path_1.default.join(process.cwd(), "README.md"), { recursive: true, force: true });
-            node_fs_1.default.mkdirSync(node_path_1.default.join(process.cwd(), "src", "app"), { recursive: true });
-            node_fs_1.default.mkdirSync(node_path_1.default.join(process.cwd(), "src", "components", "common"), { recursive: true });
-            node_fs_1.default.mkdirSync(node_path_1.default.join(process.cwd(), "src", "css"), { recursive: true });
-            node_fs_1.default.mkdirSync(node_path_1.default.join(process.cwd(), "src", "utils", "i18n", "resources"), { recursive: true });
-            node_fs_1.default.mkdirSync(node_path_1.default.join(process.cwd(), "src", "types", "common"), { recursive: true });
-            node_fs_1.default.writeFileSync(node_path_1.default.join(process.cwd(), "src", "app", "layout.tsx"), next_layout_1.default);
-            node_fs_1.default.writeFileSync(node_path_1.default.join(process.cwd(), "src", "app", "page.tsx"), next_page_1.default);
-            node_fs_1.default.writeFileSync(node_path_1.default.join(process.cwd(), "src", "components", "common", "Providers.tsx"), providers_component_1.default);
-            node_fs_1.default.writeFileSync(node_path_1.default.join(process.cwd(), "src", "css", "globals.css"), extraPackages.includes(ExtraPackage_1.default.MantineUiNotifications)
-                ? global_css_notifs_1.default
-                : global_css_1.default);
-            node_fs_1.default.writeFileSync(node_path_1.default.join(process.cwd(), "src", "utils", "i18n", "resources", "en.json"), language_resource_1.default);
-            node_fs_1.default.writeFileSync(node_path_1.default.join(process.cwd(), "src", "utils", "i18n", "index.ts"), i18n_config_1.default);
-            node_fs_1.default.writeFileSync(node_path_1.default.join(process.cwd(), "src", "types", "common", "ParentProps.ts"), parent_props_type_1.default);
-            spinner.succeed(chalk_1.default.green("Set up custom files!"));
-        }
-        catch (error) {
-            spinner.fail(chalk_1.default.red("Could not set up custom files!"));
-            console.log(error);
-            process.exit(1);
-        }
-    }
-})();

package/dist/text-templates/global-css-notifs.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const globalCssNotifs = `
-@layer theme, base, components, mantine, utilities;
-
-@import "tailwindcss";
-@import "@mantine/core/styles.layer.css";
-@import "@mantine/notifications/styles.layer.css";
-`.trim();
-exports.default = globalCssNotifs;

package/dist/text-templates/global-css.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const globalCss = `
-@layer theme, base, components, mantine, utilities;
-
-@import "tailwindcss";
-@import "@mantine/core/styles.layer.css";
-`.trim();
-exports.default = globalCss;

package/dist/text-templates/i18n-config.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const i18nConfig = `
-import i18next from "i18next";
-import en from "./resources/en.json";
-
-import { initReactI18next } from "react-i18next";
-
-i18next
-    .use(initReactI18next)
-    .init({
-        resources: { en },
-        lng: "en",
-        fallbackLng: "en",
-        interpolation: {
-            escapeValue: false
-        }
-    });
-`.trim();
-exports.default = i18nConfig;

package/dist/text-templates/language-resource.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const languageResource = `
-{
-    "translation": {
-        "common": {
-            "HelloWorld": "Hello world!"
-        }
-    }
-}
-`.trim();
-exports.default = languageResource;

package/dist/text-templates/next-layout.js

@@ -1,92 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const nextLayout = `
-import { Metadata } from "next";
-import { ColorSchemeScript, mantineHtmlProps } from "@mantine/core";
-
-import ParentProps from "@/types/common/ParentProps";
-import Providers from "@/components/common/Providers";
-
-import "@/css/globals.css";
-
-// https://seostudio.tools/meta-tag-generator
-// https://www.searchenginejournal.com/important-tags-seo/156440/
-
-export const metadata = {
-    title: "Frontend template",
-    description: "My preferred template for frontend projects - tailored to my needs",
-    applicationName: "Frontend template",
-    authors: [{
-        url: "https://lars.kvihaugen.no",
-        name: "Lars Kvihaugen"
-    }],
-    generator: "Next.js",
-    keywords: [
-        "next.js",
-        "next",
-        "react",
-        "frontend",
-        "development",
-        "dev"
-    ],
-    referrer: "origin",
-    creator: "Lars Kvihaugen",
-    publisher: "Lars Kvihaugen",
-    robots: {
-        index: true,
-        follow: true
-    },
-    alternates: {
-        canonical: "https://frontend-template.kvihaugen.no",
-        languages: {
-            en: "https://frontend-template.kvihaugen.no",
-            no: "https://no.frontend-template.kvihaugen.no"
-        }
-    },
-    icons: {
-        icon: [{
-            url: "/icons/icon-128x128.png",
-            sizes: "128x128"
-        }],
-        apple: [{
-            url: "/icons/icon-apple/128x128.png",
-            sizes: "128x128"
-        }]
-    },
-    manifest: "/.well-known/app.webmanifest",
-    openGraph: {
-        type: "website",
-        title: "Frontend template",
-        description: "My preferred template for frontend projects - tailored to my needs",
-        emails: ["lars@kvihaugen.no"],
-        phoneNumbers: ["+00 000 00 000"],
-        siteName: "Frontend template",
-        locale: "en",
-        alternateLocale: ["no"],
-        images: [{
-            url: "/images/hero.png",
-            alt: "The page hero",
-            width: 1920,
-            height: 1080
-        }],
-        url: "https://frontend-template.kvihaugen.no"
-    },
-    metadataBase: new URL("https://frontend-template.kvihaugen.no")
-} satisfies Metadata as Metadata;
-
-const RootLayout = ({ children }: ParentProps) => (
-    <html {...mantineHtmlProps}>
-        <head>
-            <ColorSchemeScript />
-        </head>
-        <body className="antialiased">
-            <Providers>
-                {children}
-            </Providers>
-        </body>
-    </html>
-);
-
-export default RootLayout;
-`.trim();
-exports.default = nextLayout;

package/dist/text-templates/next-page.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const nextPage = `
-"use client";
-
-import { Button } from "@mantine/core";
-import { t } from "i18next";
-
-const Page = () => {
-    return (
-        <Button>
-            {t("common.HelloWorld")}
-        </Button>
-    );
-};
-
-export default Page;
-`.trim();
-exports.default = nextPage;

package/dist/text-templates/parent-props-type.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const parentPropsType = `
-import { ReactNode } from "react";
-
-type ParentProps<T = ReactNode> = {
-    children?: T;
-};
-
-export default ParentProps;
-`.trim();
-exports.default = parentPropsType;

package/dist/text-templates/postcss-config.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const postcssConfig = `
-const config = {
-    plugins: {
-        "@tailwindcss/postcss": {},
-        "postcss-preset-mantine": {},
-        "postcss-simple-vars": {
-            variables: {
-                "mantine-breakpoint-xs": "36em",
-                "mantine-breakpoint-sm": "48em",
-                "mantine-breakpoint-md": "62em",
-                "mantine-breakpoint-lg": "75em",
-                "mantine-breakpoint-xl": "88em",
-            },
-        },
-    },
-};
-
-export default config;
-`.trim();
-exports.default = postcssConfig;

package/dist/text-templates/providers-component.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const providersComponent = `
-"use client";
-
-import ParentProps from "@/types/common/ParentProps";
-
-import { createTheme, MantineProvider } from "@mantine/core";
-
-import "@/utils/i18n";
-
-const theme = createTheme({});
-
-const Providers = ({ children }: ParentProps) => (
-    <MantineProvider theme={theme}>
-        {children}
-    </MantineProvider>
-);
-
-export default Providers;
-`.trim();
-exports.default = providersComponent;

package/dist/types/ExtraPackage.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var ExtraPackage;
-(function (ExtraPackage) {
-    ExtraPackage[ExtraPackage["MantineUiNotifications"] = 0] = "MantineUiNotifications";
-    ExtraPackage[ExtraPackage["NextAuth"] = 1] = "NextAuth";
-})(ExtraPackage || (ExtraPackage = {}));
-exports.default = ExtraPackage;

package/dist/utils/functions/promiseType.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const promiseType = (v) => true;
-exports.default = promiseType;