Upload 36 files

acabei de adicionar os arquivos para paginação do editor

Document-Editor--master/.gitignore

@@ -0,0 +1,2 @@
+/node_modules
+/server/node_modules

Document-Editor--master/AI_USAGE.md

@@ -0,0 +1,86 @@
+# AI Usage Documentation
+
+This document details how AI tools (specifically Claude by Anthropic) were used throughout the development of this document editor, the AI tools were relied on for codegen and documentation.
+
+## AI Tool Used
+
+**Primary Tool**: Claude (Anthropic AI Assistant)
+
+## Development Phases
+
+NOTE: AI was used to generate but much of the refactoring, debugging and testing was mannual and has not been mentioned in this document. Many features and improvements were attempted and discarded due to the time constraint and those have not been mentioned in this file as well. Only the bits used are written here.
+
+### Phase 1: Initial Architecture & Pagination
+
+**Task**: Design and implement basic pagination system
+
+**AI Contribution**:
+Gave a useable skeleton schema for types.ts adn textMeasurer.ts which was reviewed and updated along the project
+
+**Key Prompts**:
+```
+I am building a document editor with pagination, give me the initial static requirement files which will be used as a base throughout the project and will hold the truth about the content that the user inputs for consistency. This is for a standard A4 size document assume any general case for any missing information that you may need. 
+```
+
+**Code Generated**:
+- `paginationEngine.ts` (initial version)
+- `textMeasurer.ts` (initial version)
+- `types.ts` (ContentBlock, Page, Line interfaces)
+
+### Phase 2: Bug Fixes - Pagination Overlapping Issues
+(These errors were faced after the data structure archtecture was changed to achieve a better approach which is also closer to industry standard)
+
+**Task**: Fix content overlapping across pages and improve React key handling as there are contenboxes with similar key and they are overlapping when the content over them reflows instead of rearranging themselves.
+
+**AI Contribution**:
+- Implemented unique key generation per segment
+- Added block height calculation based on actual line count
+- Improved auto-split logic for blocks spanning pages
+
+
+**Code Generated**:
+- Unique key generation: `page-${pageNumber}-block-${blockId}-instance-${count}`
+- Auto-split useEffect (lines 25-76 in initial version)
+- Block height calculation logic
+- willBlockOverflowPage() and splitOverflowingBlock() functions
+
+
+### Phase 3: Major Refactor - Data Model Separation
+
+**Task**: Separate data model from page rendering layer to fix selection issues
+
+**AI Contribution**:
+- Designed new segment-based architecture
+- Removed all block-splitting logic
+- Implemented BlockSegment interface
+- Updated PaginationEngine to generate layout metadata
+- Rewrote rendering to use segments
+
+**Key Prompts**:
+```
+"Refactor to separate data model from page rendering layer. Keep text blocks
+intact - only break on user intent (Enter key). Create separate page layout
+layer with metadata."
+```
+
+**Code Generated**:
+- New `BlockSegment` interface with startOffset/endOffset
+- Complete rewrite of PaginationEngine.paginate()
+- Removed willBlockOverflowPage() and splitOverflowingBlock()
+- Simplified handleInput() to not check for overflow
+- New segment-based rendering logic
+
+
+### Phase 4: Feature Additions
+
+**Task**: Add clear document button and improve UX
+
+**AI Contribution**:
+- Implemented handleClear function with confirmation dialog
+- Added red-styled clear button to UI
+- Added user-select CSS for cross-block selection
+
+**Code Generated**:
+- handleClear() function with window.confirm
+- Clear button in controls with custom styling
+- userSelect CSS properties for all browsers

Document-Editor--master/ARCHITECTURE.md

@@ -0,0 +1,272 @@
+# Architecture Documentation
+
+## Editor State Model
+
+### State Hierarchy
+
+```
+App Component (Root)
+  ├─ blocks: ContentBlock[]           // Source of truth for content
+  ├─ pages: Page[]                    // Derived state from pagination
+  ├─ docId: string                    // Current document ID
+  ├─ cursorPositionRef: Map<blockId, absoluteOffset>  // Cursor tracking
+  └─ isRestoringCursorRef: boolean    // Race condition guard
+```
+
+### State Flow
+
+```
+User Input → handleInput() → Update blocks[] → Trigger Pagination
+                                                       ↓
+                                              pages[] calculated
+                                                       ↓
+                                              React re-renders
+                                                       ↓
+                                              Cursor restoration
+```
+
+### ContentBlock (Data Model)
+
+**Philosophy**: Blocks represent *semantic* content units (paragraphs), not visual layout.
+
+```typescript
+interface ContentBlock {
+  id: string;    // "block-1701234567890-0.123456"
+  text: string;  // Full paragraph text (unbounded length)
+}
+```
+
+**Lifecycle**:
+- Created: User presses Enter (splits current block)
+- Modified: User types (text updates)
+- Deleted: User backspaces at block start (merges with previous)
+- **Never split due to pagination**
+
+### BlockSegment (Rendering Model)
+
+**Philosophy**: Segments are *ephemeral* or complete views of block data for rendering.
+
+```typescript
+interface BlockSegment {
+  blockId: string;      // References ContentBlock
+  startOffset: number;  // Character position in block.text
+  endOffset: number;    // Character position in block.text
+  startLine: number;    // Line index within block
+  endLine: number;      // Line index within block
+  y: number;           // Absolute Y on page
+  height: number;      // Pixel height
+  lines: string[];     // Actual visible text
+}
+```
+
+**Properties**:
+- Calculated during pagination (not stored)
+- Multiple segments can reference same block
+- Each segment renders only its portion of block text
+- Segments on different pages have different offsets
+
+## Pagination Algorithm
+
+The `PaginationEngine` performs pagination by processing content blocks sequentially, breaking each block's text into lines that fit the page width using `TextMeasurer`. It tracks the current vertical position (`currentY`) and places lines on the active page until reaching the bottom margin. When a line won't fit, it finalizes the current page, creates a new one, and continues from the top margin. Each block is split into segments that record character offsets and line boundaries, allowing the engine to track exactly which portion of each block appears on each page.
+
+### Input & Output
+
+**Input**: `ContentBlock[]` (array of paragraphs)
+**Output**: `Page[]` (array of pages with segments)
+
+### Algorithm Steps
+
+#### Phase 1: Text Measurement
+
+  1. Canvas is used for Measuring text with it's inbuilt function ctx.measureText(text),
+  2. This phase has:
+  Word-wrapping algorithm
+  Preserves whitespace and newlines
+  Returns array of line strings
+
+#### Phase 2: Line Breaking
+
+For each block:
+1. Split text by explicit newlines (`\n`)
+2. For each paragraph:
+   - Split into words (preserving spaces)
+   - Build lines until width exceeds `maxWidth`
+   - Track character offsets for each line
+
+
+#### Phase 3: Page Layout
+
+```javascript
+let currentY = PAGE_CONFIG.marginTop;
+let currentPage = { pageNumber: 1, segments: [] };
+
+for (const block of blocks) {
+  const lines = measurer.breakIntoLines(block.text, contentWidth);
+
+  let segmentLines = [];
+  let segmentStartLine = 0;
+
+  for (let i = 0; i < lines.length; i++) {
+    if (currentY + lineHeight > pageBottom) {
+      // Finalize segment
+      currentPage.segments.push({
+        blockId: block.id,
+        startOffset: lineOffsets[segmentStartLine].start,
+        endOffset: lineOffsets[i-1].end,
+        lines: segmentLines,
+        y: segmentStartY,
+        height: (i - segmentStartLine) * lineHeight
+      });
+
+      // New page
+      pages.push(currentPage);
+      currentPage = { pageNumber: pages.length + 1, segments: [] };
+      currentY = PAGE_CONFIG.marginTop;
+
+      // Reset segment tracking
+      segmentLines = [];
+      segmentStartLine = i;
+    }
+
+    segmentLines.push(lines[i]);
+    currentY += lineHeight;
+  }
+
+  // Finalize last segment of block
+  currentPage.segments.push({ /* ... */ });
+}
+```
+
+### Edge Cases Handled
+
+1. **Empty blocks**: Rendered as single blank line
+2. **Very long words**: Break at character boundary if no spaces
+3. **Multi-page blocks**: Single block can span 10+ pages
+
+## Rendering Strategy
+
+### Segment Rendering
+
+Each segment is an independent `contentEditable` div:
+
+**Critical**: Renders `segment.lines`, NOT full `block.text`
+
+
+### Cursor Persistence
+
+**Challenge**: React re-renders destroy DOM elements, losing cursor position.
+
+**Solution**: Three-phase restoration
+
+```javascript
+// Phase 1: Save (during input)
+const cursorOffset = getCursorOffset(element);
+const absoluteOffset = segmentStart + cursorOffset;
+cursorPositionRef.current.set(blockId, absoluteOffset);
+
+// Phase 2: Re-render
+// React updates DOM, cursor position lost
+
+// Phase 3: Restore (after render)
+
+```
+
+**Race Condition Prevention**:
+- `isRestoringCursorRef`: Guards against concurrent restorations
+- Input blocking during restoration
+- Cleared cursor map after each restoration
+
+## Persistence Flow
+
+### Save Flow
+
+```
+User clicks "Save"
+  ↓
+POST /documents { title, content: blocks[] }
+  ↓
+Server generates UUID
+  ↓
+Server writes JSON file: data/{uuid}.json
+  ↓
+Server returns { id: uuid }
+  ↓
+Client displays document ID
+```
+
+### Load Flow
+
+```
+User enters document ID
+  ↓
+GET /documents/{id}
+  ↓
+Server reads data/{id}.json
+  ↓
+Server returns { id, title, content, created_at, updated_at }
+  ↓
+Client: setBlocks(response.content)
+  ↓
+Pagination recalculates
+  ↓
+Editor displays loaded content
+```
+
+### Storage Format
+
+File: `server/data/71b8d791-d7b2-44e3-bf5b-bfa4ca3a34de.json`
+
+```json
+{
+  "id": "71b8d791-d7b2-44e3-bf5b-bfa4ca3a34de",
+  "title": "My Document",
+  "content": [
+    {
+      "id": "block-1701234567890-0.123",
+      "text": "First paragraph with potentially very long text..."
+    },
+    {
+      "id": "block-1701234567891-0.456",
+      "text": "Second paragraph..."
+    }
+  ],
+  "created_at": "2024-11-26T10:30:00.000Z",
+  "updated_at": "2024-11-26T10:30:00.000Z"
+}
+```
+
+**Benefits**:
+- Human-readable
+- Version control friendly
+- Easy debugging
+- Simple backup/restore
+
+**Trade-offs**:
+- Not suitable for large-scale production
+- No concurrent write protection
+- File I/O overhead
+
+
+**Current Status**: Optimized for documents up to 50-100 pages. Beyond that, consider implementing above optimizations.
+
+## Design Decisions
+
+
+### Why Canvas for Text Measurement?
+
+
+**Canvas API Benefits**:
+- Pixel-perfect accuracy
+- No DOM manipulation
+- Fast (native code)
+- Matches actual rendering
+
+### Why File-Based Storage?
+
+**Decision**: Simplicity for prototype/demo
+- Fast to implement
+- Zero configuration
+- Easy to inspect
+- Human-readable
+
+**Production Alternative**: PostgreSQL for block content

