(feat) initial commit

Author: bosh-code

.editorconfig

@@ -0,0 +1,35 @@
+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+max_line_length = 120
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
+
+[*.ts]
+ij_typescript_force_semicolon_style = true
+ij_typescript_use_semicolon_after_statement = true
+ij_typescript_spaces_within_imports = true
+
+[*.json]
+ij_json_array_wrapping = off
+ij_json_keep_blank_lines_in_code = 0
+ij_json_keep_indents_on_empty_lines = false
+ij_json_keep_line_breaks = true
+ij_json_keep_trailing_comma = true
+ij_json_object_wrapping = off
+ij_json_property_alignment = do_not_align
+ij_json_space_after_colon = true
+ij_json_space_after_comma = true
+ij_json_space_before_colon = false
+ij_json_space_before_comma = false
+ij_json_spaces_within_braces = false
+ij_json_spaces_within_brackets = false
+ij_json_wrap_long_lines = false

.github/actions/setup/action.yaml

@@ -0,0 +1,41 @@
+---
+name: Setup
+description: Setup the environment for the project
+
+inputs:
+  node-version:
+    description: Node.js version
+    default: '24'
+    required: false
+  node-registry:
+    description: Node.js package registry to set up for auth
+    required: false
+
+runs:
+  using: composite
+  steps:
+    - name: Install Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: ${{ inputs.node-version }}
+        registry-url: ${{ inputs.node-registry }}
+
+    - name: Install pnpm
+      uses: pnpm/action-setup@v4
+
+    - name: Get pnpm store directory
+      id: pnpm-cache-dir
+      shell: bash
+      run: echo "dir=$(pnpm store path)" >> $GITHUB_OUTPUT
+
+    - name: Setup pnpm cache
+      uses: actions/cache@v4
+      with:
+        path: ${{ steps.pnpm-cache-dir.outputs.dir }}
+        key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+        restore-keys: |
+          ${{ runner.os }}-pnpm-store-
+
+    - name: Install dependencies
+      shell: bash
+      run: pnpm install --prefer-frozen-lockfile

.github/workflows/release.yaml

@@ -0,0 +1,43 @@
+---
+name: Release
+
+on:
+  push:
+    tags:
+      - 'v*'
+
+jobs:
+  gh-release:
+    name: Create GitHub Release
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v5
+
+      - name: Create release
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: gh release create "$GITHUB_REF_NAME" --generate-notes
+
+  publish-npm:
+    name: Publish to NPM
+    runs-on: ubuntu-latest
+    permissions:
+      contents: read
+      id-token: write
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v5
+
+      - name: Setup
+        uses: ./.github/actions/setup
+        with:
+          node-registry: https://registry.npmjs.org
+
+      - name: Publish to NPM
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_CONFIG_PROVENANCE: true
+        run: pnpm publish --no-git-checks --access public

.gitignore

@@ -0,0 +1,4 @@
+.idea/
+node_modules/
+dist/
+.DS_Store

.npmignore

@@ -0,0 +1,3 @@
+.idea/
+eslint.config.ts
+sample/

.prettierignore

@@ -0,0 +1,16 @@
+# Add files and folders here to ignore them from prettier formatting
+
+# Prettier default
+**/.git
+**/.svn
+**/.hg
+**/node_modules
+
+# Dirs
+dist
+.idea
+
+# Files
+README.md
+**/*.json
+**/*.yaml

.prettierrc.yml

