CAD AutoScript

Engineering documentation portal and browser-based utilities for mechanical design, fabrication, QA workflows, and CAD automation. All tools run client-side in Chromium with WebGL 2 and WebAssembly.

Live site: cadautoscript.com

Quick Start

# Install dependencies
npm install

# Start development server
npm start

# Build for production
npm run build

# Serve production build locally
npm run serve

Utilities Catalog

CAD / Geometry Tools

Utility	Description	Tech
Pipe Cutter Visualizer	Preview saddle intersections, adjust offsets, export DXF templates for CNC plasma/waterjet	WebGL
Cylindrical Shell Rolling	Calculate roll spacing, bending allowance, developed lengths (EN 13445 / ASME VIII)	Calc
Sheet-Metal Bending Sandbox	Simulate K-factors, reliefs, bend deductions before CAM	Canvas
Tube Sheet Generator	Lay out tube sheet hole patterns, export DXF or STEP	Canvas + WASM
WebDXF Editor	Trim geometry, annotate lengths, resave DXF files in browser	Canvas
WebSTEP Viewer	Inspect STEP assemblies, isolate parts, measure geometry	WebGL + WASM

Instrumentation Configurators

Utility	Description	Tech
Magnetic Level Gauge Configurator	Configure connections, dimensions, export PDF datasheet (DIN/EN + ASME/ANSI)	React + SVG
Bourdon Gauge Configurator	Configure pressure gauges with ranges, connections, accessories (EN 837-1/2)	React + SVG
Industrial Thermometer Configurator	Configure bimetal thermometers: ranges, stems, thermowells (EN 13190)	React + SVG

Pressure Vessel Engineering

Utility	Description	Tech
Blind Flange Calculator	Auto-select PN class, calculate EN 13445-3 thickness with weight estimates	React + Calc
Dished End Calculator	Size DIN 28011/28013 heads, preview dimensions, add nozzle callouts	SVG + Calc

PDF & Document Tools

Utility	Description	Tech
PDF Master	Reorder, rotate, merge PDF pages locally	PDF toolkit
PDF Batch Signer	Stamp signatures across multiple PDFs with one placement	PDF-lib + JSZip
PDF Number Extractor	Extract QA serials, BOM IDs with WASM-powered parsing	WASM
PDF BOM Extractor	Extract BOM tables from CAD PDFs into CSV	React + PDF.js

QR & Traceability

Utility	Description	Tech
QR Master	Scan QR/barcodes, generate Wi-Fi/link codes, manage history	Camera + QR
3D QR Nameplate Generator	Model serialized equipment tags with QR codes in 3D	WebGL + QR

Reference & Data Tools

Utility	Description	Tech
Interactive Thread Atlas	Filter ISO, UNC, UNF series; reference drill diameters	Data
Engineering Prompt Catalog	Browse and export prompt templates for I&C/mechanical workflows	HTML + Chart.js
React Table Editor	Import, edit, validate CSV/XLSX data in browser	React + XLSX

File & Productivity Tools

Utility	Description	Tech
Batch File Renamer	Bulk rename with find/replace, prefixes, numbering, ZIP export	React
Folder Structure Builder	Design folder trees, export bash/PowerShell scripts	React + JSZip
Business Calendar Generator	Generate yearly calendars with holidays, export PDF/PNG	React + PDF

Mini Games

Interactive browser games with engineering themes:

Game	Description	Tech
Engineering Blueprint NCR	Minesweeper-style grid with CAD QA stakes	HTML5
Flanges Memory Matrix	Memory game with flange tile patterns	Phaser
Pressure Vessel Tycoon	Factorio-inspired factory builder for pressure vessels	Phaser + React
Railroad Bottle Smash	Physics sandbox with glass destruction	Three.js + cannon-es
Eco Sort: Atmospheric	First-person recycling sorting game	Three.js + Rapier

Project Structure

cadautoscript.com/
├── docs/                        # MDX documentation
│   ├── intro.md                 # Site overview
│   ├── guides/                  # Deployment, npm, package.json guides
│   └── utilities/               # Per-utility documentation pages
├── blog/                        # Technical blog posts (MDX)
├── src/
│   ├── components/              # React components
│   │   ├── Auth/                # Authentication UI
│   │   ├── MiniGames/           # Game components
│   │   ├── Utilities/           # Utility page wrappers
│   │   └── HomepageFeatures/    # Landing page sections
│   ├── contexts/                # React contexts (auth modal)
│   ├── css/                     # Global styles
│   ├── data/                    # Utility & game metadata
│   │   ├── utilities.ts         # Utility catalog definitions
│   │   └── miniGames.ts         # Game catalog definitions
│   ├── features/                # Feature-specific modules
│   ├── hooks/                   # Custom React hooks
│   ├── lib/                     # External service clients (Supabase)
│   ├── pages/                   # Docusaurus pages
│   │   ├── index.tsx            # Landing page
│   │   ├── utilities/           # Utility page routes
│   │   └── mini-games/          # Game page routes
│   ├── theme/                   # Docusaurus theme overrides
│   └── utils/                   # Helper functions
├── static/
│   ├── utilities/               # Shared utility shell assets (CSS/JS)
│   ├── utility-apps/            # Standalone embedded utility builds
│   ├── mini-games/              # Game static assets
│   ├── img/                     # Images and icons
│   └── vendor/                  # Third-party libraries
├── build/                       # Production output (generated)
├── scripts/                     # Build scripts
│   ├── sitemap-sections.js      # Post-build sitemap generator
│   └── sync-webstep-viewer-embed.js
├── docusaurus.config.ts         # Docusaurus configuration
├── sidebars.ts                  # Documentation sidebar structure
├── tailwind.config.js           # Tailwind CSS configuration
├── tsconfig.json                # TypeScript configuration
└── vercel.json                  # Optional Vercel-compatible settings

