generator-bitloops 0.3.20 → 0.3.22

package/app/index.js

@@ -11,6 +11,7 @@ export default class extends Generator {
     this.option('tailwind'); // This method adds support for a `--tailwind` flag
     this.option('storybook'); // This method adds support for a `--storybook` flag
     this.option('cypress'); // This method adds support for a `--cypress` flag
+    this.option('primitives'); // This method adds support for a `--primitives` flag
   }
 
   message() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "generator-bitloops",
-  "version": "0.3.20",
+  "version": "0.3.22",
   "description": "Next.js with TypeScript, Tailwind, Storybook and Cypress generator by Bitloops",
   "license": "MIT",
   "author": "Bitloops S.A.",

package/setup/index.js

@@ -10,6 +10,8 @@ const __filename = fileURLToPath(import.meta.url);
 const __dirname = path.dirname(__filename);
 
 const DOT = '.';
+const PLATFORM_NEXT_FOLDER = 'platform-next';
+const PLATFORM_NEXT_SRC_FOLDER = `${PLATFORM_NEXT_FOLDER}/src`;
 
 function isKebabCase(str) {
   // Check if the string is empty
@@ -103,6 +105,12 @@ export default class extends Generator {
       default: false,
     });
 
+    this.option('primitives', {
+      type: Boolean,
+      description: 'Add primitives support',
+      default: false,
+    });
+
     this.installNextJS = async function () {
       // Clone Next.js template with Tailwind if specified, using the project name
       const createNextAppCommand = ['-y', 'create-next-app@15.3.3'];
@@ -201,6 +209,36 @@ export default class extends Generator {
       }
     };
 
+    this.installPrimitives = function () {
+      // Conditionally add Primitives
+      if (this.options.primitives) {
+        this.log('Installing Primitives...');
+        
+        const platformNextIndexPath = `${PLATFORM_NEXT_SRC_FOLDER}/index.ts`;
+        deleteFileIfExists(this.destinationPath(platformNextIndexPath));
+        this.fs.copyTpl(
+          this.templatePath(platformNextIndexPath),
+          this.destinationPath(platformNextIndexPath)
+        );
+
+        const platformNextImgPath = `${PLATFORM_NEXT_SRC_FOLDER}/Img.tsx`;
+        deleteFileIfExists(this.destinationPath(platformNextImgPath));
+        this.fs.copyTpl(
+          this.templatePath(platformNextImgPath),
+          this.destinationPath(platformNextImgPath)
+        );
+
+        const platformNextTypesPath = `${PLATFORM_NEXT_SRC_FOLDER}/types.ts`;
+        deleteFileIfExists(this.destinationPath(platformNextTypesPath));
+        this.fs.copyTpl(
+          this.templatePath(platformNextTypesPath),
+          this.destinationPath(platformNextTypesPath)
+        );
+
+        this.log('Primitives installed!');
+      }
+    };
+
     this.patchFiles = async function () {
       // Conditionally initialize Storybook
       if (this.options.storybook) {
@@ -338,6 +376,7 @@ export default class extends Generator {
     await this.installNextJS();
     this.installStorybook();
     this.installCypress();
+    this.installPrimitives();
     await this.patchFiles();
     if (this.options.git) {
       await this.commitChanges();

package/setup/templates/platform-next/src/Img.tsx

@@ -0,0 +1,7 @@
+'use client';
+import NextImage from 'next/image';
+import type { ImgProps } from './types';
+export function Img(props: ImgProps) {
+  const { responsive, ...rest } = props;
+  return <NextImage {...rest} />;
+}

package/setup/templates/platform-next/src/index.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './Img';

package/setup/templates/platform-next/src/types.ts

@@ -0,0 +1,28 @@
+export type ImgProps = {
+  src: string; alt: string;
+  width?: number; height?: number; fill?: boolean;
+  sizes?: string; priority?: boolean; quality?: number;
+  className?: string; style?: React.CSSProperties;
+  loading?: 'eager'|'lazy'; decoding?: 'auto'|'sync'|'async';
+  responsive?: { sources: Array<{ media: string; srcSet: string }> }; // optional <picture>
+};
+
+export type LinkProps = {
+  href: string; children: React.ReactNode;
+  prefetch?: boolean; replace?: boolean; scroll?: boolean;
+  target?: React.HTMLAttributeAnchorTarget; rel?: string;
+  className?: string; style?: React.CSSProperties; 'aria-label'?: string;
+};
+
+export type MetaProps = {
+  title?: string;
+  description?: string;
+  lang?: string;
+  openGraph?: { title?: string; description?: string; image?: string; url?: string; type?: string };
+  twitter?: { card?: string; title?: string; description?: string; image?: string };
+  icons?: { icon?: string; apple?: string };
+};
+
+export type FontSpec =
+  | { kind: 'next'; fonts: Array<{ variable: string; loader: () => any }> } // Next native loaders
+  | { kind: 'css'; hrefs: string[]; className?: string };