Document-Editor--master/README.md

@@ -0,0 +1,246 @@
+# Document Editor - Multi-Page Text Editor with Real-Time Pagination
+
+Try It out Here: https://document-editor-qqg3-r8zfcn2ag.vercel.app/
+
+A sophisticated document editor with automatic pagination, multi-block editing, and persistent storage. Text flows naturally across pages with real-time layout calculation.
+
+## Prerequisites
+
+- Node.js 16+ and npm
+- Modern browser (Chrome, Firefox, Safari, Edge)
+
+## Quick Start
+
+```bash
+# Install dependencies
+cd server && npm install express
+cd ../client && npm install
+
+# Start backend (Terminal 1)
+cd server && node index.js
+
+# Start frontend (Terminal 2)
+cd client && npm start
+```
+
+The editor will open at `http://localhost:3000` with the backend API at `http://localhost:3001`.
+
+## Project Structure
+
+```
+Document-Editor-/
+├── client/               # React TypeScript frontend
+│   ├── src/
+│   │   ├── App.tsx              # Main editor component
+│   │   ├── paginationEngine.ts  # Pagination algorithm
+│   │   ├── textMeasurer.ts      # Text measurement utilities
+│   │   ├── types.ts             # TypeScript interfaces
+│   │   └── App.css              # Styling
+│   └── package.json
+├── server/               # Express.js backend
+│   ├── index.js         # API server
+│   ├── data/            # Document storage (JSON files)
+│   └── package.json
+├── README.md
+├── ARCHITECTURE.md
+└── AI_USAGE.md
+```
+
+## Features
+
+### Core Functionality
+- ✅ Multi-page document editing with automatic pagination
+- ✅ Real-time text reflow across pages
+- ✅ Cursor persistence across edits and page boundaries
+- ✅ Multi-block selection and deletion
+- ✅ Block-based content model (paragraphs remain intact)
+- ✅ Save/Load documents with unique IDs
+- ✅ Clear document functionality
+
+### Technical Highlights
+- **Segment-Based Rendering**: Blocks can span pages without splitting in data model
+- **Accurate Text Measurement**: Canvas-based character width calculation
+- **Cursor Restoration**: Complex logic to maintain cursor position across re-renders
+- **Race Condition Prevention**: Guards against concurrent cursor restoration
+- **Keyboard Navigation**: Arrow keys, Enter, Backspace work across pages
+
+## API Endpoints
+
+### POST /documents
+Create and save a new document.
+
+**Request:**
+```json
+{
+  "title": "My Document",
+  "content": [
+    { "id": "block-1", "text": "First paragraph..." },
+    { "id": "block-2", "text": "Second paragraph..." }
+  ]
+}
+```
+
+**Response:**
+```json
+{
+  "id": "71b8d791-d7b2-44e3-bf5b-bfa4ca3a34de"
+}
+```
+
+### GET /documents/:id
+Retrieve a saved document by ID.
+
+**Response:**
+```json
+{
+  "id": "71b8d791-d7b2-44e3-bf5b-bfa4ca3a34de",
+  "title": "My Document",
+  "content": [
+    { "id": "block-1", "text": "First paragraph..." },
+    { "id": "block-2", "text": "Second paragraph..." }
+  ],
+  "created_at": "2024-11-26T10:30:00.000Z",
+  "updated_at": "2024-11-26T10:30:00.000Z"
+}
+```
+
+## Data Model
+
+### ContentBlock
+```typescript
+interface ContentBlock {
+  id: string;      // Unique identifier (e.g., "block-1234567890")
+  text: string;    // Complete paragraph text (can span multiple pages)
+}
+```
+
+**Key Principle**: Blocks represent logical content units (paragraphs), NOT page fragments. A block is only split when the user presses Enter, never due to pagination.
+
+### BlockSegment (Rendering Layer)
+```typescript
+interface BlockSegment {
+  blockId: string;      // Reference to ContentBlock
+  startOffset: number;  // Character offset where segment starts
+  endOffset: number;    // Character offset where segment ends
+  startLine: number;    // First line index in this segment
+  endLine: number;      // Last line index in this segment
+  y: number;           // Y position on page
+  height: number;      // Height of segment
+  lines: string[];     // Visible text lines for this segment
+}
+```
+
+### Page
+```typescript
+interface Page {
+  pageNumber: number;
+  lines: Line[];              // Legacy compatibility
+  segments: BlockSegment[];   // Primary rendering data
+}
+```
+
+### Document (Persistence)
+```typescript
+interface Document {
+  id: string;
+  title: string;
+  content: ContentBlock[];
+  created_at: string;
+  updated_at: string;
+}
+```
+
+## Pagination Strategy
+
+### Overview
+The editor uses a **two-layer architecture**:
+1. **Data Layer**: Immutable blocks (paragraphs)
+2. **Rendering Layer**: Dynamic segments (visual layout)
+
+### How It Works
+
+#### 1. Text Measurement
+- Uses HTML5 Canvas API for pixel-perfect text width calculation
+- Accounts for font family, size, and browser rendering
+- Breaks text into lines at word boundaries
+
+#### 2. Line Breaking Algorithm
+```
+For each block:
+  1. Measure text with current font
+  2. Break into lines that fit page width
+  3. Track character offsets for each line
+  4. Preserve whitespace and newlines
+```
+
+#### 3. Page Assignment
+```
+currentY = marginTop
+For each line:
+  If (currentY + lineHeight > pageBottom):
+    - Finalize current segment
+    - Start new page
+    - Reset Y position
+  Add line to current segment
+  currentY += lineHeight
+```
+
+#### 4. Segment Creation
+When a block spans multiple pages, create separate segments:
+```javascript
+// Block spans pages 1 and 2
+Segment 1: { blockId: "block-1", startOffset: 0, endOffset: 150, lines: [...] }
+Segment 2: { blockId: "block-1", startOffset: 151, endOffset: 300, lines: [...] }
+```
+
+### Key Benefits
+- ✅ **Clean Data Model**: Content structure independent of layout
+- ✅ **Seamless Editing**: Text selection works across page boundaries
+- ✅ **Version Control Friendly**: Changes tracked at paragraph level
+- ✅ **Efficient Reflow**: Only pagination recalculates, data unchanged
+
+## Cursor Persistence
+
+Critical for user experience. Implementation uses:
+1. **Absolute Offset Tracking**: Store cursor position relative to full block
+2. **Segment Mapping**: Find which segment contains cursor position
+3. **Relative Calculation**: Convert absolute offset to segment-relative position
+4. **Race Condition Guards**: Prevent overlapping restoration attempts
+5. **Async Restoration**: Use `requestAnimationFrame` + `setTimeout` for DOM readiness
+
+
+### Environment Variables
+No environment variables required. Default configuration:
+- Backend: `http://localhost:3001`
+- Frontend: `http://localhost:3000`
+- Data storage: `server/data/` directory
+
+### Known Limitations
+- No collaborative editing (single user)
+- No rich text formatting (plain text only)
+- File-based storage (no database)
+- No authentication/authorization
+
+## Troubleshooting
+
+**Cursor jumps to beginning**
+- Fixed in latest version with concurrent restoration guards
+
+**Content overlaps pages**
+- Ensure using segment-based rendering (post-refactor architecture)
+
+**Backend not starting**
+- Check port 3001 is available
+- Verify Node.js 16+ installed
+
+**Frontend build errors**
+- Clear cache: `rm -rf node_modules && npm install`
+- Check Node version matches prerequisites
+
+## License
+
+MIT
+
+## Contributors
+
+Built with assistance from Claude (Anthropic AI) for architecture design, pagination algorithm implementation, and bug fixes.

Document-Editor--master/client/.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

Document-Editor--master/client/README.md

