@batijs/cli 0.0.253 → 0.0.255

package/dist/boilerplates/@batijs/mantine/files/$README.md.js

@@ -0,0 +1,23 @@
+// files/$README.md.ts
+import { loadReadme } from "@batijs/core";
+async function getReadme(props) {
+  const content = await loadReadme(props);
+  const todo = `
+## Mantine
+
+This is a boilerplate for Mantine based on the [Getting Started](https://mantine.dev/docs/getting-started/) guide.
+
+The following Packages are installed:
+* \`@mantine/hooks\` Hooks for state and UI management
+* \`@mantine/core\` Core components library: inputs, buttons, overlays, etc.
+
+If you add more packages, make sure to update the \`layouts/LayoutDefault.tsx\` file to include the required CSSs.
+
+The theme is defined in \`layouts/theme.ts\`.
+`;
+  content.addAbout(todo);
+  return content.finalize();
+}
+export {
+  getReadme as default
+};

package/dist/boilerplates/@batijs/mantine/files/$package.json.js

@@ -0,0 +1,122 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// package.json
+var require_package = __commonJS({
+  "package.json"(exports, module) {
+    module.exports = {
+      name: "@batijs/mantine",
+      private: true,
+      version: "0.0.1",
+      description: "",
+      type: "module",
+      scripts: {
+        "check-types": "tsc --noEmit",
+        build: "bati-compile-boilerplate"
+      },
+      keywords: [],
+      author: "",
+      license: "MIT",
+      devDependencies: {
+        "@batijs/compile": "workspace:*",
+        "@batijs/react": "workspace:*",
+        "@mantine/core": "^7.12.1",
+        "@mantine/hooks": "^7.12.1",
+        "@types/node": "^18.19.14",
+        "@types/react": "^18.3.4",
+        "@types/react-dom": "^18.3.0",
+        postcss: "^8.4.41",
+        "postcss-preset-mantine": "^1.17.0",
+        "postcss-simple-vars": "^7.0.1",
+        react: "^18.3.1",
+        "react-dom": "^18.3.1",
+        "vike-react": "^0.5.3",
+        vite: "^5.4.2",
+        "vite-plugin-compiled-react": "^1.1.3"
+      },
+      dependencies: {
+        "@batijs/core": "workspace:*"
+      },
+      files: [
+        "dist/"
+      ],
+      bati: {
+        enforce: "post",
+        if: {
+          flag: {
+            $all: [
+              "mantine",
+              "react"
+            ]
+          }
+        }
+      },
+      exports: {
+        "./postcss.config.": {
+          types: "./dist/types/postcss.config.d.cts"
+        },
+        "./components/Link": {
+          types: "./dist/types/components/Link.d.ts"
+        },
+        "./layouts/theme": {
+          types: "./dist/types/layouts/theme.d.ts"
+        },
+        "./layouts/LayoutDefault": {
+          types: "./dist/types/layouts/LayoutDefault.d.ts"
+        }
+      },
+      typesVersions: {
+        "*": {
+          "postcss.config.": [
+            "./dist/types/postcss.config.d.cts"
+          ],
+          "components/Link": [
+            "./dist/types/components/Link.d.ts"
+          ],
+          "layouts/theme": [
+            "./dist/types/layouts/theme.d.ts"
+          ],
+          "layouts/LayoutDefault": [
+            "./dist/types/layouts/LayoutDefault.d.ts"
+          ]
+        }
+      }
+    };
+  }
+});
+
+// files/$package.json.ts
+import { addDependency, loadAsJson } from "@batijs/core";
+async function getPackageJson(props) {
+  const packageJson = await loadAsJson(props);
+  return addDependency(packageJson, await Promise.resolve().then(() => __toESM(require_package(), 1)).then((x) => x.default), {
+    devDependencies: ["postcss", "postcss-preset-mantine", "postcss-simple-vars"],
+    dependencies: ["@mantine/core", "@mantine/hooks"]
+  });
+}
+export {
+  getPackageJson as default
+};

package/dist/boilerplates/@batijs/mantine/files/components/Link.tsx

