refactor: enable isolatedDeclarations

Author: sxzz

src/esbuild.ts

@@ -1,3 +1,21 @@
-import unplugin from '.'
+/**
+ * This entry file is for esbuild plugin.
+ *
+ * @module
+ */
 
-export default unplugin.esbuild
+import LightningCSS from './index'
+
+/**
+ * Esbuild plugin
+ *
+ * @example
+ * ```ts
+ * import { build } from 'esbuild'
+ *
+ * build({
+ *   plugins: [require('unplugin-isolated-decl/esbuild')()],
+ * })
+ * ```
+ */
+export default LightningCSS.esbuild as typeof LightningCSS.esbuild

src/farm.ts

@@ -1,3 +1,22 @@
-import unplugin from '.'
+/**
+ * This entry file is for Farm plugin.
+ *
+ * @module
+ */
 
-export default unplugin.farm
+import LightningCSS from './index'
+
+/**
+ * Farm plugin
+ *
+ * @example
+ * ```ts
+ * // farm.config.js
+ * import LightningCSS from 'unplugin-isolated-decl/farm'
+ *
+ * export default {
+ *   plugins: [LightningCSS()],
+ * }
+ * ```
+ */
+export default LightningCSS.farm as typeof LightningCSS.farm

src/index.ts

@@ -1,32 +1,36 @@
 import { Buffer } from 'node:buffer'
-import { createUnplugin } from 'unplugin'
 import { createFilter } from '@rollup/pluginutils'
 import { transform } from 'lightningcss'
-import { type Options, resolveOption } from './core/options'
+import { createUnplugin, type UnpluginInstance } from 'unplugin'
+import { resolveOption, type Options } from './core/options'
 
 const postfixRE = /[#?].*$/s
 function cleanUrl(url: string): string {
   return url.replace(postfixRE, '')
 }
 
-export default createUnplugin<Options | undefined, false>((rawOptions = {}) => {
-  const options = resolveOption(rawOptions)
-  const filter = createFilter(options.include, options.exclude)
+const plugin: UnpluginInstance<Options | undefined, false> = createUnplugin(
+  (rawOptions = {}) => {
+    const options = resolveOption(rawOptions)
+    const filter = createFilter(options.include, options.exclude)
 
-  const name = 'unplugin-lightningcss'
-  return {
-    name,
-    enforce: options.enforce,
+    const name = 'unplugin-lightningcss'
+    return {
+      name,
+      enforce: options.enforce,
 
-    transformInclude(id) {
-      return filter(id)
-    },
+      transformInclude(id) {
+        return filter(id)
+      },
 
-    transform(code, id) {
-      return transformCss(id, code, options.options)
-    },
-  }
-})
+      transform(code, id) {
+        return transformCss(id, code, options.options)
+      },
+    }
+  },
+)
+
+export default plugin
 
 function transformCss(id: string, code: string, options: Options['options']) {
   const filename = cleanUrl(id)

src/rolldown.ts

@@ -1,3 +1,22 @@
-import unplugin from '.'
+/**
+ * This entry file is for Rolldown plugin.
+ *
+ * @module
+ */
 
-export default unplugin.rolldown
+import LightningCSS from './index'
+
+/**
+ * Rolldown plugin
+ *
+ * @example
+ * ```ts
+ * // rolldown.config.js
+ * import LightningCSS from 'unplugin-isolated-decl/rolldown'
+ *
+ * export default {
+ *   plugins: [LightningCSS()],
+ * }
+ * ```
+ */
+export default LightningCSS.rolldown as typeof LightningCSS.rolldown

src/rollup.ts

@@ -1,3 +1,22 @@
-import unplugin from '.'
+/**
+ * This entry file is for Rollup plugin.
+ *
+ * @module
+ */
 
-export default unplugin.rollup
+import LightningCSS from './index'
+
+/**
+ * Rollup plugin
+ *
+ * @example
+ * ```ts
+ * // rollup.config.js
+ * import LightningCSS from 'unplugin-isolated-decl/rollup'
+ *
+ * export default {
+ *   plugins: [LightningCSS()],
+ * }
+ * ```
+ */
+export default LightningCSS.rollup as typeof LightningCSS.rollup

src/rspack.ts

@@ -1,3 +1,22 @@
-import unplugin from '.'
+/**
+ * This entry file is for Vite plugin.
+ *
+ * @module
+ */
 
-export default unplugin.rspack
+import LightningCSS from './index'
+
+/**
+ * Vite plugin
+ *
+ * @example
+ * ```ts
+ * // rspack.config.js
+ * import LightningCSS from 'unplugin-isolated-decl/rspack'
+ *
+ * export default {
+ *   plugins: [LightningCSS()],
+ * }
+ * ```
+ */
+export default LightningCSS.rspack as typeof LightningCSS.rspack

src/vite.ts

@@ -1,3 +1,22 @@
-import unplugin from '.'
+/**
+ * This entry file is for Vite plugin.
+ *
+ * @module
+ */
 
-export default unplugin.vite
+import LightningCSS from './index'
+
+/**
+ * Vite plugin
+ *
+ * @example
+ * ```ts
+ * // vite.config.js
+ * import LightningCSS from 'unplugin-isolated-decl/vite'
+ *
+ * export default {
+ *   plugins: [LightningCSS()],
+ * }
+ * ```
+ */
+export default LightningCSS.vite as typeof LightningCSS.vite

src/webpack.ts

@@ -1,3 +1,22 @@
-import unplugin from '.'
+/**
+ * This entry file is for Vite plugin.
+ *
+ * @module
+ */
 
-export default unplugin.webpack
+import LightningCSS from './index'
+
+/**
+ * Vite plugin
+ *
+ * @example
+ * ```ts
+ * // webpack.config.js
+ * import LightningCSS from 'unplugin-isolated-decl/webpack'
+ *
+ * export default {
+ *   plugins: [LightningCSS()],
+ * }
+ * ```
+ */
+export default LightningCSS.webpack as typeof LightningCSS.webpack

tests/transform.test.ts

@@ -1,7 +1,7 @@
 import { resolve } from 'node:path'
-import { describe } from 'vitest'
 import { rollupBuild, testFixtures } from '@sxzz/test-utils'
 import css from 'rollup-plugin-css-only'
+import { describe } from 'vitest'
 import LightningCSS from '../src/rollup'
 
 describe('transform', async () => {

tsconfig.json

@@ -1,15 +1,19 @@
 {
   "compilerOptions": {
     "target": "esnext",
-    "jsx": "preserve",
     "lib": ["es2022"],
-    "module": "esnext",
+    "moduleDetection": "force",
+    "module": "preserve",
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "types": ["node"],
     "strict": true,
     "noUnusedLocals": true,
+    "declaration": true,
+    "isolatedDeclarations": true,
     "esModuleInterop": true,
+    "isolatedModules": true,
+    "verbatimModuleSyntax": true,
     "skipLibCheck": true
   },
   "include": ["src", "tests"],