@@ -0,0 +1,46 @@
+# Getting Started with Create React App
+
+This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+
+## Available Scripts
+
+In the project directory, you can run:
+
+### `npm start`
+
+Runs the app in the development mode.\
+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
+
+The page will reload if you make edits.\
+You will also see any lint errors in the console.
+
+### `npm test`
+
+Launches the test runner in the interactive watch mode.\
+See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.
+
+### `npm run build`
+
+Builds the app for production to the `build` folder.\
+It correctly bundles React in production mode and optimizes the build for the best performance.
+
+The build is minified and the filenames include the hashes.\
+Your app is ready to be deployed!
+
+See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.
+
+### `npm run eject`
+
+**Note: this is a one-way operation. Once you `eject`, you can’t go back!**
+
+If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.
+
+Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.
+
+You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.
+
+## Learn More
+
+You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).
+
+To learn React, check out the [React documentation](https://reactjs.org/).

Document-Editor--master/client/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "client",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.18.126",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-scripts": "5.0.1",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

Document-Editor--master/client/public/index.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

Document-Editor--master/client/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

Document-Editor--master/client/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:

Document-Editor--master/client/src/App.css

@@ -0,0 +1,163 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+  background: #f0f0f0;
+  font-family: Arial, sans-serif;
+}
+
+.App {
+  min-height: 100vh;
+  padding-bottom: 100px;
+}
+
+.controls {
+  position: sticky;
+  top: 0;
+  background: white;
+  padding: 15px 20px;
+  border-bottom: 2px solid #333;
+  display: flex;
+  gap: 10px;
+  align-items: center;
+  z-index: 1000;
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.controls button {
+  padding: 10px 20px;
+  font-size: 14px;
+  cursor: pointer;
+  background: #007bff;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  font-weight: 500;
+}
+
+.controls button:hover {
+  background: #0056b3;
+}
+
+.controls input {
+  padding: 10px;
+  font-size: 14px;
+  width: 300px;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+}
+
+.doc-id {
+  font-size: 12px;
+  color: #666;
+  padding: 8px 12px;
+  background: #f5f5f5;
+  border-radius: 4px;
+}
+
+.page-count {
+  font-size: 12px;
+  color: #666;
+  margin-left: auto;
+  padding: 8px 12px;
+  background: #f5f5f5;
+  border-radius: 4px;
+}
+
+.document-container {
+  max-width: 900px;
+  margin: 40px auto;
+  padding: 0 20px;
+}
+
+.page {
+  background: white;
+  border: 1px solid #d0d0d0;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+  margin-bottom: 20px;
+  position: relative;
+  box-sizing: border-box;
+}
+
+.page-content {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.page-number {
+  position: absolute;
+  bottom: 20px;
+  left: 50%;
+  transform: translateX(-50%);
+  font-size: 11px;
+  color: #999;
+  pointer-events: none;
+  user-select: none;
+}
+
+/* Ensure contenteditable elements look clean */
+[contenteditable] {
+  cursor: text;
+}
+
+[contenteditable]:focus {
+  outline: none;
+}
+
+/* [contenteditable]:empty:before {
+  content: 'Start typing...';
+  color: #ccc;
+} */
+
+.page-content [contenteditable] {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  tab-size: 4;
+}
+
+.page {
+  background: white;
+  border: 1px solid #d0d0d0;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+  margin-bottom: 20px;
+  position: relative;
+  box-sizing: border-box;
+  overflow: hidden; /* CRITICAL: Clips content at page boundaries */
+}
+
+.page-content {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  direction: ltr;
+  text-align: left;
+  overflow: hidden; /* CRITICAL: Ensures no overflow */
+}
+
+.hint {
+  font-size: 12px;
+  color: #999;
+  margin-top: 10px;
+}
+
+kbd {
+  background: #f0f0f0;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  padding: 2px 6px;
+  font-family: monospace;
+  font-size: 11px;
+  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
+}
+
+.editable-block::selection {
+  background: #b3d7ff;
+}
+
+.editable-block::-moz-selection {
+  background: #b3d7ff;
+}

Document-Editor--master/client/src/App.test.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import App from './App';
+
+test('renders learn react link', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
+});

Document-Editor--master/client/src/App.tsx

@@ -0,0 +1,611 @@
+import React, { useState, useCallback, useEffect, useRef } from 'react';
+import { ContentBlock, Page, PAGE_CONFIG } from './types';
+import { PaginationEngine } from './paginationEngine';
+import './App.css';
+
+const App: React.FC = () => {
+  const [blocks, setBlocks] = useState<ContentBlock[]>([
+    { id: Date.now().toString(), text: '' }
+  ]);
+  const [pages, setPages] = useState<Page[]>([]);
+  const [docId, setDocId] = useState<string>('');
+  const [loadId, setLoadId] = useState<string>('');
+  const [engine] = useState(() => new PaginationEngine());
+  const editorRef = useRef<HTMLDivElement>(null);
+  const cursorPositionRef = useRef<Map<string, number>>(new Map());
+  const isComposingRef = useRef(false);
+  const [selectAllActive, setSelectAllActive] = useState(false);
+
+  // Repaginate whenever blocks change
+  useEffect(() => {
+    const newPages = engine.paginate(blocks);
+    setPages(newPages);
+  }, [blocks, engine]);
+
+  // Auto-split blocks that span multiple pages
+  useEffect(() => {
+    if (pages.length === 0) return;
+
+    // Find blocks that appear on multiple pages
+    const blockPageMap = new Map<string, Set<number>>();
+    pages.forEach(page => {
+      page.lines.forEach(line => {
+        if (!blockPageMap.has(line.blockId)) {
+          blockPageMap.set(line.blockId, new Set());
+        }
+        blockPageMap.get(line.blockId)!.add(page.pageNumber);
+      });
+    });
+
+    // Find the first block that spans pages
+    const spanningBlockId = Array.from(blockPageMap.entries())
+      .find(([_, pageSet]) => pageSet.size > 1)?.[0];
+
+    if (spanningBlockId) {
+      const block = blocks.find(b => b.id === spanningBlockId);
+      if (!block) return;
+
+      // Find where to split - at the page boundary
+      const firstPage = Math.min(...Array.from(blockPageMap.get(spanningBlockId)!));
+      const firstPageLines = pages[firstPage - 1].lines.filter(l => l.blockId === spanningBlockId);
+
+      // Calculate how much text fits on the first page
+      const textMeasurer = new (require('./textMeasurer').TextMeasurer)();
+      const contentWidth = PAGE_CONFIG.width - PAGE_CONFIG.marginLeft - PAGE_CONFIG.marginRight;
+      const allLines = textMeasurer.breakIntoLines(block.text, contentWidth);
+
+      // Find the split point (end of lines on first page)
+      const linesOnFirstPage = firstPageLines.length;
+      const textForFirstPage = allLines.slice(0, linesOnFirstPage).join('\n');
+      const textForNextPage = allLines.slice(linesOnFirstPage).join('\n');
+
+      if (textForFirstPage && textForNextPage) {
+        const blockIndex = blocks.findIndex(b => b.id === spanningBlockId);
+
+        setBlocks(prev => {
+          const newBlocks = [...prev];
+          newBlocks[blockIndex] = { ...newBlocks[blockIndex], text: textForFirstPage };
+          newBlocks.splice(blockIndex + 1, 0, {
+            id: `block-${Date.now()}-${Math.random()}`,
+            text: textForNextPage
+          });
+          return newBlocks;
+        });
+      }
+    }
+  }, [pages, blocks]);
+
+  // Restore cursor positions after render
+  useEffect(() => {
+    if (selectAllActive) return; // Don't restore cursor during select all
+
+    cursorPositionRef.current.forEach((offset, blockId) => {
+      const element = document.querySelector(`[data-block-id="${blockId}"]`) as HTMLElement;
+      if (element && document.activeElement === element) {
+        restoreCursorPosition(element, offset);
+      }
+    });
+    cursorPositionRef.current.clear();
+  });
+
+  const handleSave = async () => {
+    try {
+      const response = await fetch('http://localhost:3001/documents', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          title: 'My Document',
+          content: blocks
+        })
+      });
+      const data = await response.json();
+      setDocId(data.id);
+      alert(`Document saved! ID: ${data.id}`);
+    } catch (err) {
+      alert('Save failed: ' + err);
+    }
+  };
+
+  const handleLoad = async () => {
+    if (!loadId.trim()) {
+      alert('Enter a document ID');
+      return;
+    }
+    try {
+      const response = await fetch(`http://localhost:3001/documents/${loadId}`);
+      const data = await response.json();
+      setBlocks(data.content);
+      setDocId(data.id);
+      alert('Document loaded!');
+    } catch (err) {
+      alert('Load failed: ' + err);
+    }
+  };
+
+  const saveCursorPosition = (element: HTMLElement): number | null => {
+    const selection = window.getSelection();
+    if (!selection || selection.rangeCount === 0) return null;
+
+    const range = selection.getRangeAt(0);
+    const preCaretRange = range.cloneRange();
+    preCaretRange.selectNodeContents(element);
+    preCaretRange.setEnd(range.endContainer, range.endOffset);
+    const caretOffset = preCaretRange.toString().length;
+
+    return caretOffset;
+  };
+
+  const restoreCursorPosition = (element: HTMLElement, offset: number) => {
+    const selection = window.getSelection();
+    if (!selection) return;
+
+    if (!element.textContent) {
+      const range = document.createRange();
+      range.setStart(element, 0);
+      range.collapse(true);
+      selection.removeAllRanges();
+      selection.addRange(range);
+      return;
+    }
+
+    let charCount = 0;
+
+    const traverseNodes = (node: Node): boolean => {
+      if (node.nodeType === Node.TEXT_NODE) {
+        const textLength = node.textContent?.length || 0;
+        if (charCount + textLength >= offset) {
+          const range = document.createRange();
+          const nodeOffset = Math.min(offset - charCount, textLength);
+          range.setStart(node, nodeOffset);
+          range.collapse(true);
+          selection.removeAllRanges();
+          selection.addRange(range);
+          return true;
+        }
+        charCount += textLength;
+      } else if (node.nodeType === Node.ELEMENT_NODE) {
+        for (let i = 0; i < node.childNodes.length; i++) {
+          if (traverseNodes(node.childNodes[i])) {
+            return true;
+          }
+        }
+      }
+      return false;
+    };
+
+    traverseNodes(element);
+  };
+
+  // Check if block will overflow page
+  const willBlockOverflowPage = (blockId: string, newText: string): boolean => {
+    // Create temporary blocks array with the new text
+    const tempBlocks = blocks.map(b => 
+      b.id === blockId ? { ...b, text: newText } : b
+    );
+    
+    // Paginate with new content
+    const tempPages = engine.paginate(tempBlocks);
+    
+    // Find which pages this block appears on
+    const blockPages = new Set<number>();
+    tempPages.forEach(page => {
+      page.lines.forEach(line => {
+        if (line.blockId === blockId) {
+          blockPages.add(page.pageNumber);
+        }
+      });
+    });
+    
+    // If block spans more than one page, it overflows
+    return blockPages.size > 1;
+  };
+
+  // Split block that overflows into current and new block
+  const splitOverflowingBlock = (blockId: string, newText: string) => {
+    const blockIndex = blocks.findIndex(b => b.id === blockId);
+    if (blockIndex === -1) return;
+
+    // Binary search to find the maximum text that fits on one page
+    let left = 0;
+    let right = newText.length;
+    let maxFitLength = 0;
+
+    while (left <= right) {
+      const mid = Math.floor((left + right) / 2);
+      const testText = newText.substring(0, mid);
+      
+      const tempBlocks = blocks.map(b => 
+        b.id === blockId ? { ...b, text: testText } : b
+      );
+      const tempPages = engine.paginate(tempBlocks);
+      
+      const blockPages = new Set<number>();
+      tempPages.forEach(page => {
+        page.lines.forEach(line => {
+          if (line.blockId === blockId) {
+            blockPages.add(page.pageNumber);
+          }
+        });
+      });
+      
+      if (blockPages.size <= 1) {
+        maxFitLength = mid;
+        left = mid + 1;
+      } else {
+        right = mid - 1;
+      }
+    }
+
+    // Find last word boundary before maxFitLength
+    let splitPoint = maxFitLength;
+    while (splitPoint > 0 && newText[splitPoint] !== ' ' && newText[splitPoint] !== '\n') {
+      splitPoint--;
+    }
+    
+    // If no word boundary found, split at character
+    if (splitPoint === 0) {
+      splitPoint = maxFitLength;
+    }
+
+    const textForCurrentBlock = newText.substring(0, splitPoint).trimEnd();
+    const textForNewBlock = newText.substring(splitPoint).trimStart();
+
+    // Create new block with overflow text
+    const newBlock: ContentBlock = {
+      id: `block-${Date.now()}-${Math.random()}`,
+      text: textForNewBlock
+    };
+
+    // Update blocks
+    setBlocks(prev => {
+      const newBlocks = [...prev];
+      newBlocks[blockIndex] = { ...newBlocks[blockIndex], text: textForCurrentBlock };
+      newBlocks.splice(blockIndex + 1, 0, newBlock);
+      return newBlocks;
+    });
+
+    // Focus new block
+    setTimeout(() => {
+      const newElement = document.querySelector(`[data-block-id="${newBlock.id}"]`) as HTMLDivElement;
+      if (newElement) {
+        newElement.focus();
+        restoreCursorPosition(newElement, 0);
+      }
+    }, 10);
+  };
+
+  const handleCompositionStart = useCallback(() => {
+    isComposingRef.current = true;
+  }, []);
+
+  const handleCompositionEnd = useCallback(() => {
+    isComposingRef.current = false;
+  }, []);
+
+  const handleInput = useCallback((e: React.FormEvent<HTMLDivElement>) => {
+    if (isComposingRef.current) return;
+
+    const target = e.currentTarget;
+    const blockId = target.getAttribute('data-block-id');
+    if (!blockId) return;
+
+    const cursorPosition = saveCursorPosition(target);
+    const newText = target.textContent || '';
+    
+    // Check if this will cause overflow
+    if (willBlockOverflowPage(blockId, newText)) {
+      // Split the block
+      splitOverflowingBlock(blockId, newText);
+      return;
+    }
+
+    if (cursorPosition !== null) {
+      cursorPositionRef.current.set(blockId, cursorPosition);
+    }
+    
+    setBlocks(prev => prev.map(block =>
+      block.id === blockId ? { ...block, text: newText } : block
+    ));
+  }, [blocks, engine]);
+
+  // Handle Ctrl+A to select all content
+  const handleSelectAll = useCallback((e: React.KeyboardEvent) => {
+    if ((e.ctrlKey || e.metaKey) && e.key === 'a') {
+      e.preventDefault();
+      setSelectAllActive(true);
+
+      // Select all contentEditable elements
+      const allEditables = document.querySelectorAll('[contenteditable="true"]');
+      const selection = window.getSelection();
+      
+      if (selection && allEditables.length > 0) {
+        const range = document.createRange();
+        const firstElement = allEditables[0];
+        const lastElement = allEditables[allEditables.length - 1];
+        
+        range.setStartBefore(firstElement);
+        range.setEndAfter(lastElement);
+        
+        selection.removeAllRanges();
+        selection.addRange(range);
+      }
+
+      // Reset select all state after a moment
+      setTimeout(() => {
+        setSelectAllActive(false);
+      }, 100);
+    }
+  }, []);
+
+  const handleKeyDown = useCallback((e: React.KeyboardEvent<HTMLDivElement>) => {
+    // Handle Ctrl+A first
+    if ((e.ctrlKey || e.metaKey) && e.key === 'a') {
+      handleSelectAll(e);
+      return;
+    }
+
+    const target = e.currentTarget;
+    const blockId = target.getAttribute('data-block-id');
+    if (!blockId) return;
+
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      
+      const currentIndex = blocks.findIndex(b => b.id === blockId);
+      if (currentIndex === -1) return;
+
+      const selection = window.getSelection();
+      if (!selection || selection.rangeCount === 0) return;
+
+      const range = selection.getRangeAt(0);
+      const preCaretRange = range.cloneRange();
+      preCaretRange.selectNodeContents(target);
+      preCaretRange.setEnd(range.endContainer, range.endOffset);
+      const caretOffset = preCaretRange.toString().length;
+
+      const currentText = target.textContent || '';
+      const beforeCursor = currentText.substring(0, caretOffset);
+      const afterCursor = currentText.substring(caretOffset);
+
+      const newBlock: ContentBlock = { 
+        id: `block-${Date.now()}-${Math.random()}`, 
+        text: afterCursor
+      };
+
+      setBlocks(prev => {
+        const newBlocks = [...prev];
+        newBlocks[currentIndex] = { ...newBlocks[currentIndex], text: beforeCursor };
+        newBlocks.splice(currentIndex + 1, 0, newBlock);
+        return newBlocks;
+      });
+
+      setTimeout(() => {
+        const newElement = document.querySelector(`[data-block-id="${newBlock.id}"]`) as HTMLDivElement;
+        if (newElement) {
+          newElement.focus();
+          const range = document.createRange();
+          const sel = window.getSelection();
+          if (newElement.childNodes.length > 0) {
+            range.setStart(newElement.childNodes[0], 0);
+          } else {
+            range.setStart(newElement, 0);
+          }
+          range.collapse(true);
+          sel?.removeAllRanges();
+          sel?.addRange(range);
+        }
+      }, 10);
+    } else if (e.key === 'Backspace') {
+      const selection = window.getSelection();
+      if (!selection || selection.rangeCount === 0) return;
+
+      const range = selection.getRangeAt(0);
+      const preCaretRange = range.cloneRange();
+      preCaretRange.selectNodeContents(target);
+      preCaretRange.setEnd(range.endContainer, range.endOffset);
+      const caretOffset = preCaretRange.toString().length;
+
+      if (caretOffset === 0 && blocks.length > 1) {
+        e.preventDefault();
+        const currentIndex = blocks.findIndex(b => b.id === blockId);
+        if (currentIndex > 0) {
+          const prevBlock = blocks[currentIndex - 1];
+          const currentBlock = blocks[currentIndex];
+          const prevTextLength = prevBlock.text.length;
+
+          setBlocks(prev => {
+            const newBlocks = [...prev];
+            newBlocks[currentIndex - 1] = {
+              ...prevBlock,
+              text: prevBlock.text + currentBlock.text
+            };
+            newBlocks.splice(currentIndex, 1);
+            return newBlocks;
+          });
+
+          setTimeout(() => {
+            const prevElement = document.querySelector(`[data-block-id="${prevBlock.id}"]`) as HTMLDivElement;
+            if (prevElement) {
+              prevElement.focus();
+              restoreCursorPosition(prevElement, prevTextLength);
+            }
+          }, 10);
+        }
+      }
+    } else if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
+      const currentIndex = blocks.findIndex(b => b.id === blockId);
+      const selection = window.getSelection();
+      if (!selection || selection.rangeCount === 0) return;
+
+      const range = selection.getRangeAt(0);
+      const preCaretRange = range.cloneRange();
+      preCaretRange.selectNodeContents(target);
+      preCaretRange.setEnd(range.endContainer, range.endOffset);
+      const caretOffset = preCaretRange.toString().length;
+
+      if (e.key === 'ArrowUp' && caretOffset === 0 && currentIndex > 0) {
+        e.preventDefault();
+        const prevBlock = blocks[currentIndex - 1];
+        const prevElement = document.querySelector(`[data-block-id="${prevBlock.id}"]`) as HTMLDivElement;
+        if (prevElement) {
+          prevElement.focus();
+          restoreCursorPosition(prevElement, prevBlock.text.length);
+        }
+      } else if (e.key === 'ArrowDown' && caretOffset === target.textContent?.length && currentIndex < blocks.length - 1) {
+        e.preventDefault();
+        const nextBlock = blocks[currentIndex + 1];
+        const nextElement = document.querySelector(`[data-block-id="${nextBlock.id}"]`) as HTMLDivElement;
+        if (nextElement) {
+          nextElement.focus();
+          restoreCursorPosition(nextElement, 0);
+        }
+      }
+    }
+  }, [blocks, handleSelectAll]);
+
+  // Global keyboard event listener for Ctrl+A
+  useEffect(() => {
+    const handleGlobalKeyDown = (e: KeyboardEvent) => {
+      if ((e.ctrlKey || e.metaKey) && e.key === 'a') {
+        // Check if focus is inside document container
+        const activeElement = document.activeElement;
+        const isInEditor = activeElement?.closest('.document-container');
+        
+        if (isInEditor) {
+          e.preventDefault();
+          setSelectAllActive(true);
+
+          const allEditables = document.querySelectorAll('[contenteditable="true"]');
+          const selection = window.getSelection();
+          
+          if (selection && allEditables.length > 0) {
+            const range = document.createRange();
+            const firstElement = allEditables[0];
+            const lastElement = allEditables[allEditables.length - 1];
+            
+            range.setStartBefore(firstElement);
+            range.setEndAfter(lastElement);
+            
+            selection.removeAllRanges();
+            selection.addRange(range);
+          }
+
+          setTimeout(() => {
+            setSelectAllActive(false);
+          }, 100);
+        }
+      }
+    };
+
+    document.addEventListener('keydown', handleGlobalKeyDown);
+    return () => document.removeEventListener('keydown', handleGlobalKeyDown);
+  }, []);
+
+  return (
+    <div className="App">
+      <div className="controls">
+        <button onClick={handleSave}>💾 Save</button>
+        <input
+          type="text"
+          placeholder="Enter Document ID to load"
+          value={loadId}
+          onChange={e => setLoadId(e.target.value)}
+        />
+        <button onClick={handleLoad}>📂 Load</button>
+        {docId && <span className="doc-id">ID: {docId}</span>}
+        <span className="page-count">📄 {pages.length} {pages.length === 1 ? 'Page' : 'Pages'}</span>
+      </div>
+
+      <div className="document-container" ref={editorRef}>
+        {pages.length === 0 ? (
+          <div className="empty-state">
+            <p>Click on the page below to start typing...</p>
+            <p className="hint">Press <kbd>Ctrl+A</kbd> (or <kbd>Cmd+A</kbd>) to select all content</p>
+          </div>
+        ) : null}
+        
+        {pages.map(page => (
+          <div
+            key={page.pageNumber}
+            className="page"
+            style={{
+              width: PAGE_CONFIG.width,
+              height: PAGE_CONFIG.height,
+              padding: `${PAGE_CONFIG.marginTop}px ${PAGE_CONFIG.marginRight}px ${PAGE_CONFIG.marginBottom}px ${PAGE_CONFIG.marginLeft}px`,
+            }}
+          >
+            <div className="page-content">
+              {(() => {
+                // Group lines by blockId to handle blocks that span across pages
+                const blockGroups = new Map<string, typeof page.lines>();
+                page.lines.forEach(line => {
+                  if (!blockGroups.has(line.blockId)) {
+                    blockGroups.set(line.blockId, []);
+                  }
+                  blockGroups.get(line.blockId)!.push(line);
+                });
+
+                // Track which block instances we've seen on this page for unique keys
+                const blockInstanceCounts = new Map<string, number>();
+
+                return Array.from(blockGroups.entries()).map(([blockId, lines], groupIndex) => {
+                  const block = blocks.find(b => b.id === blockId);
+                  if (!block) return null;
+
+                  // Generate unique key combining page number, block ID, and instance index
+                  const instanceCount = blockInstanceCounts.get(blockId) || 0;
+                  blockInstanceCounts.set(blockId, instanceCount + 1);
+                  const uniqueKey = `page-${page.pageNumber}-block-${blockId}-instance-${instanceCount}`;
+
+                  const firstLine = lines[0];
+                  const lastLine = lines[lines.length - 1];
+
+                  // Calculate the height needed for this block segment on this page
+                  const blockHeight = (lastLine.y - firstLine.y) + PAGE_CONFIG.lineHeight;
+
+                  return (
+                    <div
+                      key={uniqueKey}
+                      data-block-id={blockId}
+                      contentEditable
+                      suppressContentEditableWarning
+                      onInput={handleInput}
+                      onKeyDown={handleKeyDown}
+                      onCompositionStart={handleCompositionStart}
+                      onCompositionEnd={handleCompositionEnd}
+                      className="editable-block"
+                      style={{
+                        position: 'absolute',
+                        left: 0,
+                        top: firstLine.y - PAGE_CONFIG.marginTop,
+                        width: '100%',
+                        height: blockHeight,
+                        lineHeight: `${PAGE_CONFIG.lineHeight}px`,
+                        fontSize: PAGE_CONFIG.fontSize,
+                        fontFamily: PAGE_CONFIG.fontFamily,
+                        outline: 'none',
+                        whiteSpace: 'pre-wrap',
+                        wordWrap: 'break-word',
+                        direction: 'ltr',
+                        textAlign: 'left',
+                        unicodeBidi: 'embed',
+                      }}
+                    >
+                      {block.text}
+                    </div>
+                  );
+                });
+              })()}
+            </div>
+            
+            <div className="page-number">
+              Page {page.pageNumber} of {pages.length}
+            </div>
+          </div>
+        ))}
+      </div>
+    </div>
+  );
+};
+
+export default App;

