lucidchart-local-dev-loop

# Lucidchart Local Dev Loop ## Overview Local development workflow for Lucidchart diagramming API integration. Provides a fast feedback loop with mock document, page, and shape data so you can build diagram automation tools without needing a live Lucid account. Toggle between mock mode for rapid iteration and sandbox mode for validating diagram CRUD operations against the real Lucid API. ## Environment Setup ```bash cp .env.example .env # Set your credentials: # LUCID_API_KEY=lucid_xxxxxxxxxxxx # LUCID_BASE_URL=https://api.lucid.co/v1 # MOCK_MODE=true npm install express axios dotenv tsx typescript @types/node npm install -D vitest supertest @types/express ``` ## Dev Server ```typescript // src/dev/server.ts import express from "express"; import { createProxyMiddleware } from "http-proxy-middleware"; const app = express(); app.use(express.json()); const MOCK = process.env.MOCK_MODE === "true"; if (!MOCK) { app.use("/v1", createProxyMiddleware({ target: process.env.LUCID_BASE_URL, changeOrigin: true, headers: { "Lucid-Api-Key": process.env.LUCID_API_KEY! }, })); } else { const { mountMockRoutes } = require("./mocks"); mountMockRoutes(app); } app.listen(3006, () => console.log(`Lucidchart dev server on :3006 [mock=${MOCK}]`)); ``` ## Mock Mode ```typescript // src/dev/mocks.ts — realistic diagramming document and shape responses export function mountMockRoutes(app: any) { app.get("/v1/documents", (_req: any, res: any) => res.json([ { id: "doc_1", t...