/solid-labels

Simple, reactive labels for SolidJS

Primary LanguageTypeScriptMIT LicenseMIT

solid-labels

NPM JavaScript Style Guide

Example

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

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

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

Sponsors

License

MIT © lxsmnsyc