Document-Editor--master/client/src/index.css

@@ -0,0 +1,13 @@
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+    monospace;
+}

Document-Editor--master/client/src/index.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(
+  document.getElementById('root') as HTMLElement
+);
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

Document-Editor--master/client/src/paginationEngine.ts

@@ -0,0 +1,77 @@
+import { PAGE_CONFIG, ContentBlock, Page, Line } from './types';
+import { TextMeasurer } from './textMeasurer';
+
+export class PaginationEngine {
+  private measurer: TextMeasurer;
+
+  constructor() {
+    this.measurer = new TextMeasurer();
+  }
+
+  private getContentWidth(): number {
+    return PAGE_CONFIG.width - PAGE_CONFIG.marginLeft - PAGE_CONFIG.marginRight;
+  }
+
+  private getContentHeight(): number {
+    return PAGE_CONFIG.height - PAGE_CONFIG.marginTop - PAGE_CONFIG.marginBottom;
+  }
+
+  paginate(blocks: ContentBlock[]): Page[] {
+    const pages: Page[] = [];
+    let currentPage: Page = { pageNumber: 1, lines: [] };
+    let currentY = PAGE_CONFIG.marginTop;
+
+    for (const block of blocks) {
+      // Handle completely empty blocks
+      if (block.text.length === 0) {
+        const lineHeight = PAGE_CONFIG.lineHeight;
+        
+        if (currentY + lineHeight > PAGE_CONFIG.height - PAGE_CONFIG.marginBottom) {
+          pages.push(currentPage);
+          currentPage = { pageNumber: pages.length + 1, lines: [] };
+          currentY = PAGE_CONFIG.marginTop;
+        }
+
+        currentPage.lines.push({
+          text: '',
+          y: currentY,
+          blockId: block.id
+        });
+        currentY += lineHeight;
+        continue;
+      }
+
+      // Break text into lines (preserving whitespace)
+      const lines = this.measurer.breakIntoLines(
+        block.text,
+        this.getContentWidth()
+      );
+
+      for (const lineText of lines) {
+        const lineHeight = PAGE_CONFIG.lineHeight;
+
+        // Check if line fits on current page
+        if (currentY + lineHeight > PAGE_CONFIG.height - PAGE_CONFIG.marginBottom) {
+          pages.push(currentPage);
+          currentPage = { pageNumber: pages.length + 1, lines: [] };
+          currentY = PAGE_CONFIG.marginTop;
+        }
+
+        currentPage.lines.push({
+          text: lineText,
+          y: currentY,
+          blockId: block.id
+        });
+
+        currentY += lineHeight;
+      }
+    }
+
+    // Push last page
+    if (currentPage.lines.length > 0) {
+      pages.push(currentPage);
+    }
+
+    return pages;
+  }
+}

