Skip to content

CLAUDE.md

Latest commit

 

History

History
74 lines (56 loc) · 2.47 KB

CLAUDE.md

File metadata and controls

74 lines (56 loc) · 2.47 KB

CLAUDE.md

This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.

Architecture

This is a Node.js test environment for JavaScript code that needs to work with a single web page HTML application. The application consists of:

  • app.js: Main Express server with routing for home (/) page
  • views/: Static assets including HTML pages and CSS styles
  • package.json: Node.js project configuration with dependencies

The server runs on port 8080 and serves static files from the views/ directory. This setup is designed for testing JavaScript libraries and frameworks in a simple HTML environment.

Commands

Start the application:

node app.js

Install dependencies:

npm install

Docker build and run:

docker build -t node-test .
docker run -p 8080:8080 node-test

Development Notes

  • Static assets (HTML, CSS) are served from the views/ directory
  • The application uses Vue 3 via CDN for reactive UI components
  • No build process, linting, or testing framework is configured
  • Docker image uses Node.js 24 Alpine with non-root user for security

Data Grid Options

When implementing editable data grids with Vue 3 and script tags:

1. Grid.js (Recommended for simplicity)

<link href="https://unpkg.com/gridjs/dist/theme/mermaid.min.css" rel="stylesheet" />
<script src="https://unpkg.com/gridjs/dist/gridjs.umd.js"></script>
  • Free, open-source, Vue 3 compatible
  • Basic editing via contentEditable
  • Simple CDN setup

2. Tabulator (Most feature-rich)

<link href="https://unpkg.com/tabulator-tables/dist/css/tabulator.min.css" rel="stylesheet">
<script src="https://unpkg.com/tabulator-tables/dist/js/tabulator.min.js"></script>
  • Rich editing features, excellent Vue integration
  • Comprehensive documentation

3. AG Grid Community (Professional grade)

<script src="https://cdn.jsdelivr.net/npm/ag-grid-community@latest/dist/ag-grid-community.min.js"></script>
  • Professional features, excellent performance
  • More complex Vue 3 setup required
  • Only use modules that can be imported with a script tag in HTML. Only write module import code in HTML files
  • The end result is Javascript code that can be run in a WebView2 component
  • The project should use vue.js, so every module needs to be compatible with it and configured to use it

Memories

  • remove coauthered by claude for every git commit
  • stop adding references to claude in the git commits