chore: upgrade create-next-app to 15.3 and storybook to latest 9.0 (#4)

* chore: upgrade create-next-app to 14.2.29 and storybook to latest 9.0.x version

* feat: upgrade create-next-app to 15.3.3 and enable turbopack

* 0.3.17

Author: Varagos

package-lock.json

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

package.json

@@ -96,12 +96,12 @@ export default class extends Generator {
 
     this.installNextJS = async function () {
       // Clone Next.js template with Tailwind if specified, using the project name
-      const createNextAppCommand = ['-y', 'create-next-app@14.2.16'];
+      const createNextAppCommand = ['-y', 'create-next-app@15.3.3'];
       createNextAppCommand.push(toKebabCase(this.options.project)); // Use the project name for the directory
       createNextAppCommand.push('--app');
       createNextAppCommand.push('--empty');
       createNextAppCommand.push('--src-dir');
-      // createNextAppCommand.push('--turbopack'); when we go to Next.js 15
+      createNextAppCommand.push('--turbopack'); // when we go to Next.js 15
       createNextAppCommand.push('--import-alias');
       createNextAppCommand.push('@/*');
       createNextAppCommand.push('--use-npm');
@@ -142,28 +142,30 @@ export default class extends Generator {
           encoding: 'utf-8',
         });
         const versions = JSON.parse(versionsRaw);
-  
-        // Filter for stable 8.4.x versions (exclude alpha/beta)
+
+        // Filter for stable 9.0.x versions (exclude alpha/beta)
         const stableVersions = versions
-          .filter(version => version.startsWith('8.4.'))
+          .filter(version => version.startsWith('9.0.'))
           .filter(version => !version.includes('-')); // Exclude pre-releases like -alpha or -beta
-  
+
         // Sort descending and get the latest
-        const latest84 = stableVersions.sort((a, b) => (a > b ? -1 : 1))[0];
-  
-        if (!latest84) {
-          throw new Error('No stable 8.4.x versions found.');
+        const latest90 = stableVersions.sort((a, b) => (a > b ? -1 : 1))[0];
+
+        if (!latest90) {
+          throw new Error('No stable 9.0.x versions found.');
         }
-  
+
         // Log the chosen version (optional)
-        this.log(`Latest stable 8.4 version: ${latest84}`);
-  
+        this.log(`Latest stable 9.0 version: ${latest90}`);
+
         // Use `this.spawnCommandSync` with the selected version
         this.spawnCommandSync('npx', [
           '-y',
-          `storybook@${latest84}`,
+          `storybook@${latest90}`,
           'init',
           '--no-dev',
+          '--yes', // Skip all prompts
+          '--type', 'nextjs', // Specify Next.js as the framework
         ]);
         this.log('Storybook installed!');
         // if (this.options.tailwind && this.options.storybook) {
@@ -213,11 +215,6 @@ export default class extends Generator {
         } catch (err) {
           console.error('Error deleting sample stories directory:', err);
         }
-        fs.unlinkSync(this.destinationPath('tailwind.config.ts'));
-        this.fs.copyTpl(
-          this.templatePath('tailwind.config.ts'),
-          this.destinationPath('tailwind.config.ts')
-        );
       }
 
       if (this.options.cypress) {

setup/index.js

@@ -1,137 +1,2 @@
 /* Tailwind CSS */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* MEYER */
-
-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-  margin: 0;
-  padding: 0;
-  border-width: 0px;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-  display: block;
-}
-body {
-  line-height: 1;
-}
-ol,
-ul {
-  list-style: none;
-}
-blockquote,
-q {
-  quotes: none;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-  content: '';
-  content: none;
-}
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-/** END MEYER */
+@import 'tailwindcss';