Document-Editor--master/client/src/react-app-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="react-scripts" />

Document-Editor--master/client/src/reportWebVitals.ts

@@ -0,0 +1,15 @@
+import { ReportHandler } from 'web-vitals';
+
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

Document-Editor--master/client/src/setupTests.ts

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';

Document-Editor--master/client/src/textMeasurer.ts

@@ -0,0 +1,68 @@
+import { PAGE_CONFIG } from './types';
+
+export class TextMeasurer {
+  private canvas: HTMLCanvasElement;
+  private ctx: CanvasRenderingContext2D;
+
+  constructor() {
+    this.canvas = document.createElement('canvas');
+    this.ctx = this.canvas.getContext('2d')!;
+    this.ctx.font = `${PAGE_CONFIG.fontSize}px ${PAGE_CONFIG.fontFamily}`;
+  }
+
+  measureText(text: string): number {
+    return this.ctx.measureText(text).width;
+  }
+
+  breakIntoLines(text: string, maxWidth: number): string[] {
+    if (!text) return [''];
+
+    // Replace tabs with 4 spaces (standard tab width)
+    const processedText = text.replace(/\t/g, '    ');
+    
+    // Handle explicit line breaks
+    const paragraphs = processedText.split('\n');
+    const allLines: string[] = [];
+
+    for (const paragraph of paragraphs) {
+      if (!paragraph.trim()) {
+        // Preserve empty lines
+        allLines.push('');
+        continue;
+      }
+
+      // Word wrap algorithm that preserves spaces
+      const words = paragraph.split(/(\s+)/); // Split but keep spaces
+      const lines: string[] = [];
+      let currentLine = '';
+
+      for (let i = 0; i < words.length; i++) {
+        const word = words[i];
+        const testLine = currentLine + word;
+        const width = this.measureText(testLine);
+
+        if (width > maxWidth && currentLine.trim()) {
+          // Line would overflow, push current line and start new
+          lines.push(currentLine);
+          
+          // Skip leading space on new line if current word is whitespace
+          if (word.trim() === '') {
+            currentLine = '';
+          } else {
+            currentLine = word;
+          }
+        } else {
+          currentLine = testLine;
+        }
+      }
+
+      if (currentLine) {
+        lines.push(currentLine);
+      }
+
+      allLines.push(...(lines.length > 0 ? lines : ['']));
+    }
+
+    return allLines;
+  }
+}

