🎉 Initial scaffolding

.github/workflows/ci.yml

@@ -0,0 +1,39 @@
+name: CI
+
+permissions:
+  contents: read
+
+on: ['push', 'pull_request']
+
+jobs:
+  ci:
+    runs-on: ${{ matrix.os }}
+    continue-on-error: ${{ matrix.experimental }}
+    strategy:
+      fail-fast: true
+      matrix:
+        os: [ubuntu-latest]
+        node: [20.12]
+        pnpm: [9.0.6]
+        experimental: [false]
+    name: 👷 CI Node-${{ matrix.node }} on ${{ matrix.os }}
+
+    steps:
+      - name: 🚚 Get latest code
+        uses: actions/checkout@v4
+
+      - name: 🎉 Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node }}
+
+      - name: ⚡️ Setup PNPM
+        uses: pnpm/action-setup@v3
+        with:
+          version: ${{ matrix.pnpm }}
+
+      - name: 📦️ Fix code style and build for production
+        run: make build
+
+      - name: 🧪 Test code style and components
+        run: make test

.gitignore

@@ -0,0 +1,179 @@
+# Based on https://raw.githubusercontent.com/github/gitignore/main/Node.gitignore
+
+# Build
+/ts/
+/js/
+
+# Logs
+
+logs
+_.log
+npm-debug.log_
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+.pnpm-debug.log*
+
+# Caches 
+
+.cache
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+
+report.[0-9]_.[0-9]_.[0-9]_.[0-9]_.json
+
+# Runtime data
+
+pids
+_.pid
+_.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+
+lib-cov
+
+# Coverage directory used by tools like istanbul
+
+coverage
+*.lcov
+
+# nyc test coverage
+
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+
+bower_components
+
+# node-waf configuration
+
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+
+build/Release
+
+# Dependency directories
+
+node_modules/
+jspm_packages/
+
+# Snowpack dependency directory (https://snowpack.dev/)
+
+web_modules/
+
+# TypeScript cache
+
+*.tsbuildinfo
+
+# Optional npm cache directory
+
+.npm
+
+# Optional eslint cache
+
+.eslintcache
+
+# Optional stylelint cache
+
+.stylelintcache
+
+# Microbundle cache
+
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+
+.node_repl_history
+
+# Output of 'npm pack'
+
+*.tgz
+
+# Yarn Integrity file
+
+.yarn-integrity
+
+# dotenv environment variable files
+
+.env
+.env.development.local
+.env.test.local
+.env.production.local
+.env.local
+
+# parcel-bundler cache (https://parceljs.org/)
+
+.parcel-cache
+
+# Next.js build output
+
+.next
+out
+
+# Nuxt.js build / generate output
+
+.nuxt
+dist
+
+# Gatsby files
+
+# Comment in the public line in if your project uses Gatsby and not Next.js
+
+# https://nextjs.org/blog/next-9-1#public-directory-support
+
+# public
+
+# vuepress build output
+
+.vuepress/dist
+
+# vuepress v2.x temp and cache directory
+
+.temp
+
+# Docusaurus cache and generated files
+
+.docusaurus
+
+# Serverless directories
+
+.serverless/
+
+# FuseBox cache
+
+.fusebox/
+
+# DynamoDB Local files
+
+.dynamodb/
+
+# TernJS port file
+
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+
+.vscode-test
+
+# yarn v2
+
+.yarn/cache
+.yarn/unplugged
+.yarn/build-state.yml
+.yarn/install-state.gz
+.pnp.*
+
+# IntelliJ based IDEs
+.idea
+
+# Finder (MacOS) folder config
+.DS_Store

.npmignore

@@ -0,0 +1,6 @@
+src/
+tests/
+biome.json
+tsconfig.json
+*.config.ts
+*.config.?ts

LICENSE.md

@@ -0,0 +1,21 @@
+# MIT License
+
+Copyright (c) 2022 [Sigui Kessé Emmanuel](https://github.com/siguici/) <[[email protected]](mailto:[email protected])>
+
+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.

Makefile

@@ -0,0 +1,21 @@
+.PHONY: install check fix test build
+
+install: node_modules pnpm-lock.yaml
+
+node_modules: package.json
+	pnpm i
+
+pnpm-lock.yaml: package.json
+	pnpm up
+
+check: install
+	pnpm check
+
+test: check
+	pnpm test
+
+fix: install
+	pnpm fix
+
+build: fix
+	pnpm build

README.md

@@ -0,0 +1,64 @@
+# Tailwind Color Scheme Plugin 🎨
+
+## 🚀 Installation
+
+You can install the plugin :
+
+- Using `npm`:
+
+```bash
+npm install tailwind-color-scheme
+```
+
+- Using `Yarn`:
+
+```bash
+yarn add tailwind-color-scheme
+```
+
+- Using `PNPM`:
+
+```bash
+pnpm add tailwind-color-scheme
+```
+
+- Using `Bun`:
+
+```bash
+bun install tailwind-color-scheme
+```
+
+## 💡 Usage
+
+Simply use the provided class names in your `HTML` or `JSX` to apply color styles that adapt to the light or dark mode.
+
+### Using Color Classes
+
+Use the following class convention to apply color styles that adapt to light/dark themes:
+
+- `variant-color-[light|dark]-X` where variant is a `TailwindCSS` variant (`text`, `bg`, `border`, etc.), color is the color name (e.g., `blue`, `red`, `green`, etc.), and X corresponds to:
+
+  - 0: color-50 in light mode or color-950 in dark mode
+  - 1: color-100 in light mode or color-900 in dark mode
+  - 2: color-200 in light mode or color-800 in dark mode
+  - 3: color-300 in light mode or color-700 in dark mode
+  - 4: color-400 in light mode or color-600 in dark mode
+- You can also use variant-color for variant-color-500 (adapts to theme)
+
+
+### Example in HTML
+
+```html
+<!-- Light mode -->
+<p class="text-blue-light-0">This is text in a light blue shade.</p>
+
+<!-- Dark mode -->
+<p class="text-blue-dark-0">This is text in a dark blue shade.</p>
+
+<!-- Default color (adapts to theme) -->
+<p class="text-blue-0">This is text in the default blue shade.</p>
+```
+
+## 📄 License
+
+This project is licensed under the MIT License - see the LICENSE file for details.

biome.json

@@ -0,0 +1,31 @@
+{
+  "$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+  "organizeImports": {
+    "enabled": true,
+    "ignore": ["node_modules", "js", "ts"]
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "style": {
+        "useBlockStatements": "error",
+        "useShorthandArrayType": "error",
+        "noShoutyConstants": "warn",
+        "noParameterAssign": "off"
+      },
+      "suspicious": {
+        "noImplicitAnyLet": "off",
+        "noExplicitAny": "off"
+      }
+    },
+    "ignore": ["node_modules", "js", "ts"]
+  },
+  "formatter": {
+    "enabled": true,
+    "formatWithErrors": false,
+    "indentStyle": "space",
+    "lineWidth": 80,
+    "ignore": ["node_modules", "js", "ts"]
+  }
+}