fix(maz-ui): add hash to css files to avoid overriding

LouisMazel · Dec 8, 2024 · fb932b3 · fb932b3
1 parent 0a50bf1
commit fb932b3
Show file tree

Hide file tree

Showing 8 changed files with 47 additions and 41 deletions.
diff --git a/.github/workflows/builds.yml b/.github/workflows/builds.yml
@@ -14,16 +14,16 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - uses: pnpm/action-setup@v2
-        with:
-          version: latest
-
       - name: Use Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '21'
           cache: 'pnpm'
 
+      - uses: pnpm/action-setup@v2
+        with:
+          version: latest
+
       - name: Install dependencies
         run: pnpm install
 

diff --git a/.github/workflows/cli-publish.yml b/.github/workflows/cli-publish.yml
@@ -11,16 +11,16 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - uses: pnpm/action-setup@v2
-        with:
-          version: latest
-
       - name: Use Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           cache: 'pnpm'
           node-version: '21'
-          registry-url: 'https://registry.npmjs.org'
+          # registry-url: 'https://registry.npmjs.org'
+
+      - uses: pnpm/action-setup@v2
+        with:
+          version: latest
 
       - name: Get last repo version
         run: git pull origin master

diff --git a/.github/workflows/doc-deploy.yml b/.github/workflows/doc-deploy.yml
@@ -15,16 +15,16 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - uses: pnpm/action-setup@v2
-        with:
-          version: latest
-
       - name: Use Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '21'
           cache: 'pnpm'
 
+      - uses: pnpm/action-setup@v2
+        with:
+          version: latest
+
       - name: Install dependencies
         run: pnpm install
 

diff --git a/.github/workflows/lib-publish.yml b/.github/workflows/lib-publish.yml
@@ -14,17 +14,17 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - uses: pnpm/action-setup@v2
-        with:
-          version: latest
-
       - name: Use Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           cache: 'pnpm'
           node-version: '21'
           registry-url: 'https://registry.npmjs.org'
 
+      - uses: pnpm/action-setup@v2
+        with:
+          version: latest
+
       - name: Get last repo version
         run: git pull origin master
 

diff --git a/.github/workflows/lib-test-unit-dependabot.yml b/.github/workflows/lib-test-unit-dependabot.yml
@@ -21,16 +21,16 @@ jobs:
 
       - uses: actions/checkout@v3
 
-      - uses: pnpm/action-setup@v2
-        with:
-          version: latest
-
       - name: Use Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '21'
           cache: 'pnpm'
 
+      - uses: pnpm/action-setup@v2
+        with:
+          version: latest
+
       - name: Install modules
         run: pnpm install --frozen-lockfile
 

diff --git a/.github/workflows/lib-test-unit.yml b/.github/workflows/lib-test-unit.yml
@@ -21,16 +21,16 @@ jobs:
 
       - uses: actions/checkout@v3
 
-      - uses: pnpm/action-setup@v2
-        with:
-          version: latest
-
       - name: Use Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '21'
           cache: 'pnpm'
 
+      - uses: pnpm/action-setup@v2
+        with:
+          version: latest
+
       - name: Install modules
         run: pnpm install --frozen-lockfile
 

diff --git a/.github/workflows/linters.yml b/.github/workflows/linters.yml
@@ -14,16 +14,21 @@ jobs:
     steps:
       - uses: actions/checkout@v3
 
-      - uses: pnpm/action-setup@v2
-        with:
-          version: latest
+      - name: Install pnpm
+        run: |
+          corepack enable
+          corepack prepare pnpm@latest --activat
 
       - name: Use Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '21'
           cache: 'pnpm'
 
+      - uses: pnpm/action-setup@v2
+        with:
+          version: latest
+
       - name: Install modules
         run: pnpm install
 

diff --git a/packages/lib/build/vite.config.ts b/packages/lib/build/vite.config.ts
@@ -58,7 +58,7 @@ function getBuildConfig({
   path: string
   hash?: string
   isModuleBuild?: boolean
-}): InlineConfig {
+}) {
   return {
     build: {
       emptyOutDir: false,
@@ -72,14 +72,15 @@ function getBuildConfig({
         formats: [format],
         fileName: name,
         name,
+        cssFileName: '[name].[hash].css',
       },
       rollupOptions: {
         treeshake: true,
         external: ['vue', 'libphonenumber-js', '/^dayjs:.*/', 'chart.js', 'dropzone', 'vue-chartjs'],
         output: {
           exports: 'named',
-          chunkFileNames: `chunks/[name]-[hash].${format === 'es' ? 'mjs' : 'cjs'}`,
-          assetFileNames: `assets/[name].[ext]`,
+          chunkFileNames: `chunks/[name].[hash].${format === 'es' ? 'mjs' : 'cjs'}`,
+          assetFileNames: 'assets/[name].[hash].[ext]',
           entryFileNames: `[name].${format === 'es' ? 'mjs' : 'cjs'}`,
           preserveModules: false,
           globals: {
@@ -108,7 +109,7 @@ function getBuildConfig({
       libInjectCss(),
       ...(isModuleBuild ? [viteStaticCopy({ targets: staticAssetsToCopy })] : []),
     ],
-  }
+  } satisfies InlineConfig
 }
 
 async function run() {
@@ -165,10 +166,10 @@ async function run() {
       argv.component ? name === argv.component : true,
     )
 
-    for await (const { path: componentPath, name } of componentToBuild) {
+    for await (const { path, name } of componentToBuild) {
       await build(
         getBuildConfig({
-          path: componentPath,
+          path,
           name,
           outDir: resolve(_dirname, '../dist/components'),
           format: 'es',