Document-Editor--master/client/src/types.ts

@@ -0,0 +1,35 @@
+export const PAGE_CONFIG = {
+  width: 794,
+  height: 1123,
+  marginTop: 72,
+  marginBottom: 72,
+  marginLeft: 72,
+  marginRight: 72,
+  lineHeight: 24,
+  fontSize: 16,
+  fontFamily: 'Arial, sans-serif'
+};
+
+export interface ContentBlock {
+  id: string;
+  text: string;
+}
+
+export interface Document {
+  id?: string;
+  title: string;
+  content: ContentBlock[];
+  created_at?: string;
+  updated_at?: string;
+}
+
+export interface Line {
+  text: string;
+  y: number;
+  blockId: string;
+}
+
+export interface Page {
+  pageNumber: number;
+  lines: Line[];
+}

Document-Editor--master/client/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": [
+    "src"
+  ]
+}

Document-Editor--master/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "fullstack-app",
+  "type": "module",
+  "scripts": {
+    "start": "node server/index.js",
+    "server": "nodemon server/index.js",
+    "client": "npm start --prefix client",
+    "build": "npm install --prefix client && npm run build --prefix client"
+  }
+}

Document-Editor--master/server/data/040e38fc-f5ff-448b-a38e-528b77d62c7c.json

@@ -0,0 +1,192 @@
+{
+  "id": "040e38fc-f5ff-448b-a38e-528b77d62c7c",
+  "title": "My Document",
+  "content": [
+    {
+      "id": "1764185322326",
+      "text": "Hello world"
+    },
+    {
+      "id": "block-1764185326179-0.745027487574992",
+      "text": ""
+    },
+    {
+      "id": "block-1764185326459-0.8631461999435833",
+      "text": "Hello "
+    },
+    {
+      "id": "block-1764185332099-0.4020291953985998",
+      "text": ""
+    },
+    {
+      "id": "block-1764185333507-0.4573760865672791",
+      "text": ""
+    },
+    {
+      "id": "block-1764185333723-0.2570954943893221",
+      "text": "Hello "
+    },
+    {
+      "id": "block-1764185341291-0.460156802426543",
+      "text": ""
+    },
+    {
+      "id": "block-1764185342946-0.3570515473860154",
+      "text": ""
+    },
+    {
+      "id": "block-1764185345731-0.0795202500495431",
+      "text": ""
+    },
+    {
+      "id": "block-1764185345867-0.8343009476817695",
+      "text": ""
+    },
+    {
+      "id": "block-1764185346058-0.10172043543927756",
+      "text": ""
+    },
+    {
+      "id": "block-1764185346250-0.6051099698361062",
+      "text": "\n\n\nBackend: Express (Node.js)\n\n\nGoal: Host for free\n\n\nThe best free choices right now are:\n🥇 Railway (free tier) or 🥈 Render (free tier)\nBoth can host your full-stack Node + static React build. I’ll show the easiest full-stack method (one deployment).\n\n🎉 Best Option: Host Both Together on Railway/Render\n📌 Step 1 — Build your React Client\nOpen terminal:\ncd client\nnpm install\nnpm run build\n\nThis creates a build/ folder.\n\n📌 Step 2 — Make Express Serve the React Build\nIn your server folder, modify your Express app:\nimport express from \"express\";"
+    },
+    {
+      "id": "block-1764185358773-0.36930011138627317",
+      "text": "import path from \"path\";\nimport { fileURLToPath } from \"url\";\n"
+    },
+    {
+      "id": "block-1764185387263-0.5847362075190897",
+      "text": "const __filename = fileURLToPath(import.meta.url);\nconst __dirname = path.dirname(__filename);\n\nconst app = express();\n\n// 👉 Serve React build\napp.use(express.static(path.join(__dirname, \"../client/build\")));\n\napp.get(\"*\", (_, res) => {\n  res.sendFile(path.join(__dirname, \"../client/build/index.html\"));\n});\n\napp.listen(process.env.PORT || 5000, () => {\n  console.log(\"Server running...\");\n});\n\n\n📌 Step 3 — Add a Root package.json Script\nIn the root folder (not client or server), create a package.json if it doesn’t exist:\n{\n  \"name\": \"fullstack-app\",\n  \"scripts\": {\n    \"start\": \"node server/index.js\",\n    \"server\": \"nodemon server/index.js\",\n    \"client\": \"npm start --prefix client\",\n    \"build\": \"npm install --prefix client && npm run build --prefix client\"\n  }\n}\n\n(Make sure your entry file is server/index.js or adjust path.)\n\n📌 Step 4 — Push to GitHub\nMake sure your repo has this structure:\n/client\n/server\npackage.json  (root)\n"
+    },
+    {
+      "id": "block-1764185358797-0.7712865336178318",
+      "text": "Commit and push to GitHub.\n\n🚀 Step 5 — Deploy on Railway (FREE)"
+    },
+    {
+      "id": "block-1764185387271-0.6136933963371233",
+      "text": "\n\nGo to https://railway.app/\n\n\nLogin with GitHub\n\n\nClick New Project → Deploy from GitHub Repo\n\n\nSelect your repo\n\n\nPORT=8080\nFeature\nRailway\nRender"
+    },
+    {
+      "id": "block-1764185358813-0.12024335256399588",
+      "text": "\n\n\n\nFree limit\n~5$/month usage\nFree 750 hours\n"
+    },
+    {
+      "id": "block-1764185372204-0.7695423897884532",
+      "text": "\nSleeps on inactivity\nYes\nYes\n\n\nBuild both together easily\n✔️ Best\n✔️ Good\n\n"
+    },
+    {
+      "id": "block-1764185379334-0.4269752564809537",
+      "text": "\nBoth work, but Railway is simpler.\n"
+    },
+    {
+      "id": "block-1764185387283-0.18512521330701626",
+      "text": "🧐 Want Separate Hosting Instead?\nIf you want:\n\n\nBackend on Railway\n\n\nFrontend on Vercel\n\n\nI can show that too — just say I want them separate.\n\n📌 Need Help with Environment Variables or Build Errors?\nSend:\n\n\nyour folder structure\n"
+    },
+    {
+      "id": "block-1764185358824-0.6519678463146473",
+      "text": "\npackage.json files\n\n\nI’ll fix them for you 🚀🛠️"
+    },
+    {
+      "id": "block-1764185341458-0.3415649538707576",
+      "text": ""
+    },
+    {
+      "id": "block-1764185341692-0.4827620206238017",
+      "text": "world"
+    },
+    {
+      "id": "block-1764185336714-0.6645613696878259",
+      "text": ""
+    },
+    {
+      "id": "block-1764185336883-0.6190069978347903",
+      "text": "Great! You have:\n\n\nFrontend: TypeScript React\n\n\nBackend: Express (Node.js)\n\n\nGoal: Host for free\n"
+    },
+    {
+      "id": "block-1764185379346-0.9188524656035867",
+      "text": "\nThe best free choices right now are:\n🥇 Railway (free tier) or 🥈 Render (free tier)"
+    },
+    {
+      "id": "block-1764185387293-0.39363787926915195",
+      "text": "Both can host your full-stack Node + static React build. I’ll show the easiest full-stack \nmethod (one deployment).\n\n🎉 Best Option: Host Both Together on Railway/Render\n📌 Step 1 — Build your React Client\nOpen terminal:\ncd client\nnpm install\nnpm run build\n\nThis creates a build/ folder.\n\n📌 Step 2 — Make Express Serve the React Build\nIn your server folder, modify your Express app:\nimport express from \"express\";\nimport path from \"path\";\nimport { fileURLToPath } from \"url\";"
+    },
+    {
+      "id": "block-1764185366760-0.2924867741893613",
+      "text": "const __filename = fileURLToPath(import.meta.url);"
+    },
+    {
+      "id": "block-1764185366772-0.647275959118245",
+      "text": "const __dirname = path.dirname(__filename);\n\nconst app = express();\n\n// 👉 Serve React build\napp.use(express.static(path.join(__dirname, \"../client/build\")));\n\napp.get(\"*\", (_, res) => {"
+    },
+    {
+      "id": "block-1764185372217-0.3848900377626562",
+      "text": "  res.sendFile(path.join(__dirname, \"../client/build/index.html\"));\n});\n\napp.listen(process.env.PORT || 5000, () => {\n  console.log(\"Server running...\");\n});\n\n\n📌 Step 3 — Add a Root package.json Script\nIn the root folder (not client or server), create a package.json if it doesn’t exist:\n{"
+    },
+    {
+      "id": "block-1764185379354-0.21129516703548934",
+      "text": "  \"name\": \"fullstack-app\",\n  \"scripts\": {\n    \"start\": \"node server/index.js\","
+    },
+    {
+      "id": "block-1764185387300-0.37138435896043853",
+      "text": "    \"server\": \"nodemon server/index.js\",\n    \"client\": \"npm start --prefix client\",\n    \"build\": \"npm install --prefix client && npm run build --prefix client\"\n  }\n}\n\n(Make sure your entry file is server/index.js or adjust path.)\n\n📌 Step 4 — Push to GitHub\nMake sure your repo has this structure:\n/client\n/server\npackage.json  (root)\n\nCommit and push to GitHub.\n\n🚀 Step 5 — Deploy on Railway (FREE)\n"
+    },
+    {
+      "id": "block-1764185366791-0.7988936374851168",
+      "text": "\nGo to https://railway.app/\n\n\nLogin with GitHub\n\n\nClick New Project → Deploy from GitHub Repo"
+    },
+    {
+      "id": "block-1764185372227-0.20480405535862745",
+      "text": "\n\nSelect your repo\n\n\nImportant:\n\n\nSet Root project path to your root, not /client or /server.\n\n"
+    },
+    {
+      "id": "block-1764185379364-0.2759495671627247",
+      "text": "Add Environment Variables\n→ Railway → Variables → Add:\nPORT=8080"
+    },
+    {
+      "id": "block-1764185387310-0.8035233227403694",
+      "text": "(any other secrets like Mongo URL)\n\n\n🎊 Done! Your app URL will look like:\nhttps://yourapp.up.railway.app/\n\n\n⚠️ Important Notes for Free Hosting\n\n\n\nFeature\nRailway\nRender\n\n\n\n"
+    },
+    {
+      "id": "block-1764185366808-0.7356968921107767",
+      "text": "Free limit\n~5$/month usage\nFree 750 hours\n\n\nSleeps on inactivity\nYes\nYes"
+    },
+    {
+      "id": "block-1764185372236-0.9535100220474891",
+      "text": "\n\nBuild both together easily\n✔️ Best\n✔️ Good\n\n\n\nBoth work, but Railway is simpler.\n\n🧐 Want Separate Hosting Instead?"
+    },
+    {
+      "id": "block-1764185379371-0.9362557720680834",
+      "text": "If you want:\n\n"
+    },
+    {
+      "id": "block-1764185387319-0.4459054843320799",
+      "text": "Backend on Railway\n\n\nFrontend on Vercel\n\n\nI can show that too — just say I want them separate.\n\n📌 Need Help with Environment Variables or Build Errors?\nSend:\n\n\nyour folder structure\n\n\npackage.json files\n\n"
+    },
+    {
+      "id": "block-1764185366823-0.34698356755452187",
+      "text": "I’ll fix them for you 🚀🛠️"
+    },
+    {
+      "id": "block-1764185337403-0.8706107040484482",
+      "text": ""
+    },
+    {
+      "id": "block-1764185337490-0.6390174492297295",
+      "text": ""
+    },
+    {
+      "id": "block-1764185333882-0.22483528279064768",
+      "text": "world"
+    },
+    {
+      "id": "block-1764185330842-0.6293666256813296",
+      "text": ""
+    },
+    {
+      "id": "block-1764185329171-0.5813949064381904",
+      "text": ""
+    }
+  ],
+  "created_at": "2025-11-26T19:29:49.804Z",
+  "updated_at": "2025-11-26T19:29:49.804Z"
+}