@@ -0,0 +1,20 @@
+---
+arrowParens: always
+bracketSpacing: true
+embeddedLanguageFormatting: auto
+htmlWhitespaceSensitivity: css
+insertPragma: false
+jsxSingleQuote: true
+printWidth: 120
+proseWrap: preserve
+quoteProps: as-needed
+requirePragma: false
+semi: true
+singleQuote: true
+tabWidth: 2
+trailingComma: none
+useTabs: false
+overrides:
+    - files: '*.ts'
+      options:
+          parser: typescript

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025-present Ryan Bosher
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,171 @@
+# @bosh-code/tsdown-plugin-inject-css
+
+[![npm version](https://img.shields.io/npm/v/@bosh-code/tsdown-plugin-inject-css)](https://npmjs.com/package/@bosh-code/tsdown-plugin-inject-css)
+![license](https://img.shields.io/npm/l/@bosh-code/tsdown-plugin-inject-css)
+
+Inject CSS imports at the top of each chunk file in tsdown builds.
+
+During the build process, tsdown strips CSS imports from your source files. This plugin tracks those imports and
+re-injects them into output chunks.
+
+```js
+// Input: foo.ts
+import './foo.css';
+
+export const Foo = () => <div>Foo</div>;
+
+// Output: foo.js (with plugin)
+import './foo.css';
+
+export const Foo = () => <div>Foo</div>;
+```
+
+## Features
+
+- 💡 Automatically tracks CSS imports before they're stripped
+- 🎯 Injects imports into the correct output chunks
+- ⚡️ Sourcemap support
+- 🛠 Out-of-box, minimal configuration
+- 🔄 Works with tsdown's code splitting and chunking
+
+## Installation
+
+```bash
+npm install @bosh-code/tsdown-plugin-inject-css -D
+# or
+pnpm add @bosh-code/tsdown-plugin-inject-css -D
+# or
+yarn add @bosh-code/tsdown-plugin-inject-css -D
+```
+
+## Usage
+
+```ts
+// tsdown.config.ts
+import { defineConfig } from 'tsdown';
+import { libInjectCss } from '@bosh-code/tsdown-plugin-inject-css';
+
+export default defineConfig({
+  entry: ['./src/index.ts'],
+  format: ['esm'],
+  plugins: [
+    libInjectCss({
+      sourcemap: true, // default: true
+    }),
+  ],
+});
+```
+
+## How It Works
+
+The plugin operates in three phases:
+
+1. **Transform Phase**: Scans source files for CSS imports (e.g., `import './style.css'`) before they're stripped
+2. **Render Phase**: Tracks which source modules end up in which output chunks
+3. **Generate Phase**: Re-injects the CSS imports at the top of the appropriate chunks
+
+### Example
+
+Given this structure:
+
+```ts
+// src/foo.ts
+import './foo.css';
+
+export const Foo = () => <div>Foo < /div>;
+
+// src/bar.ts
+import './bar.css';
+
+export const Bar = () => <div>Bar < /div>;
+
+// src/index.ts
+export { Foo } from './foo';
+export { Bar } from './bar';
+```
+
+The plugin ensures:
+
+- `foo.js` includes `import './foo.css';`
+- `bar.js` includes `import './bar.css';`
+- `index.js` imports from `foo.js` and `bar.js` (CSS already handled)
+
+## Options
+
+### `sourcemap`
+
+- Type: `boolean`
+- Default: `true`
+
+Whether to generate sourcemaps for the modified chunks.
+
+```ts
+libInjectCss({
+  sourcemap: false, // Disable sourcemap generation
+})
+```
+
+## Why This Plugin?
+
+When building component libraries with tsdown, CSS imports are typically stripped during the transpilation process. This
+plugin solves the problem by:
+
+1. **Preserving CSS imports**: Ensures styles are loaded when components are used
+2. **Proper chunking**: Each chunk only imports its required CSS files
+3. **Tree-shaking friendly**: Works seamlessly with tsdown's code splitting
+4. **Zero configuration**: Works out of the box with sensible defaults
+
+## Compatibility
+
+This plugin is designed for:
+
+- ✅ tsdown (primary target)
+- ✅ Rolldown (direct compatibility)
+- ⚠️ Rollup (may work with limitations)
+
+## Configuration Tips
+
+### For Component Libraries
+
+When building a component library, you typically want:
+
+```ts
+export default defineConfig({
+  entry: ['./src/index.ts'],
+  format: ['esm'],
+  dts: true,
+  sourcemap: true,
+  plugins: [
+    libInjectCss(),
+  ],
+});
+```
+
+### With Multiple Entry Points
+
+The plugin works seamlessly with multiple entries:
+
+```ts
+export default defineConfig({
+  entry: {
+    index: './src/index.ts',
+    button: './src/button/index.ts',
+    card: './src/card/index.ts',
+  },
+  format: ['esm'],
+  plugins: [
+    libInjectCss(),
+  ],
+});
+```
+
+Each entry point will have its CSS imports properly injected.
+
+## Inspired By
+
+This plugin is inspired by [vite-plugin-lib-inject-css](https://github.com/emosheeep/vite-plugin-lib-inject-css) but
+adapted specifically for tsdown's architecture and build process.
+
+## License
+
+MIT © bosh-code

commitlint.config.js

@@ -0,0 +1,3 @@
+export default {
+  extends: ['@commitlint/config-conventional'],
+}