Technology Stack

Core Framework

Technology	Version	Purpose
Docusaurus	3.9.2	Static site generator with MDX support
React	19.2.1	UI component library
TypeScript	5.6	Type-safe JavaScript

Styling

Technology	Purpose
Tailwind CSS 4.x	Utility-first CSS framework
CSS Modules	Scoped component styles
Framer Motion	Animation library

3D Graphics & CAD

Technology	Purpose
Three.js	WebGL 3D rendering
React Three Fiber	React renderer for Three.js
@react-three/drei	Three.js helpers and abstractions
ReplicAD + OpenCascade.js	CAD kernel for STEP/geometry

Physics & Games

Technology	Purpose
Rapier (WASM)	Physics engine for 3D games
cannon-es	Alternative physics engine
Phaser	2D game framework

Document Processing

Technology	Purpose
PDF-lib	PDF creation and modification
PDF.js	PDF parsing and rendering
jsPDF	PDF generation
JSZip	ZIP file handling
SheetJS (XLSX)	Excel file processing

Editor & Code

Technology	Purpose
Monaco Editor	VS Code editor component

Backend & Analytics

Technology	Purpose
Supabase	Authentication and database
Vercel Analytics	Performance monitoring
Vercel Speed Insights	Core Web Vitals tracking

State Management

Technology	Purpose
Zustand	Lightweight state management

Markdown & Content

Technology	Purpose
MDX	Markdown with JSX components
remark/rehype plugins	Markdown processing
Prism	Syntax highlighting

Scripts

Command	Description
`npm start`	Start development server with hot reload
`npm run build`	Build production static site to `build/`
`npm run serve`	Serve production build locally
`npm run clear`	Clear Docusaurus cache
`npm run typecheck`	Run TypeScript type checking
`npm run sitemap:sections`	Generate sectioned sitemaps
`npm run sync:webstep-viewer`	Sync WebSTEP viewer embed

Deployment

The repository's checked-in deployment workflow publishes the site to GitHub Pages on pushes to main.

Manual Deployment

# Build production bundle
npm run build

# Deploy build/ directory to your hosting platform

Environment Variables

Create .env.local for local development:

SUPABASE_URL=your_supabase_url
SUPABASE_ANON_KEY=your_supabase_anon_key
AUTH_REDIRECT_URL=http://localhost:3000/auth/callback

Contributing

Fork the repository
Create a feature branch: git checkout -b feature/my-feature
Commit changes: git commit -m 'Add my feature'
Push to branch: git push origin feature/my-feature
Open a Pull Request

Adding a New Utility

Add utility metadata to src/data/utilities.ts
Create page route in src/pages/utilities/
Add documentation in docs/utilities/
Place standalone build assets in static/utility-apps/<slug>/ if needed

License

This project is licensed under the MIT License - see LICENSE for details.

Name		Name	Last commit message	Last commit date
Latest commit History 490 Commits
.dev planes		.dev planes
.github/agents		.github/agents
.vscode		.vscode
blog		blog
docs		docs
i18n		i18n
scripts		scripts
src		src
static		static
supabase/migrations		supabase/migrations
.gitignore		.gitignore
.nvmrc		.nvmrc
LICENSE		LICENSE
README.md		README.md
SECURITY.md		SECURITY.md
docusaurus.config.ts		docusaurus.config.ts
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
postcss.config.js		postcss.config.js
show_en.py		show_en.py
sidebars.ts		sidebars.ts
tailwind.config.js		tailwind.config.js
tsconfig.json		tsconfig.json
vercel.json		vercel.json

Folders and files

Latest commit

History

Repository files navigation

CAD AutoScript

Table of Contents

Quick Start

Utilities Catalog

CAD / Geometry Tools

Instrumentation Configurators

Pressure Vessel Engineering

PDF & Document Tools

QR & Traceability

Reference & Data Tools

File & Productivity Tools

Mini Games

Project Structure

Technology Stack

Core Framework

Styling

3D Graphics & CAD

Physics & Games

Document Processing

Editor & Code

Backend & Analytics

State Management

Markdown & Content

Scripts

Deployment

Manual Deployment

Environment Variables

Contributing

Adding a New Utility

License

About

Resources

License

Security policy

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Uh oh!

Uh oh!

Contributors

Uh oh!

Languages

Packages