Document-Editor--master/server/data/71b8d791-d7b2-44e3-bf5b-bfa4ca3a34de.json

@@ -0,0 +1,72 @@
+{
+  "id": "71b8d791-d7b2-44e3-bf5b-bfa4ca3a34de",
+  "title": "My Document",
+  "content": [
+    {
+      "id": "1764119897129",
+      "text": "Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds."
+    },
+    {
+      "id": "block-1764119915257-0.4292094413105557",
+      "text": ""
+    },
+    {
+      "id": "block-1764119915769-0.9249138680032881",
+      "text": ""
+    },
+    {
+      "id": "block-1764119915799-0.7964691271821067",
+      "text": ""
+    },
+    {
+      "id": "block-1764119915827-0.018955485880886136",
+      "text": ""
+    },
+    {
+      "id": "block-1764119915862-0.8424512262384346",
+      "text": ""
+    },
+    {
+      "id": "block-1764119915895-0.7436883957463118",
+      "text": "Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds."
+    },
+    {
+      "id": "block-1764119917418-0.5005262987305623",
+      "text": "Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds."
+    },
+    {
+      "id": "block-1764119919503-0.6967482027215017",
+      "text": ""
+    },
+    {
+      "id": "block-1764119924536-0.9639945946185713",
+      "text": "Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds."
+    },
+    {
+      "id": "block-1764119926560-0.9575022093644173",
+      "text": "Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello"
+    },
+    {
+      "id": "block-1764119928702-0.18037476296660337",
+      "text": "Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.HelloHello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Worlds.HeHello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello"
+    },
+    {
+      "id": "block-1764120044271-0.04877565396456174",
+      "text": "Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.HelloHello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Worlds.HeWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello"
+    },
+    {
+      "id": "block-1764120045607-0.3191495481339375",
+      "text": "Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worlds Worlds.Hello Worlds.Hello Worlds.HellossssssssHello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello"
+    },
+    {
+      "id": "block-1764120096263-0.7501005669073386",
+      "text": "Worlds.Hello Worlds.Worlds.He.He"
+    },
+    {
+      "id": "block-1764120098441-0.995989493698729",
+      "text": "Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worlds Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worldsWorlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Worlds.Hello Hello worlds"
+    }
+  ],
+  "created_at": "2025-11-26T01:24:16.750Z",
+  "updated_at": "2025-11-26T01:24:16.750Z"
+}

Document-Editor--master/server/data/92a85bb2-938a-41b0-9c69-1c36919da23c.json

@@ -0,0 +1,32 @@
+{
+  "id": "92a85bb2-938a-41b0-9c69-1c36919da23c",
+  "title": "My Document",
+  "content": [
+    {
+      "id": "1764117603114",
+      "text": "Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world."
+    },
+    {
+      "id": "block-1764117826759-0.5817665547194508",
+      "text": "Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world."
+    },
+    {
+      "id": "block-1764117828658-0.037742925663947324",
+      "text": "Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world."
+    },
+    {
+      "id": "block-1764117833450-0.4200369076586793",
+      "text": "Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world."
+    },
+    {
+      "id": "block-1764117844918-0.9777791714244016",
+      "text": "Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world."
+    },
+    {
+      "id": "block-1764117837034-0.7351909718040901",
+      "text": "Hello world.Hello world.Hello world.Hello world.Hello world.Hello world.Hello world."
+    }
+  ],
+  "created_at": "2025-11-26T00:44:55.001Z",
+  "updated_at": "2025-11-26T00:44:55.001Z"
+}

Document-Editor--master/server/data/d8b5e4ae-e7c1-4d7b-a70d-45f7e9d5f2d8.json

@@ -0,0 +1,20 @@
+{
+  "id": "d8b5e4ae-e7c1-4d7b-a70d-45f7e9d5f2d8",
+  "title": "My Document",
+  "content": [
+    {
+      "id": "1764106395642",
+      "text": "hello sdfsfsdgaefawrw sejrqworj;wqroej"
+    },
+    {
+      "id": "1764106670364",
+      "text": "import express from 'express';\nimport cors from 'cors';\nimport { promises as fs } from 'fs';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\nimport { v4 as uuidv4 } from 'uuid';\n\n// Get __dirname in ES modules\nconst __filename = fileURLToPath(import.meta.url);\nconst __dirname = path.dirname(__filename);\n\nconst app = express();\napp.use(cors());\napp.use(express.json());\n\nconst DATA_DIR = path.join(__dirname, 'data');\n\n// Ensure data directory exists\nfs.mkdir(DATA_DIR, { recursive: true }).catch(() => {});\n\n// POST /documents\napp.post('/documents', async (req, res) => {\n  try {\n    const doc = {\n      id: uuidv4(),\n      title: req.body.title || 'Untitled',\n      content: req.body.content,\n      created_at: new Date().toISOString(),\n      updated_at: new Date().toISOString()\n    };\n    \n    await fs.writeFile(\n      path.join(DATA_DIR, `${doc.id}.json`),\n      JSON.stringify(doc, null, 2)\n    );\n    \n    res.json({ id: doc.id });\n  } catch (err) {\n    console.error('Save error:', err);\n    res.status(500).json({ error: 'Save failed', message: err.message });\n  }\n});\n\n// GET /documents/:id\napp.get('/documents/:id', async (req, res) => {\n  try {\n    const data = await fs.readFile(\n      path.join(DATA_DIR, `${req.params.id}.json`),\n      'utf-8'\n    );\n    res.json(JSON.parse(data));\n  } catch (err) {\n    console.error('Load error:', err);\n    res.status(404).json({ error: 'Document not found' });\n  }\n});\n\nconst PORT = 3001;\napp.listen(PORT, () => {\n  console.log(`✓ Server running on http://localhost:${PORT}`);\n});import express from 'express';\nimport cors from 'cors';\nimport { promises as fs } from 'fs';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\nimport { v4 as uuidv4 } from 'uuid';\n\n// Get __dirname in ES modules\nconst __filename = fileURLToPath(import.meta.url);\nconst __dirname = path.dirname(__filename);\n\nconst app = express();\napp.use(cors());\napp.use(express.json());\n\nconst DATA_DIR = path.join(__dirname, 'data');\n\n// Ensure data directory exists\nfs.mkdir(DATA_DIR, { recursive: true }).catch(() => {});\n\n// POST /documents\napp.post('/documents', async (req, res) => {\n  try {\n    const doc = {\n      id: uuidv4(),\n      title: req.body.title || 'Untitled',\n      content: req.body.content,\n      created_at: new Date().toISOString(),\n      updated_at: new Date().toISOString()\n    };\n    \n    await fs.writeFile(\n      path.join(DATA_DIR, `${doc.id}.json`),\n      JSON.stringify(doc, null, 2)\n    );\n    \n    res.json({ id: doc.id });\n  } catch (err) {\n    console.error('Save error:', err);\n    res.status(500).json({ error: 'Save failed', message: err.message });\n  }\n});\n\n// GET /documents/:id\napp.get('/documents/:id', async (req, res) => {\n  try {\n    const data = await fs.readFile(\n      path.join(DATA_DIR, `${req.params.id}.json`),\n      'utf-8'\n    );\n    res.json(JSON.parse(data));\n  } catch (err) {\n    console.error('Load error:', err);\n    res.status(404).json({ error: 'Document not found' });\n  }\n});\n\nconst PORT = 3001;\napp.listen(PORT, () => {\n  console.log(`✓ Server running on http://localhost:${PORT}`);\n});import express from 'express';\nimport cors from 'cors';\nimport { promises as fs } from 'fs';\nimport path from 'path';\nimport { fileURLToPath } from 'url';\nimport { v4 as uuidv4 } from 'uuid';\n\n// Get __dirname in ES modules\nconst __filename = fileURLToPath(import.meta.url);\nconst __dirname = path.dirname(__filename);\n\nconst app = express();\napp.use(cors());\napp.use(express.json());\n\nconst DATA_DIR = path.join(__dirname, 'data');\n\n// Ensure data directory exists\nfs.mkdir(DATA_DIR, { recursive: true }).catch(() => {});\n\n// POST /documents\napp.post('/documents', async (req, res) => {\n  try {\n    const doc = {\n      id: uuidv4(),\n      title: req.body.title || 'Untitled',\n      content: req.body.content,\n      created_at: new Date().toISOString(),\n      updated_at: new Date().toISOString()\n    };\n    \n    await fs.writeFile(\n      path.join(DATA_DIR, `${doc.id}.json`),\n      JSON.stringify(doc, null, 2)\n    );\n    \n    res.json({ id: doc.id });\n  } catch (err) {\n    console.error('Save error:', err);\n    res.status(500).json({ error: 'Save failed', message: err.message });\n  }\n});\n\n// GET /documents/:id\napp.get('/documents/:id', async (req, res) => {\n  try {\n    const data = await fs.readFile(\n      path.join(DATA_DIR, `${req.params.id}.json`),\n      'utf-8'\n    );\n    res.json(JSON.parse(data));\n  } catch (err) {\n    console.error('Load error:', err);\n    res.status(404).json({ error: 'Document not found' });\n  }\n});\n\nconst PORT = 3001;\napp.listen(PORT, () => {\n  console.log(`✓ Server running on http://localhost:${PORT}`);\n});"
+    },
+    {
+      "id": "1764106670567",
+      "text": "ewjklnrjwernflewnfwlrhnweornhi3hni32r"
+    }
+  ],
+  "created_at": "2025-11-25T21:38:43.439Z",
+  "updated_at": "2025-11-25T21:38:43.439Z"
+}

