fix: fix hash

Author: markthree

README.md

@@ -22,8 +22,7 @@ Faster rendering and more readable seo
 <!-- Highlight some of the features your module provide here -->
 
 - 🚠 &nbsp;Optimal Caching
-- ⛰ &nbsp;Supports all rendering modes, spa, ssg, ssr and ssr with
-  pre-rendering.
+- ⛰ &nbsp;Supports ssg, ssr and ssr with pre-rendering.
 - 🌲 &nbsp;Intelligent minification extraction, removing unused styles from the
   page, merging duplicate styles
 

README_CN.md

@@ -19,7 +19,7 @@
 ## Features
 
 - 🚠  最佳的缓存
-- ⛰  支持所有渲染模式, spa, ssg, ssr 和带预渲染的 ssr
+- ⛰  支持 ssg, ssr 和带预渲染的 ssr
 - 🌲  智能精简提取，移除页面中未使用的样式，合并重复的样式
 
 <br />

package.json

@@ -21,6 +21,7 @@
     "prepack": "nuxt-module-build build",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
+    "dev:generate": "nuxi generate playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
     "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
     "lint": "eslint .",

playground/app.vue

@@ -5,7 +5,7 @@
 </template>
 
 <script setup>
-useServerHead({
+useHead({
   style: [
     {
       innerHTML: 'body { color: red }',

playground/nuxt.config.ts

@@ -3,8 +3,4 @@ export default defineNuxtConfig({
   devtools: { enabled: true },
   compatibilityDate: '2024-08-16',
   sourcemap: false,
-  styleExtractor: {
-    removeUnused: false,
-    minify: false,
-  },
 })

src/module.ts

@@ -1,6 +1,6 @@
-import { join } from 'node:path'
 import fs from 'node:fs/promises'
 import { existsSync } from 'node:fs'
+import { join, isAbsolute } from 'node:path'
 import { hash } from 'ohash'
 import { addPlugin, addServerPlugin, addTemplate, addTypeTemplate, createResolver, defineNuxtModule } from '@nuxt/kit'
 
@@ -44,6 +44,18 @@ export interface ModuleOptions {
    * ```
    */
   transformFile: string
+
+  /**
+   * @default 'nuxt-style-extractor'
+   * @description If you want to invalidate all caches, then change the baseHash
+   */
+  baseHash: string
+
+  /**
+   * @default 'public, max-age=31536000, immutable'
+   * @description Set cache header, valid only when ssr is in production
+   */
+  cacheControl: string | null
 }
 
 export default defineNuxtModule<ModuleOptions>({
@@ -55,6 +67,8 @@ export default defineNuxtModule<ModuleOptions>({
     minify: true,
     removeUnused: true,
     transformFile: '',
+    baseHash: 'nuxt-style-extractor',
+    cacheControl: 'public, max-age=31536000, immutable',
   },
   async setup(_options, nuxt) {
     const resolver = createResolver(import.meta.url)
@@ -85,20 +99,20 @@ export default defineNuxtModule<ModuleOptions>({
       })
     }
 
+    const transformFile = getTransformFile()
+
     addTemplate({
       filename: 'nuxt-style-extractor-config-hash.js',
-      getContents() {
-        return `export const configHash = "${hash(_options)}"`
+      async getContents() {
+        const modeText = await fs.readFile(transformFile, 'utf-8')
+        return `export const configHash = "${hash([_options, modeText])}"`
       },
     })
 
     addTemplate({
       filename: 'nuxt-style-extractor-transform.js',
       getContents() {
-        if (_options.transformFile !== '') {
-          return fs.readFile(_options.transformFile, 'utf-8')
-        }
-        return fs.readFile(getDefaultTransformFile(), 'utf-8')
+        return fs.readFile(transformFile, 'utf-8')
       },
     })
 
@@ -109,7 +123,20 @@ export default defineNuxtModule<ModuleOptions>({
       },
     })
 
-    function getDefaultTransformFile() {
+    if (_options.cacheControl && !nuxt.options.dev) {
+      nuxt.options.routeRules ??= {}
+      nuxt.options.routeRules['/_css/*'] = {
+        headers: {
+          'Cache-Control': _options.cacheControl,
+        },
+      }
+    }
+
+    function getTransformFile() {
+      if (_options.transformFile !== '') {
+        return isAbsolute(_options.transformFile) ? _options.transformFile : join(nuxt.options.rootDir, _options.transformFile)
+      }
+
       if (_options.minify && _options.removeUnused) {
         return resolver.resolve('./runtime/transforms/best.js')
       }