create-nuxt-base 0.3.5 → 0.3.7

package/CHANGELOG.md

@@ -2,6 +2,21 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.3.7](https://github.com/lenneTech/nuxt-base-starter/compare/v0.3.6...v0.3.7) (2025-02-17)
+
+
+### Bug Fixes
+
+* change commands from npm to pnpm ([0e513ee](https://github.com/lenneTech/nuxt-base-starter/commit/0e513eeb14c122cdbeb76fb2344ac60dd731d8bd))
+
+### [0.3.6](https://github.com/lenneTech/nuxt-base-starter/compare/v0.3.5...v0.3.6) (2025-02-17)
+
+
+### Bug Fixes
+
+* **DEV-55:** Add remote .gitignore and custom messages ([cd8ca5c](https://github.com/lenneTech/nuxt-base-starter/commit/cd8ca5c92905c87c794703434c4b555c3cbd60e5))
+* **DEV-56:** Postbuild hook stopping process ([ee93a71](https://github.com/lenneTech/nuxt-base-starter/commit/ee93a7146c08cb4c4e70f2454e56bfcb3e1435ed))
+
 ### [0.3.5](https://github.com/lenneTech/nuxt-base-starter/compare/v0.3.4...v0.3.5) (2025-02-06)
 
 

package/index.js

@@ -37,13 +37,17 @@ async function create() {
     process.exit(-1);
   }
 
-  await copyFiles(__dirname + '/nuxt-base-template', projectDir);
+  await copyFiles(__dirname + '/nuxt-base-template', projectDir, 'Copied nuxt base template successfully!');
 
   // Copy .gitignore
-  await copyFiles(__dirname + '/nuxt-base-template/.gitignore', projectDir + '/.gitignore');
+  await writeFile(
+    projectDir + '/.gitignore',
+    await getRemoteContent('https://raw.githubusercontent.com/lenneTech/nuxt-base-starter/refs/heads/main/nuxt-base-template/.gitignore'),
+    'Copied .gitignore successfully!'
+  );
 
   // Copy .env
-  await copyFiles(__dirname + '/nuxt-base-template/.env.example', projectDir + '/.env');
+  await copyFiles(__dirname + '/nuxt-base-template/.env.example', projectDir + '/.env', 'Copied .env successfully!');
 
   const projectPackageJson = require(path.join(projectDir, 'package.json'));
 
@@ -58,8 +62,8 @@ async function create() {
   await waitForChildProcess(gitInit);
 
   console.log('Installing dependencies ...');
-  const npmInstall = spawn('npm', ['install'], { stdio: 'inherit' });
-  await waitForSpawn(npmInstall);
+  const runInstall = spawn('pnpm', ['install'], { stdio: 'inherit' });
+  await waitForSpawn(runInstall);
 
   const removeGit = spawn('npx', ['rimraf', '.git'], { stdio: 'inherit' });
   await waitForSpawn(removeGit);
@@ -68,8 +72,8 @@ async function create() {
 
   if (autoStart) {
     console.log('Building Project ...');
-    const npmRunBuild = spawn('npm', ['run', 'build'], { stdio: 'inherit' });
-    await waitForSpawn(npmRunBuild)
+    const runBuild = spawn('pnpm', ['build'], { stdio: 'inherit' });
+    await waitForSpawn(runBuild)
       .then(() => console.log('✅  Project was successfully built'))
       .catch(() => console.log('❌  Error while building the project'));
 
@@ -82,8 +86,8 @@ async function create() {
     await waitForMS(1000);
     console.log(`Launching ${projectName} ...  🚀`);
     await waitForMS(1000);
-    const npmRunDev = spawn('npm', ['run', 'start'], { stdio: 'inherit' });
-    await waitForSpawn(npmRunDev);
+    const runDev = spawn('pnpm', ['start'], { stdio: 'inherit' });
+    await waitForSpawn(runDev);
   }
 }
 
@@ -113,17 +117,50 @@ function waitForChildProcess(process) {
   });
 }
 
-async function copyFiles(from, to) {
+async function copyFiles(from, to, msg) {
   const fse = require('fs-extra');
   try {
     await fse.copy(from, to);
-    console.log('Copied nuxt base template successfully!');
+    console.log(msg);
   } catch (err) {
     console.error(err);
     process.exit(-1);
   }
 }
 
+async function writeFile(path, content, msg) {
+  try {
+    const fs = require('node:fs');
+    await fs.writeFile(path, content, (err) => err && console.error(err));
+    console.log(msg);
+  } catch (error) {
+    console.error(`Failed to write to ${path}:`, error);
+    process.exit(-1);
+  }
+}
+
+async function getRemoteContent(url) {
+  const https = require('node:https');
+  return new Promise((resolve, reject) => {
+    https.get(url, (res) => {
+      let data = '';
+      res.on('data', (chunk) => {
+        data += chunk;
+      });
+      res.on('end', () => {
+        if (res.statusCode === 200) {
+          resolve(data);
+        } else {
+          reject(new Error(`Failed to fetch content: ${res.statusCode} ${res.statusMessage}`));
+        }
+      });
+    }).on('error', (err) => {
+      reject(err);
+    });
+  });
+
+}
+
 function getPackageData(packageName) {
   const https = require('https');
 

package/nuxt-base-template/nuxt.config.ts

@@ -1,47 +1,32 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
-import tailwindcss from '@tailwindcss/vite'
+import tailwindcss from '@tailwindcss/vite';
 
 export default defineNuxtConfig({
-  ssr: true,
-
-  spaLoadingTemplate: false,
+  app: {
+    head: {
+      title: 'Nuxt Base Starter',
+      viewport: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no',
+    },
+  },
 
-  srcDir: './src',
+  colorMode: {
+    classSuffix: '',
+  },
 
-  modules: [
-    '@nuxt/test-utils/module',
-    '@lenne.tech/nuxt-base',
-    '@vueuse/nuxt',
-    '@nuxtjs/google-fonts',
-    '@nuxtjs/color-mode',
-    '@nuxt/image',
-    '@nuxtjs/robots',
-    '@nuxtjs/sitemap',
-    '@nuxtjs/plausible',
-  ],
+  compatibilityDate: '2024-09-05',
 
   css: ['~/assets/css/tailwind.css'],
 
-  vite: {
-    plugins: [tailwindcss()],
-  },
-
-  plausible: {
-    apiHost: '',
+  devServer: {
+    port: 3001,
   },
 
-  compatibilityDate: '2024-09-05',
-
   experimental: {
     asyncContext: true,
     renderJsonPayloads: false,
     typedPages: true,
   },
 
-  sitemap: {
-    exclude: ['/app/**'],
-  },
-
   image: {
     ipx: {
       maxAge: 2592000,
@@ -49,6 +34,22 @@ export default defineNuxtConfig({
     provider: 'ipx',
   },
 
+  imports: {
+    dirs: ['./states', './stores', './forms', './interfaces', './base', './plugins'],
+  },
+
+  modules: [
+    '@nuxt/test-utils/module',
+    '@lenne.tech/nuxt-base',
+    '@vueuse/nuxt',
+    '@nuxtjs/google-fonts',
+    '@nuxtjs/color-mode',
+    '@nuxt/image',
+    '@nuxtjs/robots',
+    '@nuxtjs/sitemap',
+    '@nuxtjs/plausible',
+  ],
+
   nuxtBase: {
     generateTypes: process.env['GENERATE_TYPES'] === '1',
     gqlHost: process.env.API_URL + '/graphql',
@@ -57,11 +58,8 @@ export default defineNuxtConfig({
     storagePrefix: process.env.STORAGE_PREFIX,
   },
 
-  app: {
-    head: {
-      title: 'Nuxt Base Starter',
-      viewport: 'width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no',
-    },
+  plausible: {
+    apiHost: '',
   },
 
   runtimeConfig: {
@@ -72,13 +70,15 @@ export default defineNuxtConfig({
     },
   },
 
-  devServer: {
-    port: 3001,
+  sitemap: {
+    exclude: ['/app/**'],
   },
 
-  colorMode: {
-    classSuffix: '',
-  },
+  spaLoadingTemplate: false,
+
+  srcDir: './src',
+
+  ssr: true,
 
   // googleFonts: {
   //   families: {
@@ -90,9 +90,9 @@ export default defineNuxtConfig({
   //   stylePath: '~/assets/css/fonts.css',
   // },
 
-  imports: {
-    dirs: ['./states', './stores', './forms', './interfaces', './base', './plugins'],
-  },
-
   telemetry: false,
+
+  vite: {
+    plugins: [tailwindcss()],
+  },
 });

package/nuxt-base-template/postbuild.js

@@ -1,12 +1,26 @@
 import { execSync } from 'child_process';
 import * as path from 'path';
+
 const tslibPath = path.resolve('.output', 'server', 'node_modules', 'tslib');
-process.chdir(tslibPath);
-const command = 'npm pkg set "exports[.].import.node"="./tslib.es6.mjs"';
-try {
-  execSync(command, { stdio: 'inherit' });
-  console.debug('✅  Successfully ran postinstall script');
-} catch (error) {
-  console.error('❌  Error executing postinstall script: ', error);
-  process.exit(1);
+
+async function runPostinstall() {
+  const { default: config } = await import('./nuxt.config.ts');
+
+  if (!config.ssr) {
+    console.debug('⚠️ SSR is disabled, skipping postinstall script.');
+    process.exit(0);
+  }
+
+  try {
+    process.chdir(tslibPath);
+    const command = 'npm pkg set \'exports[.].import.node\'=\'./tslib.es6.mjs\'';
+    execSync(command, { stdio: 'inherit' });
+    console.debug('✅ Successfully ran postinstall script');
+  } catch (error) {
+    console.error('❌ Error executing postinstall script:', error);
+    process.exit(1);
+  }
+  
 }
+
+runPostinstall();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nuxt-base",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "description": "Starter to generate a configured environment with VueJS, Nuxt, Tailwind, Eslint, @lenne.tech/nuxt-base, Unit Tests, Cypress etc.",
   "main": "index.js",
   "engines": {