Document-Editor--master/server/index.js

@@ -0,0 +1,61 @@
+import express from 'express';
+import cors from 'cors';
+import { promises as fs } from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { v4 as uuidv4 } from 'uuid';
+
+// Get __dirname in ES modules
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const app = express();
+app.use(cors());
+app.use(express.json());
+
+const DATA_DIR = path.join(__dirname, 'data');
+
+// Ensure data directory exists
+fs.mkdir(DATA_DIR, { recursive: true }).catch(() => {});
+
+// POST /documents
+app.post('/documents', async (req, res) => {
+  try {
+    const doc = {
+      id: uuidv4(),
+      title: req.body.title || 'Untitled',
+      content: req.body.content,
+      created_at: new Date().toISOString(),
+      updated_at: new Date().toISOString()
+    };
+    
+    await fs.writeFile(
+      path.join(DATA_DIR, `${doc.id}.json`),
+      JSON.stringify(doc, null, 2)
+    );
+    
+    res.json({ id: doc.id });
+  } catch (err) {
+    console.error('Save error:', err);
+    res.status(500).json({ error: 'Save failed', message: err.message });
+  }
+});
+
+// GET /documents/:id
+app.get('/documents/:id', async (req, res) => {
+  try {
+    const data = await fs.readFile(
+      path.join(DATA_DIR, `${req.params.id}.json`),
+      'utf-8'
+    );
+    res.json(JSON.parse(data));
+  } catch (err) {
+    console.error('Load error:', err);
+    res.status(404).json({ error: 'Document not found' });
+  }
+});
+
+const PORT = 3001;
+app.listen(PORT, () => {
+  console.log(`✓ Server running on http://localhost:${PORT}`);
+});

Document-Editor--master/server/package-lock.json

@@ -0,0 +1,851 @@
+{
+  "name": "server",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "server",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "cors": "^2.8.5",
+        "express": "^5.1.0",
+        "uuid": "^13.0.0"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
+      "integrity": "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "^3.0.0",
+        "negotiator": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/body-parser": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.1.tgz",
+      "integrity": "sha512-nfDwkulwiZYQIGwxdy0RUmowMhKcFVcYXUU7m4QlKYim1rUtg83xm2yjZ40QjDuc291AJjjeSc9b++AWHSgSHw==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "^3.1.2",
+        "content-type": "^1.0.5",
+        "debug": "^4.4.3",
+        "http-errors": "^2.0.0",
+        "iconv-lite": "^0.7.0",
+        "on-finished": "^2.4.1",
+        "qs": "^6.14.0",
+        "raw-body": "^3.0.1",
+        "type-is": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-1.0.1.tgz",
+      "integrity": "sha512-oIXISMynqSqm241k6kcQ5UwttDILMK4BiurCfGEREw6+X9jkkpEe5T9FZaApyLGGOnFuyMWZpdolTXMtvEJ08Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.2.tgz",
+      "integrity": "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.6.0"
+      }
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/express/-/express-5.1.0.tgz",
+      "integrity": "sha512-DT9ck5YIRU+8GYzzU5kT3eHGA5iL+1Zd0EutOmTE9Dtk+Tvuzd23VBU+ec7HPNSTxXYO55gPV/hq4pSBJDjFpA==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "^2.0.0",
+        "body-parser": "^2.2.0",
+        "content-disposition": "^1.0.0",
+        "content-type": "^1.0.5",
+        "cookie": "^0.7.1",
+        "cookie-signature": "^1.2.1",
+        "debug": "^4.4.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "finalhandler": "^2.1.0",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "merge-descriptors": "^2.0.0",
+        "mime-types": "^3.0.0",
+        "on-finished": "^2.4.1",
+        "once": "^1.4.0",
+        "parseurl": "^1.3.3",
+        "proxy-addr": "^2.0.7",
+        "qs": "^6.14.0",
+        "range-parser": "^1.2.1",
+        "router": "^2.2.0",
+        "send": "^1.1.0",
+        "serve-static": "^2.2.0",
+        "statuses": "^2.0.1",
+        "type-is": "^2.0.1",
+        "vary": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-2.1.0.tgz",
+      "integrity": "sha512-/t88Ty3d5JWQbWYgaOGCCYfXRwV1+be02WqYYlL6h0lEiUAMPM8o8qKGO01YIkOHzka2up08wvgYD0mDiI+q3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.0",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "on-finished": "^2.4.1",
+        "parseurl": "^1.3.3",
+        "statuses": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-2.0.0.tgz",
+      "integrity": "sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.0.tgz",
+      "integrity": "sha512-cf6L2Ds3h57VVmkZe+Pn+5APsT7FpqJtEhhieDCvrE2MK5Qk9MyffgQyuxQTm6BChfeZNtcOLHp9IcWRVcIcBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-promise": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-4.0.0.tgz",
+      "integrity": "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ==",
+      "license": "MIT"
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz",
+      "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-2.0.0.tgz",
+      "integrity": "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-3.0.2.tgz",
+      "integrity": "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "^1.54.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/negotiator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz",
+      "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.3.0.tgz",
+      "integrity": "sha512-7jdwVIRtsP8MYpdXSwOS0YdD0Du+qOoF/AEPIt88PcCFrZCzx41oxku1jD88hZBwbNUIEfpqvuhjFaMAqMTWnA==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.14.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.0.tgz",
+      "integrity": "sha512-YWWTjgABSKcvs/nWBi9PycY/JiPJqOD4JA6o9Sej2AtvSGarXxKC3OQSk4pAarbdQlKAh5D4FCQkJNkW+GAn3w==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-3.0.2.tgz",
+      "integrity": "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.7.0",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/router": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/router/-/router-2.2.0.tgz",
+      "integrity": "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.4.0",
+        "depd": "^2.0.0",
+        "is-promise": "^4.0.0",
+        "parseurl": "^1.3.3",
+        "path-to-regexp": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/send": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-1.2.0.tgz",
+      "integrity": "sha512-uaW0WwXKpL9blXE2o0bRhoL2EGXIrZxQ2ZQ4mgcfoBxdFmQold+qWsD2jLrfZ0trjKL6vOw0j//eAwcALFjKSw==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.5",
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "etag": "^1.8.1",
+        "fresh": "^2.0.0",
+        "http-errors": "^2.0.0",
+        "mime-types": "^3.0.1",
+        "ms": "^2.1.3",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "statuses": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/serve-static": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-2.2.0.tgz",
+      "integrity": "sha512-61g9pCh0Vnh7IutZjtLGGpTA355+OPn2TyDv/6ivP2h/AdAVX9azsoxmg2/M6nZeQZNYBEwIcsne1mJd9oQItQ==",
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "^2.0.0",
+        "escape-html": "^1.0.3",
+        "parseurl": "^1.3.3",
+        "send": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-2.0.1.tgz",
+      "integrity": "sha512-OZs6gsjF4vMp32qrCbiVSkrFmXtG/AZhY3t0iAMrMBiAZyV9oALtXO8hsrHbMXF9x6L3grlFuwW2oAz7cav+Gw==",
+      "license": "MIT",
+      "dependencies": {
+        "content-type": "^1.0.5",
+        "media-typer": "^1.1.0",
+        "mime-types": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-13.0.0.tgz",
+      "integrity": "sha512-XQegIaBTVUjSHliKqcnFqYypAd4S+WCYt5NIeRs6w/UAry7z8Y9j5ZwRRL4kzq9U3sD6v+85er9FvkEaBpji2w==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist-node/bin/uuid"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "license": "ISC"
+    }
+  }
+}

Document-Editor--master/server/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "server",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "cors": "^2.8.5",
+    "express": "^5.1.0",
+    "uuid": "^13.0.0"
+  }
+}

Document-Editor--master/server/tempCodeRunnerFile.js

@@ -0,0 +1,3 @@
+const express = require('express');
+const cors = require('cors');
+const fs = require('fs').promises;