Files

T

eomsangdonandClaude Fable 5 6e195afb69 feat(B07,B08): 워크플로 순서 교환 — 상세설계를 수량산출 앞으로

횡단설계(B06) 다음을 상세설계 → 수량산출 → 설계도서 순으로 재배열하고,
폴더 번호가 흐름과 일치하도록 이름을 맞바꾼다.

- B08_DesignDetail → B07_DesignDetail, B07_Quantity → B08_Quantity
  (파일 접두어·식별자·라우트·locale 키 전량 스왑)
- STAGE_KEYS 4=DESIGN_DETAIL, 5=QUANTITY 스왑 + 라우터 stage 리터럴 교체
- CAD 마운트 /b08-cad → /b07-cad (main.py·vite proxy·iframe URL),
  openwebcad Toolbar 라벨 B07로 수정 후 재빌드
- 유지: openwebcad postMessage 프로토콜 aislo:b08:*·패키지명(내부 식별자)
- 기존 프로젝트 storage 폴더 rename + project_manifest 갱신,
  DB project_workflow_stages stage_no 4↔5 행 스왑 완료

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

2026-08-29 16:16:46 +09:00

3.8 KiB

Raw Blame History

Aislo B08 2D Drawing

This directory is maintained as part of the Aislo project and is not connected to an upstream Git repository. It provides the independent browser-based 2D drawing workspace used only by the B08 page.

The drawing engine is based on OpenWebCAD by Bert Verhelst and retains its MIT license notice in LICENSE.md and public/THIRD_PARTY_LICENSES.txt.

Aislo integration boundary

Business drawings enter the iframe only as same-origin JSON messages with type aislo:b08:load-drawing.
Browser-side DXF/DWG parsing is intentionally excluded.
DXF, DWG and PDF input/output are separate future modules and require a new dependency-license review before implementation.

Original project description

This is a React-based canvas drawing application that allows users to draw various shapes, such as lines, rectangles, and circles, on a fullscreen canvas. The application also includes features for selecting and erasing shapes, as well as exporting the drawing as an SVG file.

DEMO: https://bertyhell.github.io/openwebcad

Features

Fullscreen canvas with a black background
Drawing tools: Line, Rectangle, Circle, measurements
Zoom and pan
Eraser tool to delete segments
Undo and redo
Choose angle guides
Draw with snap points for
- endpoints
- midpoints
- intersections
- circle centers
- circle quadrants
Selection tool to highlight and modify shapes
- Use CTRL to toggle selection
- Use shift to add to the current selection
- drag left, to select by intersecting
- drag right, to select by containing
Move
Rotate
Scale
Align shapes to each other
Array copy linear
Array copy radial
Import images into the drawing
Import SVG files
Export to PDF
Export drawing as an SVG file
Export drawing as an PNG file
Save and load drawings from/to json files
Select line color and thickness
Eraser tool to delete segments

Possible future feature ideas (TODO) in order of likelihood

Eraser tool to delete segments
- Max distance to delete
Layers for drawing shapes in different layers that can be toggled on or off
Mirror
Offset
Add text
Ellipses
Regular polygons (pentagon, hexagon, etc)
Combine lines into a polygon
Explode polygons into lines
Polygon circumference
Polygon area
Chamfer, Round corners
Draw with snap points for
- circle tangents
- nearest point on line
- prioritize certain snap points over others (eg: midpoint over nearest)
Edit existing lines and circles by dragging endpoints/middle points
Hatching and fill areas
gradient fills
Import DXF files
Import DWG files
Export to DWG
Export to DXF
Export drawing to ASCII code

Maintenance

replace react with webcomponents (Lit)

Technologies Used

TypeScript
JavaScript
React
NPM
HTML canvas
SVG
SCSS
Tailwind CSS

Demo

Visit https://bertyhell.github.io/openwebcad

Installation

Clone the repository:

git clone <repository-url>
cd <repository-directory>

Install dependencies:
```
npm install
```

Usage

Start the development server: sh npm dev

Open your browser and navigate to http://localhost:5173

Development

Available Scripts

npm dev: Runs the app in development mode.
npm run build: Builds the app for production.
npm preview: Runs the production build in a local server.

Project Structure

src/: Contains the source code of the application.
docs/: Contains the github pages site.
public/: Contains assets that need to be accessible from the url. Like favicon.

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any changes.

License

This project is licensed under the MIT License.

3.8 KiB Raw Blame History