@@ -0,0 +1,10 @@
+import React from "react";
+import { usePageContext } from "vike-react/usePageContext";
+import { NavLink } from "@mantine/core";
+
+export function Link({ href, label }: { href: string; label: string }) {
+  const pageContext = usePageContext();
+  const { urlPathname } = pageContext;
+  const isActive = href === "/" ? urlPathname === href : urlPathname.startsWith(href);
+  return <NavLink href={href} label={label} active={isActive} />;
+}

package/dist/boilerplates/@batijs/mantine/files/layouts/LayoutDefault.tsx

@@ -0,0 +1,37 @@
+import "@mantine/core/styles.css";
+import React from "react";
+import { AppShell, Burger, Group, Image, MantineProvider } from "@mantine/core";
+import { useDisclosure } from "@mantine/hooks";
+import theme from "./theme.js";
+
+import logoUrl from "@batijs/react/assets/logo.svg";
+import { Link } from "../components/Link";
+
+export default function LayoutDefault({ children }: { children: React.ReactNode }) {
+  const [opened, { toggle }] = useDisclosure();
+  return (
+    <MantineProvider theme={theme}>
+      <AppShell
+        header={{ height: 60 }}
+        navbar={{ width: 300, breakpoint: "sm", collapsed: { mobile: !opened } }}
+        padding="md"
+      >
+        <AppShell.Header>
+          <Group h="100%" px="md">
+            <Burger opened={opened} onClick={toggle} hiddenFrom="sm" size="sm" />
+            <a href="/">
+              {" "}
+              <Image h={50} fit="contain" src={logoUrl} />{" "}
+            </a>
+          </Group>
+        </AppShell.Header>
+        <AppShell.Navbar p="md">
+          <Link href="/" label="Welcome" />
+          <Link href="/todo" label="Todo" />
+          <Link href="/star-wars" label="Data Fetching" />
+        </AppShell.Navbar>
+        <AppShell.Main> {children} </AppShell.Main>
+      </AppShell>
+    </MantineProvider>
+  );
+}

package/dist/boilerplates/@batijs/mantine/files/layouts/theme.ts

@@ -0,0 +1,9 @@
+import { createTheme } from "@mantine/core";
+import type { MantineThemeOverride } from "@mantine/core";
+
+const theme: MantineThemeOverride = createTheme({
+  /** Put your mantine theme override here */
+  primaryColor: "violet",
+});
+
+export default theme;

package/dist/boilerplates/@batijs/mantine/files/postcss.config.cjs

@@ -0,0 +1,14 @@
+module.exports = {
+    plugins: {
+      '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',
+        },
+      },
+    },
+  };

package/dist/boilerplates/@batijs/mantine/types/components/Link.d.ts

