nuxt-ignis 0.1.6 → 0.1.8

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # Changelog
 
+## 0.1.8 (2025-02-02)
+- build: fix `nuxt-neon` security issue
+- build: fix `vite` security issue
+
+## 0.1.7 (2025-01-31)
+- feat: unified test-pack included via separate `nuxt-spec` layer
+- feat: support `ssr` and `pages` settings
+- feat: display log level setting on startup
+- refactor: log level setting moved inside `ignis` config
+- build: updated deps
+
 ## 0.1.6 (2024-12-25)
 - build: bump Nuxt to `3.15.0` + update other deps
 

package/README.md

@@ -2,7 +2,7 @@
 
 ![Nuxt Ignis](https://github.com/AloisSeckar/nuxt-ignis/blob/main/public/nuxt-ignis.png)
 
-This is a template starter for Nuxt web applicatons. It is being build as the setup I'd currently use to start with a new "real world" [Nuxt](https://nuxt.com/) webapp. It will improve and grow together with my skills. I also try to include **WHAT** and **WHY** comments based on my knowledge about the framework and used libraries.
+This is a template starter for Nuxt web applications. It is being built as the setup I'd currently use to start with a new "real world" [Nuxt](https://nuxt.com/) webapp. It will improve and grow together with my skills. I also try to include **WHAT** and **WHY** comments based on my knowledge about the framework and used libraries.
 
 ## How to use
 
@@ -16,11 +16,11 @@ This is a template starter for Nuxt web applicatons. It is being build as the se
 You are ready to build your next awesome project in Nuxt!
 
 ### As a layer (RECOMMENDED)
-Aside from being "forked", `nuxt-ignis` is also available as [NPM package](https://www.npmjs.com/package/nuxt-ignis) that can be referenced as a single-import with all the features incomming.
+Aside from being "forked", `nuxt-ignis` is also available as [NPM package](https://www.npmjs.com/package/nuxt-ignis) that can be referenced as a single-import with all the features incoming.
 
 1) Add following dependency into your `package.json`:
 ```
-"nuxt-ignis": "0.1.6"
+"nuxt-ignis": "0.1.8"
 ```
 
 2) Add following section into your `nuxt.config.ts`:
@@ -62,6 +62,7 @@ Without this workaround the project builds and deploys but will hit runtime erro
 - integration with utility functions library for Vue apps via [`@vueuse/nuxt`](https://vueuse.org/nuxt/README.html)
 - handful tools for working with images via [`@nuxt/image`](https://image.nuxt.com/) 
 - SSR-friendly component for rendering dynamic date/time via [`nuxt-time`](https://nuxt.com/modules/time)
+- logging via [`consola](https://github.com/unjs/consola)
 
 **Configurable features**
 - UI (pick 0-1)
@@ -132,3 +133,13 @@ Default values are **false** (not included) for all optional features.
 There are two config values for this feature:
 - `NUXT_PUBLIC_IGNIS_PSLO_ENABLED` - setting to true will allow utility function `pslo` to treat texts in your app
 - `NUXT_PUBLIC_IGNIS_PSLO_CONTENT` - if both `elrh-pslo` and `@nuxt/content` are enabled, this allows or disallows Markdown content pre-processing with `pslo` function
+
+### Nuxt config overrides
+Currently, it is possible to override following Nuxt config via .env variables:
+- `NUXT_PUBLIC_IGNIS_SSR` - set to `false` to disable SSR (results in `ssr: false` in Nuxt Config)
+- `NUXT_PUBLIC_IGNIS_PAGES` - set to `false` to disable multiple pages in simple projects (results in `pages: false` in Nuxt Config)
+
+### Logging
+Use `NUXT_PUBLIC_INGIS_LOG_LEVEL` to set level of log messages captured with `consola`. The default value is `info`.
+
+Possible values are: `fatal`, `error`, `warn`, `log`, `info`, `success`, `debug`, `trace`, `silent`, `verbose`

package/app.vue

@@ -8,7 +8,8 @@
       <img src="/nuxt-ignis.png" class="ignis-logo" :title :alt>
     </div>
     <div>{{ useT("subtitle") }}</div>
-    <NuxtPage />
+    <NuxtPage v-if="pages" />
+    <AppFeatureList v-else />
     <CurrentTime />
     <div class="link text-xs">
       <NuxtLink to="https://github.com/AloisSeckar/nuxt-ignis">
@@ -32,6 +33,8 @@ initConsola()
 log.info('Nuxt Ignis was here!')
 const title = useT('title')
 const alt = title
+
+const pages = useRuntimeConfig().public.ignis.pages
 </script>
 
 <style scoped>

package/components/AppFeatureList.vue

@@ -0,0 +1,48 @@
+<!--
+    https://nuxt.com/docs/guide/directory-structure/pages
+
+    An example of Nuxt component.
+
+    AppFeature
+     - an example usage of auto-imported Nuxt component declared in `/components` directory
+     - the text is (usually) being loaded localized via nuxtjs/i18n module
+     - features are being displayed conditionally according to current setting
+-->
+
+<template>
+  <div class="m-auto my-4 w-3/5 flex flex-col">
+    <AppFeature :text="useT('features.nuxt')" />
+    <AppFeature :text="useT('features.security')" />
+    <AppFeature :text="useT('features.image')" />
+    <AppFeature :text="useT('features.pinia')" />
+    <AppFeature :text="useT('features.vueuse')" />
+    <AppFeature :text="useT('features.consola')" />
+    <AppFeature v-if="nuxtui" :text="useT('features.ui')" />
+    <AppFeature v-if="tailwind" :text="useT('features.tailwind')" />
+    <AppFeature v-if="nuxtui" :text="useT('features.icon')" />
+    <AppFeature v-if="neon" :text="useT('features.neon')" />
+    <AppFeature v-if="supabase" :text="useT('features.supabase')" />
+    <AppFeature v-if="i18n" :text="useT('features.i18n')" />
+    <AppFeature v-if="formkit" :text="useT('features.formkit')" />
+    <AppFeature v-if="content" :text="useT('features.content')" />
+    <AppFeature v-if="openprops" class="openprops-feature" :text="useT('features.openprops')" />
+  </div>
+  <div v-if="!pages" class="mb-2">
+    Single-page mode (/pages disabled)
+  </div>
+</template>
+
+<script setup lang="ts">
+const setup = useRuntimeConfig().public.ignis
+const ui = setup.preset.ui
+const db = setup.preset.db
+const nuxtui = ui === 'nuxt-ui' || setup.ui
+const tailwind = ui !== 'off' || setup.ui || setup.tailwind
+const neon = db === 'neon' || setup.neon
+const supabase = db === 'supabase' || setup.supabase
+const i18n = setup.i18n.enabled
+const formkit = setup.formkit.enabled
+const content = setup.content
+const openprops = setup.openprops
+const pages = setup.pages
+</script>

package/features.ts

@@ -5,6 +5,8 @@ import { log } from './utils/consola'
 export function setFeatures() {
   // list of optional extra features
   const extras = [] as string[]
+  // list of Nuxt-related settings
+  const nuxt = [] as string[]
 
   // object for optional config that will be merged with global Nuxt config
   // declared in nuxt.config.ts
@@ -22,7 +24,7 @@ export function setFeatures() {
     '@vueuse/nuxt',
   )
 
-  // 2. optional modules
+  // 2. optional modules & features
 
   // ui
   const uiPreset = process.env.NUXT_PUBLIC_IGNIS_PRESET_UI
@@ -110,11 +112,35 @@ export function setFeatures() {
     extras.push('elrh-pslo')
   }
 
+  // 3. Nuxt-related settings
+
+  nuxt.push(`log-level=${process.env.NUXT_PUBLIC_IGNIS_LOG_LEVEL || 'info[default]'}`)
+
+  if (process.env.NUXT_PUBLIC_IGNIS_SSR === 'false') {
+    nuxtConfig = defu({
+      ssr: false,
+    }, nuxtConfig)
+    nuxt.push('ssr=false')
+  }
+
+  if (process.env.NUXT_PUBLIC_IGNIS_PAGES === 'false') {
+    nuxtConfig = defu({
+      pages: false,
+    }, nuxtConfig)
+    nuxt.push('pages=false')
+  }
+
+  // 4. verify results
+  // TODO why this run twice?
+
   let overview = 'Nuxt Ignis will start using following settings:\n'
   overview += 'Modules: ' + nuxtConfig.modules.join(', ') + '\n'
   if (extras.length > 0) {
     overview += 'Extras: ' + extras.join(', ') + '\n'
   }
+  if (nuxt.length > 0) {
+    overview += 'Nuxt: ' + nuxt.join(', ') + '\n'
+  }
   log.info(overview)
 
   return nuxtConfig

package/nuxt.config.ts

@@ -6,8 +6,13 @@ const ignisFeatures = setFeatures()
 // https://nuxt.com/docs/guide/directory-structure/nuxt-config
 const nuxtConfig = defu(ignisFeatures, {
 
+  extends: [
+    // Test-pack base layer
+    'nuxt-spec',
+  ],
+
   // https://nuxt.com/docs/api/nuxt-config#compatibilitydate
-  compatibilityDate: '2024-12-25',
+  compatibilityDate: '2025-01-18',
 
   // simple eslint config - see eslint.config.mjs
   eslint: {
@@ -26,6 +31,15 @@ const nuxtConfig = defu(ignisFeatures, {
       // NOTE: due to static-like nature of nuxt.config.ts file
       // actual values MUST BE provided via .env file (or production equivalent)
       ignis: {
+
+        // logging
+        log: {
+          level: 'info',
+        },
+
+        // nuxt-related config
+        ssr: true, // true/false
+        pages: true, // true/false
         // presets
         preset: {
           ui: 'off', // nuxt-ui/tailwind/off
@@ -53,9 +67,6 @@ const nuxtConfig = defu(ignisFeatures, {
           content: false, // true/false (elrh-pslo will (not) be aplied on nuxt-content)
         },
       },
-
-      // logging
-      logLevel: 'info',
     },
   },
 })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nuxt-ignis",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "description": "Enhanced and customizable Nuxt application starter pack",
   "repository": "github:AloisSeckar/nuxt-ignis",
   "license": "MIT",
@@ -13,35 +13,42 @@
     "dev": "nuxt dev",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
-    "start": "nuxt start"
+    "start": "nuxt start",
+    "test": "vitest run"
   },
   "dependencies": {
     "@formkit/nuxt": "1.6.9",
     "@nuxt/content": "2.13.4",
-    "@nuxt/eslint": "0.7.4",
-    "@nuxt/image": "1.8.1",
-    "@nuxt/ui": "2.20.0",
-    "@nuxtjs/i18n": "9.1.1",
-    "@nuxtjs/supabase": "1.4.5",
-    "@nuxtjs/tailwindcss": "6.12.2",
+    "@nuxt/eslint": "0.7.6",
+    "@nuxt/image": "1.9.0",
+    "@nuxt/ui": "2.21.0",
+    "@nuxtjs/i18n": "9.1.4",
+    "@nuxtjs/supabase": "1.4.6",
+    "@nuxtjs/tailwindcss": "6.13.1",
     "@pinia/nuxt": "0.9.0",
-    "@vueuse/core": "12.2.0",
-    "@vueuse/nuxt": "12.2.0",
-    "consola": "3.3.1",
+    "@vueuse/core": "12.5.0",
+    "@vueuse/nuxt": "12.5.0",
+    "consola": "3.4.0",
     "defu": "6.1.4",
     "elrh-pslo": "1.1.6",
-    "nuxt-neon": "0.2.5",
+    "nuxt-neon": "0.3.0",
     "nuxt-security": "2.1.5",
+    "nuxt-spec": "0.0.2",
     "nuxt-time": "1.0.3",
-    "open-props": "1.7.9",            
-    "pinia": "2.3.0",
+    "open-props": "1.7.12",            
+    "pinia": "2.3.1",
     "postcss-jit-props": "1.0.15",    
-    "typescript": "5.7.2",
+    "typescript": "latest",
     "vue": "latest",
     "vue-router": "latest"
   },
+  "pnpm": {
+    "overrides": {
+      "vite": "latest"
+    }
+  },
   "devDependencies": {
-    "nuxt": "3.15.0"
+    "nuxt": "3.15.4"
   },
-  "packageManager": "pnpm@9.15.1"
+  "packageManager": "pnpm@9.15.4"
 }

package/pages/index.vue

@@ -4,10 +4,9 @@
     An example of Nuxt page.
     Nuxt automaticaly provides routing and displays this page when user visits root URL or `/index`.
 
-    AppFeature
+    AppFeatureList
      - an example usage of auto-imported Nuxt component declared in `/components` directory
-     - the text is (usually) being loaded localized via nuxtjs/i18n module
-     - features are being displayed conditionally according to current setting
+     - this contains a list of available features configured in current Nuxt Ignis setup
 
     NuxtLink
      - special component for improved handling for HTML links (<a> tags)
@@ -15,23 +14,7 @@
 
 <template>
   <div>
-    <div class="m-auto my-4 w-3/5 flex flex-col">
-      <AppFeature :text="useT('features.nuxt')" />
-      <AppFeature :text="useT('features.security')" />
-      <AppFeature :text="useT('features.image')" />
-      <AppFeature :text="useT('features.pinia')" />
-      <AppFeature :text="useT('features.vueuse')" />
-      <AppFeature :text="useT('features.consola')" />
-      <AppFeature v-if="nuxtui" :text="useT('features.ui')" />
-      <AppFeature v-if="tailwind" :text="useT('features.tailwind')" />
-      <AppFeature v-if="nuxtui" :text="useT('features.icon')" />
-      <AppFeature v-if="neon" :text="useT('features.neon')" />
-      <AppFeature v-if="supabase" :text="useT('features.supabase')" />
-      <AppFeature v-if="i18n" :text="useT('features.i18n')" />
-      <AppFeature v-if="formkit" :text="useT('features.formkit')" />
-      <AppFeature v-if="content" :text="useT('features.content')" />
-      <AppFeature v-if="openprops" class="openprops-feature" :text="useT('features.openprops')" />
-    </div>
+    <AppFeatureList />
     <div class="link">
       <NuxtLink to="/second">
         {{ useT("goto2") }}
@@ -39,17 +22,3 @@
     </div>
   </div>
 </template>
-
-<script setup lang="ts">
-const setup = useRuntimeConfig().public.ignis
-const ui = setup.preset.ui
-const db = setup.preset.db
-const nuxtui = ui === 'nuxt-ui' || setup.ui
-const tailwind = ui !== 'off' || setup.ui || setup.tailwind
-const neon = db === 'neon' || setup.neon
-const supabase = db === 'supabase' || setup.supabase
-const i18n = setup.i18n.enabled
-const formkit = setup.formkit.enabled
-const content = setup.content
-const openprops = setup.openprops
-</script>

package/test/ignis.test.ts

@@ -0,0 +1,5 @@
+import { expect, test } from 'vitest'
+
+test('vitest should run', () => {
+  expect(1).toBe(1)
+})

package/utils/consola.ts

@@ -33,7 +33,7 @@ export const log = createConsola({
  */
 export async function initConsola() {
   // set default log level from config
-  const logLevel = useRuntimeConfig().public.logLevel
+  const logLevel = useRuntimeConfig().public.ignis.log.level
   log.level = getLogLevel(logLevel)
   defaultReporter.level = log.level
   log.debug(`[consola] log level set to '${logLevel}'`)
@@ -44,7 +44,7 @@ export async function initConsola() {
  * to numeric equivalent used by consola.
  */
 function getLogLevel(logLevel: string): LogLevel {
-  const logLevelString = logLevel.toLocaleLowerCase()
+  const logLevelString = logLevel.toLocaleLowerCase() || 'info'
   switch (logLevelString) {
     case 'fatal': return LogLevels.fatal
     case 'error': return LogLevels.error