nixos-config-webui

web editor for nix files

edit nixos configuration in a graphical webinterface

status

proof of concept

todo

• prototype an incremental nix evaluator for rnix-lsp

concept

• use nix repl to discover the nixos config schema
  • latency is much better than with nix-instantiate
• thin client: request only a minimum amount of data to render the current view
• introspection: auto-generate the editor interface, based on the nixos config schema
  • related topic: json-schema-form
  • similar project: graphql api viewer
• graphics and text
  • graphical interface
    • click-node-to-select in cytoscapejs
    • click-node-to-zoom in cytoscapejs
  • text interface
    • treeview widget in solidjs

related

this project is based on

• lezer-parser-nix - nix parser in javascript
• monaco-lezer-parser - integration for monaco-editor and lezer-parser
• nix-eval-js - nix interpreter in javascript
• solidjs-resizable-splitter-component
• solidjs-monaco-editor-component

todo: also support tree-sitter parsers for WASM browsers

• tree-sitter-nix - nix parser in WASM
• monaco-tree-sitter - integration for monaco-editor and tree-sitter

nixos-patch-installer is an old version of this project, with a focus on connecting nixpkgs PRs and /etc/nixos

similar projects

• https://github.com/nix-gui/nix-gui
• https://nixos.wiki/wiki/NixOS_configuration_editors