@@ -0,0 +1,4 @@
+export declare function Link({ href, label }: {
+    href: string;
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/boilerplates/@batijs/mantine/types/layouts/LayoutDefault.d.ts

@@ -0,0 +1,5 @@
+import "@mantine/core/styles.css";
+import React from "react";
+export default function LayoutDefault({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/boilerplates/@batijs/mantine/types/layouts/theme.d.ts

@@ -0,0 +1,3 @@
+import type { MantineThemeOverride } from "@mantine/core";
+declare const theme: MantineThemeOverride;
+export default theme;

package/dist/boilerplates/@batijs/mantine/types/postcss.config.d.cts

@@ -0,0 +1,12 @@
+export let plugins: {
+    'postcss-preset-mantine': {};
+    'postcss-simple-vars': {
+        variables: {
+            'mantine-breakpoint-xs': string;
+            'mantine-breakpoint-sm': string;
+            'mantine-breakpoint-md': string;
+            'mantine-breakpoint-lg': string;
+            'mantine-breakpoint-xl': string;
+        };
+    };
+};

package/dist/boilerplates/@batijs/react/files/$package.json.js

@@ -50,6 +50,7 @@ var require_package = __commonJS({
         "@batijs/telefunc": "workspace:^",
         "@batijs/trpc": "workspace:^",
         "@batijs/ts-rest": "workspace:*",
+        "@mantine/core": "^7.12.1",
         "@types/node": "^18.19.14",
         "@types/react": "^18.3.4",
         "@types/react-dom": "^18.3.0",

package/dist/boilerplates/@batijs/react/files/layouts/HeadDefault.tsx

@@ -1,5 +1,7 @@
 import React from "react";
 import logoUrl from "../assets/logo.svg";
+//# BATI.has("mantine")
+import { ColorSchemeScript } from "@mantine/core";
 
 // Default <head> (can be overridden by pages)
 
@@ -10,6 +12,7 @@ export default function HeadDefault() {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="description" content="Demo showcasing Vike" />
         <link rel="icon" href={logoUrl} />
+        {BATI.has("mantine") ? <ColorSchemeScript /> : null}
         {/* See https://plausible.io/docs/plausible-script */}
         {/* TODO: update data-domain */}
         <script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js"></script>
@@ -21,6 +24,7 @@ export default function HeadDefault() {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="description" content="Demo showcasing Vike" />
         <link rel="icon" href={logoUrl} />
+        {BATI.has("mantine") ? <ColorSchemeScript /> : null}
         <script
           async
           src={`https://www.googletagmanager.com/gtag/js?id=${import.meta.env.PUBLIC_ENV__GOOGLE_ANALYTICS}`}
@@ -42,6 +46,7 @@ export default function HeadDefault() {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <meta name="description" content="Demo showcasing Vike" />
         <link rel="icon" href={logoUrl} />
+        {BATI.has("mantine") ? <ColorSchemeScript /> : null}
       </>
     );
   }

package/dist/boilerplates/boilerplates.json

@@ -180,6 +180,23 @@
       "files"
     ]
   },
+  {
+    "config": {
+      "enforce": "post",
+      "if": {
+        "flag": {
+          "$all": [
+            "mantine",
+            "react"
+          ]
+        }
+      }
+    },
+    "folder": "@batijs/mantine",
+    "subfolders": [
+      "files"
+    ]
+  },
   {
     "config": {
       "if": {

package/dist/index.js

@@ -1676,7 +1676,7 @@ var createDefaultQueryTester = function(query, options) {
 // package.json
 var package_default = {
   name: "@batijs/cli",
-  version: "0.0.253",
+  version: "0.0.255",
   type: "module",
   scripts: {
     "check-types": "tsc --noEmit",
@@ -1742,6 +1742,9 @@ var rulesMessages = {
   [RulesMessage.ERROR_COMPILED_R_REACT]: error(
     `${inverse(bold("React"))} is required when using ${inverse(bold("Compiled"))}`
   ),
+  [RulesMessage.ERROR_MANTINE_R_REACT]: error(
+    `${inverse(bold("React"))} is required when using ${inverse(bold("Mantine"))}`
+  ),
   [RulesMessage.INFO_HATTIP]: info(`${inverse(bold("HatTip"))} is an experimental project`),
   [RulesMessage.ERROR_DRIZZLE_R_SERVER]: error(
     `A ${inverse(bold("Server"))} is required when using ${inverse(bold("Drizzle"))}`

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@batijs/cli",
-  "version": "0.0.253",
+  "version": "0.0.255",
   "type": "module",
   "keywords": [],
   "description": "Next-gen scaffolder. Get started with fully-functional apps, and choose any tool you want",
@@ -20,12 +20,12 @@
     "typescript": "^5.5.4",
     "unplugin-purge-polyfills": "^0.0.5",
     "vite": "^5.4.2",
-    "@batijs/build": "0.0.253",
-    "@batijs/compile": "0.0.253"
+    "@batijs/build": "0.0.255",
+    "@batijs/compile": "0.0.255"
   },
   "dependencies": {
-    "@batijs/features": "0.0.253",
-    "@batijs/core": "0.0.253"
+    "@batijs/features": "0.0.255",
+    "@batijs/core": "0.0.255"
   },
   "bin": "./dist/index.js",
   "exports": {