lxsmnsyc/solid-labels

Simple, reactive labels for SolidJS

solid-labels

Install

npm install solid-labels

yarn add solid-labels

pnpm add solid-labels

Features

• 🏷 Labels: Turn labels into SolidJS utility calls!
• 💬 Comments: Turn comments into SolidJS utility calls, too!
• ⏱ Compile-time Functions: Use functions that are evaluated during compile-time!
• 📦 Auto Imports: No need to import SolidJS utilities, explicitly!
• 🤝 JS and TS Friendly!

Usage

• Labels
• Comments
• Compile-Time Functions
• Solid Namespace

Typescript

<any file>.d.ts

/// <reference types="solid-labels" />

Babel

.babelrc

{
  "plugins": [
    ["solid-labels/babel", { "dev": false }]
  ]
}

[!INFO]: You don't have to use this if you're using Vite or Rollup plugins

Integrations

• Vite
• Rollup
• Unplugin

Disabling features

You can disable some features by passing disabled option to the plugin options.

{
  disabled: {
    labels: {
      signal: true,
    },
    pragma: {
      '@signal': true,
    },
    ctf: {
      $signal: true,
    },
  }
}

Limitations

• Detecting shadowed identifier for signal and memo.

Sponsors

License

MIT © lxsmnsyc