Implements Phases 1-8 of the TFTSR implementation plan. Rust backend (Tauri 2.x, src-tauri/): - Multi-provider AI: OpenAI-compatible, Anthropic, Gemini, Mistral, Ollama - PII detection engine: 11 regex patterns with overlap resolution - SQLCipher AES-256 encrypted database with 10 versioned migrations - 28 Tauri IPC commands for triage, analysis, document, and system ops - Ollama: hardware probe, model recommendations, pull/delete with events - RCA and blameless post-mortem Markdown document generators - PDF export via printpdf - Audit log: SHA-256 hash of every external data send - Integration stubs for Confluence, ServiceNow, Azure DevOps (v0.2) Frontend (React 18 + TypeScript + Vite, src/): - 9 pages: full triage workflow NewIssue→LogUpload→Triage→Resolution→RCA→Postmortem→History+Settings - 7 components: ChatWindow, TriageProgress, PiiDiffViewer, DocEditor, HardwareReport, ModelSelector, UI primitives - 3 Zustand stores: session, settings (persisted), history - Type-safe tauriCommands.ts matching Rust backend types exactly - 8 IT domain system prompts (Linux, Windows, Network, K8s, DB, Virt, HW, Obs) DevOps: - .woodpecker/test.yml: rustfmt, clippy, cargo test, tsc, vitest on every push - .woodpecker/release.yml: linux/amd64 + linux/arm64 builds, Gogs release upload Verified: - cargo check: zero errors - tsc --noEmit: zero errors - vitest run: 13/13 unit tests passing Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
75 lines
2.3 KiB
Markdown
75 lines
2.3 KiB
Markdown
# CSSOM
|
||
|
||
CSSOM.js is a CSS parser written in pure JavaScript. It is also a partial implementation of [CSS Object Model](http://dev.w3.org/csswg/cssom/).
|
||
|
||
CSSOM.parse("body {color: black}")
|
||
-> {
|
||
cssRules: [
|
||
{
|
||
selectorText: "body",
|
||
style: {
|
||
0: "color",
|
||
color: "black",
|
||
length: 1
|
||
}
|
||
}
|
||
]
|
||
}
|
||
|
||
|
||
## [Parser demo](http://nv.github.io/CSSOM/docs/parse.html)
|
||
|
||
Works well in Google Chrome 6+, Safari 5+, Firefox 3.6+, Opera 10.63+.
|
||
Doesn't work in IE < 9 because of unsupported getters/setters.
|
||
|
||
To use CSSOM.js in the browser you might want to build a one-file version that exposes a single `CSSOM` global variable:
|
||
|
||
➤ git clone https://github.com/NV/CSSOM.git
|
||
➤ cd CSSOM
|
||
➤ node build.js
|
||
build/CSSOM.js is done
|
||
|
||
To use it with Node.js or any other CommonJS loader:
|
||
|
||
➤ npm install cssom
|
||
|
||
## Why is this not maintained?
|
||
|
||
1. I no longer use it in my projects
|
||
2. Even though cssom npm package has 26 million weekly downloads (as of April 17, 2023), I haven't made a dollar from my work.
|
||
|
||
If you want specific issues to be resolved, you can hire me for $100 per hour (which is 1/2 of my normal rate).
|
||
|
||
## Don’t use it if...
|
||
|
||
You parse CSS to mungle, minify or reformat code like this:
|
||
|
||
```css
|
||
div {
|
||
background: gray;
|
||
background: linear-gradient(to bottom, white 0%, black 100%);
|
||
}
|
||
```
|
||
|
||
This pattern is often used to give browsers that don’t understand linear gradients a fallback solution (e.g. gray color in the example).
|
||
In CSSOM, `background: gray` [gets overwritten](http://nv.github.io/CSSOM/docs/parse.html#css=div%20%7B%0A%20%20%20%20%20%20background%3A%20gray%3B%0A%20%20%20%20background%3A%20linear-gradient(to%20bottom%2C%20white%200%25%2C%20black%20100%25)%3B%0A%7D).
|
||
It does **NOT** get preserved.
|
||
|
||
If you do CSS mungling, minification, or image inlining, considere using one of the following:
|
||
|
||
* [postcss](https://github.com/postcss/postcss)
|
||
* [reworkcss/css](https://github.com/reworkcss/css)
|
||
* [csso](https://github.com/css/csso)
|
||
* [mensch](https://github.com/brettstimmerman/mensch)
|
||
|
||
|
||
## [Tests](http://nv.github.com/CSSOM/spec/)
|
||
|
||
To run tests locally:
|
||
|
||
➤ git submodule init
|
||
➤ git submodule update
|
||
|
||
|
||
## [Who uses CSSOM.js](https://github.com/NV/CSSOM/wiki/Who-uses-CSSOM.js)
|