Merge pull request #144 from linked-planet/dev

Update package.json to include bundler-plugins in files and exports. …

Author: marcus-wishes

bundler_plugins/index.ts

@@ -0,0 +1,11 @@
+// the .js extension is necessary because the bundler plugins are not typescript files
+// and we need to use the .js extension to import them as esm modules
+import viteAppendCssPlugin from "./vite-append-css-plugin.js"
+import { postcssClassPrefixerPlugin } from "./postcss_prefix_classname-plugin.js"
+import rollupClassPrefixerPlugin from "./rollup_class_prefixer-plugin.js"
+
+export {
+	viteAppendCssPlugin,
+	postcssClassPrefixerPlugin,
+	rollupClassPrefixerPlugin,
+}

bundler_plugins/vite-append-css-plugin.ts

@@ -0,0 +1,41 @@
+import type { Plugin } from "vite"
+import { readFile } from "node:fs/promises"
+import { extname } from "node:path"
+
+export interface AppendCSSOptions {
+	/** Path to external file to include */
+	files: string[]
+}
+
+/**
+ * Vite plugin that appends content of a specified file to all CSS assets in the bundle.
+ * @param options - Plugin options containing the path to the extra file.
+ * @returns Vite plugin object
+ */
+export default function viteAppendCssPlugin(options: AppendCSSOptions): Plugin {
+	return {
+		name: "append-css",
+		enforce: "post",
+		async generateBundle(_options, bundle) {
+			for (const file of options.files) {
+				const extra = await readFile(file, "utf-8")
+				for (const [fileName, asset] of Object.entries(bundle)) {
+					if (
+						asset.type === "asset" &&
+						extname(fileName) === ".css"
+					) {
+						const original = asset.source
+						asset.source =
+							typeof original === "string"
+								? `${original}\n${extra}`
+								: `${original.toString()}\n${extra}`
+						console.log(
+							"\x1b[33m%s\x1b[0m",
+							`\n[append-css] - Appended ${file} to ${fileName}`,
+						)
+					}
+				}
+			}
+		},
+	}
+}

library/src/index.ts

@@ -1,5 +1,3 @@
-import "./styles.css"
-
 export * from "./components"
 export type { DynamicFormTypes } from "./components"
 export type { DnDTypes } from "./components"

library/src/styles.css

@@ -12,14 +12,16 @@
 	"module": "dist/index.js",
 	"type": "module",
 	"files": [
-		"dist"
+		"dist",
+		"dist/bundler-plugins"
 	],
 	"types": "./dist/index.d.ts",
-	"style": [
-		"dist/styles.css",
-		"dist/tailwindcss.css",
-		"dist/tailwindcss-important.css"
-	],
+	"exports": {
+		".": "./dist/index.js",
+		"./*": "./dist/**/*.js",
+		"./bundler-plugins": "./dist/bundler-plugins/index.js",
+		"./bundler-plugins/*": "./dist/bundler-plugins/*.js"
+	},
 	"scripts": {
 		"build:lib": "tsc --noEmit -p tsconfig.lib.json && vitest run && vite build -c vite.config.lib.ts && npm run messages:compile && cp -r ./twThemes dist && npm run tsc:plugin",
 		"build:sc": "node ./showcase/copySources.js && tsc --noEmit && vite build -c vite.config.showcase.ts && node ./showcase/copyIndexTo404.js",
@@ -44,7 +46,7 @@
 		"bcheck:lib": "biome check --apply ./library/**/*",
 		"bformat:sc": "biome format ./showcase/**/*",
 		"blint:sc": "biome lint ./showcase/**/*",
-		"tsc:plugin": "tsc --moduleResolution bundler --module esnext --outDir dist/bundler-plugins --declaration bundler_plugins/rollup_class_prefixer-plugin.ts bundler_plugins/postcss_prefix_classname-plugin.ts"
+		"tsc:plugin": "tsc --moduleResolution bundler --module esnext --outDir dist/bundler-plugins --declaration bundler_plugins/rollup_class_prefixer-plugin.ts bundler_plugins/postcss_prefix_classname-plugin.ts bundler_plugins/vite-append-css-plugin.ts bundler_plugins/index.ts"
 	},
 	"sideEffects": false,
 	"author": "Markus Toepfer",
@@ -152,7 +154,7 @@
 		"tailwindcss": "^4.0.3",
 		"typescript": "^5.8.3",
 		"typescript-plugin-css-modules": "^5.1.0",
-		"vite": "^6.3.1",
+		"vite": "^6.3.2",
 		"vite-plugin-dts": "^4.5.3",
 		"vitest": "^3.1.1"
 	},