@dxtmisha/configuration 0.3.11 → 0.4.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dxtmisha/configuration",
   "private": false,
-  "version": "0.3.11",
+  "version": "0.4.0",
   "type": "module",
   "description": "Shared configuration files for DXT UI - Vite configs and TypeScript configs for building UI components",
   "keywords": [
@@ -26,8 +26,8 @@
     "url": "https://github.com/dxtmisha/dxt-ui/issues"
   },
   "files": [
-    "viteconfig/",
     "tsconfig/",
+    "viteconfig/",
     "README.md",
     "package.json",
     "LICENSE"
@@ -49,6 +49,10 @@
       "types": "./viteconfig/viteFlags.config.d.ts",
       "default": "./viteconfig/viteFlags.config.js"
     },
+    "./viteLibraries": {
+      "types": "./viteconfig/viteLibraries.config.d.ts",
+      "default": "./viteconfig/viteLibraries.config.js"
+    },
     "./viteMdx": {
       "types": "./viteconfig/viteMdx.config.d.ts",
       "default": "./viteconfig/viteMdx.config.js"
@@ -59,8 +63,8 @@
     "node": ">=18.0.0"
   },
   "peerDependencies": {
-    "vite": ">=4.0.0",
-    "typescript": ">=4.5.0"
+    "vite": "*",
+    "typescript": "*"
   },
   "dependencies": {}
 }

package/viteconfig/viteBasicFunction.config.js

@@ -3,6 +3,9 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import dts from 'vite-plugin-dts'
 
+import autoprefixer from 'autoprefixer'
+import cssnanoPlugin from 'cssnano'
+
 // https://vite.dev/config/
 
 /**
@@ -10,30 +13,26 @@ import dts from 'vite-plugin-dts'
  *
  * Создаёт базовую конфигурацию Vite для библиотек с функциями/композаблами/классами.
  * @param name global library name / глобальное имя библиотеки
+ * @param target build target / цель сборки
  * @param entry entry points / входные точки сборки
  * @param include glob patterns for d.ts / паттерны для генерации d.ts
  * @param includeExtended extra patterns / дополнительные паттерны
  * @param external external dependencies / внешние зависимости
  * @param externalExtended extra dependencies / дополнительные зависимости
+ * @param fileCssName name of the output CSS file / имя выходного CSS файла
+ * @param rollupTypes whether to use rollupTypes in dts plugin / использовать ли rollupTypes в плагине dts
  * @returns Vite config / конфигурация Vite
  */
 export const viteBasicFunction = (
   name = 'dxt-ui',
+  target = 'es2018',
   entry = [
     'src/library.ts'
   ],
   include = [
-    'src/classes/**/*.ts',
-    'src/composables/**/*.ts',
-    'src/documentation/**/*.ts',
-    'src/documentation/**/*.tsx',
-    'src/functions/**/*.ts',
-    'src/media/**/*.ts',
-    'src/types/**/*.ts',
-    'src/flags.ts',
-    'src/library.ts',
-    'src/media.ts',
-    'src/storybook.tsx'
+    'src/**/*.ts',
+    'src/**/*.tsx',
+    'src/**/*.vue'
   ],
   includeExtended = [],
   external = [
@@ -58,9 +57,12 @@ export const viteBasicFunction = (
     '@emotion/react',
     '@emotion/styled'
   ],
-  externalExtended = []
+  externalExtended = [],
+  fileCssName = 'style.css',
+  rollupTypes = false
 ) => defineConfig({
   build: {
+    target,
     lib: {
       entry,
       name,
@@ -79,20 +81,59 @@ export const viteBasicFunction = (
         ]
 
         return externalsList.some(ext => id === ext || id.startsWith(ext + '/'))
+      },
+      output: {
+        assetFileNames: (assetInfo) => {
+          const fileName = assetInfo.names?.[0] || assetInfo.originalFileName
+
+          if (
+            fileCssName
+            && fileName
+            && fileName.endsWith('.css')
+          ) {
+            return fileCssName
+          }
+
+          return '[name]-[hash][extname]'
+        }
       }
     }
   },
+  css: {
+    postcss: {
+      plugins: [
+        autoprefixer(),
+        cssnanoPlugin({ preset: 'default' })
+      ]
+    }
+  },
   plugins: [
     vue(),
     dts({
       clearPureImport: false,
-      copyDtsFiles: true,
+      copyDtsFiles: false,
+      exclude: [
+        '**/__tests__/**',
+        '**/*.test.ts',
+        '**/*.spec.ts',
+        '**/*.stories.ts',
+        '**/*.stories.tsx',
+        '**/*.json',
+        '**/node_modules/**',
+        '**/dist/**',
+        '**/dist-temporary/**',
+        '**/*.config.ts',
+        '**/*.config.js',
+        '**/vite-env.d.ts'
+      ],
       include: [
+        ...entry,
         ...include,
         ...includeExtended
       ],
       insertTypesEntry: true,
       outDir: 'dist',
+      rollupTypes,
       staticImport: true,
       tsconfigPath: './tsconfig.app.json'
     })

package/viteconfig/viteComponentOnly.config.js

@@ -1,7 +1,8 @@
-import nodePath from 'node:path'
+// import nodePath from 'node:path'
 import { defineConfig } from 'vite'
 
 import vue from '@vitejs/plugin-vue'
+import dts from 'vite-plugin-dts'
 
 /**
  * Creates a base Vite config for libraries with only Vue components.
@@ -15,11 +16,11 @@ export const viteComponentOnly = (
   path,
   packages
 ) => {
-  return defineConfig({
-    plugins: [vue()],
+  const outDir = 'dist-temporary'
 
+  return defineConfig({
     build: {
-      outDir: nodePath.join(nodePath.dirname(path), 'wiki', 'temporary', 'dist'),
+      outDir,
 
       lib: {
         entry: path,
@@ -46,6 +47,37 @@ export const viteComponentOnly = (
       alias: {
         '@': packages
       }
-    }
+    },
+
+    plugins: [
+      vue()/* ,
+      dts({
+        clearPureImport: false,
+        copyDtsFiles: true,
+        insertTypesEntry: true,
+        outDir,
+        include: [
+          'src/!**!/!*.ts',
+          'src/!**!/!*.tsx',
+          'src/!**!/!*.vue'
+        ],
+        exclude: [
+          '**!/__tests__/!**',
+          '**!/!*.test.ts',
+          '**!/!*.spec.ts',
+          '**!/!*.stories.ts',
+          '**!/!*.stories.tsx',
+          '**!/!*.json',
+          '**!/node_modules/!**',
+          '**!/dist/!**',
+          '**!/dist-temporary/!**',
+          '**!/!*.config.ts',
+          '**!/!*.config.js',
+          '**!/vite-env.d.ts'
+        ],
+        staticImport: true,
+        tsconfigPath: './tsconfig.app.json'
+      }) */
+    ]
   })
 }

package/viteconfig/viteLibraries.config.d.ts

@@ -0,0 +1 @@
+export declare const viteLibraries: {}

package/viteconfig/viteLibraries.config.js

@@ -0,0 +1,27 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+import { viteBasicFunction } from './viteBasicFunction.config.js'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+
+// https://vite.dev/config/
+export const viteLibraries = viteBasicFunction(
+  undefined,
+  undefined,
+  [
+    ...(() => {
+      const dir = path.resolve(__dirname, 'src/library')
+
+      if (fs.existsSync(dir)) {
+        return fs.readdirSync(dir)
+          .filter(file => file.endsWith('.ts'))
+          .map(file => path.join(dir, file))
+      }
+
+      return []
+    })()
+  ]
+)