Compare commits
3 commits
2c7bb9a86c
...
da98454c0a
Author | SHA1 | Date | |
---|---|---|---|
da98454c0a | |||
d8b4599eaf | |||
22d3e439d2 |
4 changed files with 40 additions and 3 deletions
36
news/2024-05-09-refactoring-again.md
Normal file
36
news/2024-05-09-refactoring-again.md
Normal file
|
@ -0,0 +1,36 @@
|
|||
# Refactoring Again
|
||||
|
||||
Originally, when this theme was created, it made sense to create two separate packages to provide the theme, one for the CSS files themselves and the other for a CLI to generate the source files.
|
||||
|
||||
These we needed to generate GPL palettes for [Inkscape](https://inkscape.org/) and that specific abstraction started to crumble. The result is that we merged the two Priduck repositories together and made it a single theme, with the intent that one would generate the files they want instead of a tiny package that just provided a single CSS variables version.
|
||||
|
||||
This will also allow for the generation of character-specific stylesheets over at [Fedran](//fedran.com) not to mention the book covers over there.
|
||||
|
||||
## The CLI
|
||||
|
||||
The CLI is pretty simple, a verb-based Node script that installs into the `node_modules/.bin` folder as usual:
|
||||
|
||||
```
|
||||
$ priduck
|
||||
priduck <cmd> [args]
|
||||
|
||||
Commands:
|
||||
priduck css Generate CSS files
|
||||
priduck palette Generate palette files
|
||||
|
||||
Options:
|
||||
--version Show version number [boolean]
|
||||
--help Show help [boolean]
|
||||
|
||||
Not enough non-option arguments: got 0, need at least 2
|
||||
```
|
||||
|
||||
The three basic commands are:
|
||||
|
||||
- `priduck css variables [--output /path/style.css]` to generate the CSS variables CSS file.
|
||||
- `priduck css mixin` to combine CSS fragments files instead a combination of media queries and data attributes for supporting `prefers-color-scheme` and `prefers-contrast` options.
|
||||
- `priduck palette gpl --hue [--output example.gpl]` which generates a hue-specific palette file for GNU Imp and Inkscape.
|
||||
|
||||
## Documentation
|
||||
|
||||
Along the process, a project can never be done if it isn't documented, so we wrote [some documentation](/priduck-color-theme-cli-js/). It gives the general gist of the tool. We'll expand on it some more "someday."
|
4
package-lock.json
generated
4
package-lock.json
generated
|
@ -1,12 +1,12 @@
|
|||
{
|
||||
"name": "@priduck-color-theme/priduck-cli",
|
||||
"version": "0.2.0",
|
||||
"version": "0.2.1",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"name": "@priduck-color-theme/priduck-cli",
|
||||
"version": "0.2.0",
|
||||
"version": "0.2.1",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@priduck-color-theme/cli": "^0.0.1",
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@priduck-color-theme/cli",
|
||||
"version": "0.2.0",
|
||||
"version": "0.2.1",
|
||||
"description": "A color-theme based on a single hue in the LCH colorspace.",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
#!/usr/bin/env node
|
||||
import yargs from "yargs";
|
||||
import { hideBin } from "yargs/helpers";
|
||||
import * as cssCmd from "./cmds/css.mjs";
|
||||
|
|
Loading…
Reference in a new issue