generator-bitloops 0.3.20 → 0.3.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "generator-bitloops",
-  "version": "0.3.20",
+  "version": "0.3.21",
   "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
@@ -253,6 +255,27 @@ export default class extends Generator {
         this.destinationPath('src/app/globals.css')
       );
 
+      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)
+      );
+
       if (this.options.bitloops) {
         this.log('Adding Bitloops support components...');
         const unsupportedPath =

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 };