Package Exports

@htmelt/plugin
@htmelt/plugin/dist/index.mjs

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@htmelt/plugin) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@htmelt/unocss

UnoCSS plugin for HTMelt.

How It Works

It loads your unocss.config.js file.
It scans your JSX and TSX files for tokens identified by UnoCSS plugins/presets.
For each JSX and TSX module, it generates a separate CSS file and adds it to the document with JavaScript.

Roadmap

Use lightningcss to remove duplicate CSS rules on a per-chunk basis.

Install

pnpm install -D @htmelt/unocss
yarn add -D @htmelt/unocss
npm install --save-dev @htmelt/unocss

`import.meta` extensions

The typings of import.meta and import.meta.env can both be extended by plugins.

declare module '@htmelt/plugin/dist/importMeta.mjs' {
  export interface ImportMeta {
    foo: string
  }
  export interface ImportMetaEnv {
    bar: string
  }
}

// Important: Ensure this file is a module
export {}

It's recommended to add a client.d.ts module to your plugin's root directory and advise users to include my-plugin/client in the types array of their tsconfig (along with htmelt/client).

{
  "compilerOptions": {
    "types": ["htmelt/client", "my-plugin/client"]
  }
}

@htmelt/plugin