{"_id":"@dlh.io/dlh-erd-viewer-deux","_rev":"12-d51cf77aead6281b97c3f8fa1e6d0f91","name":"@dlh.io/dlh-erd-viewer-deux","dist-tags":{"latest":"0.1.12"},"versions":{"0.1.0":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.0","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"url":"DataLakehouse","name":"DLH.io"},"license":"MIT","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.0","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"dist":{"shasum":"6239a65d4b54f232d5e6702cd220650efe514e84","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.0.tgz","fileCount":14,"integrity":"sha512-HBO6EvEX+CvaNQ9y+RHyL5MkCy7WKqx1xdRV8pT/ytr72JqCCtWqFl4XHeBglR8Y7XTtPQKpRjAwarYPwNqVjg==","signatures":[{"sig":"MEUCIQCRUQWvUqlprIiV0USK2S3T9l/o3ekTXLOssrejMkEb0QIgRI6yRziK67XcNFtvnY8U71vJ9NiEhLXr1hNuOiCACsQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30599825},"main":"dist/index.cjs","type":"module","_from":"file:dlh.io-dlh-erd-viewer-deux-0.1.0.tgz","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","test":"vitest","build":"tsc -b && vite build","preview":"vite preview","build:lib":"vite build --mode lib"},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"_resolved":"/private/var/folders/rf/v9612y0n0xggg5_2qxbpw1pm0000gn/T/a1a9248580d3bc1e981e3fa6b7cdcb6a/dlh.io-dlh-erd-viewer-deux-0.1.0.tgz","_integrity":"sha512-HBO6EvEX+CvaNQ9y+RHyL5MkCy7WKqx1xdRV8pT/ytr72JqCCtWqFl4XHeBglR8Y7XTtPQKpRjAwarYPwNqVjg==","repository":{"url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git","type":"git"},"_npmVersion":"11.6.1","description":"A React component for viewing database ERD diagrams from DBML and TBLS formats","directories":{},"_nodeVersion":"22.14.0","dependencies":{"dagre":"^0.8.5","jspdf":"^2.5.2","@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","html-to-image":"^1.11.11"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","vitest":"^3.0.4","globals":"^17.2.0","postcss":"^8.5.1","react-dom":"^18.3.1","@eslint/js":"^9.39.2","typescript":"~5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/dagre":"^0.7.52","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","typescript-eslint":"^8.54.0","@vitejs/plugin-react":"^4.3.4","@typescript-eslint/parser":"^8.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","@typescript-eslint/eslint-plugin":"^8.21.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dlh-erd-viewer-deux_0.1.0_1769892529670_0.1752685803145715","host":"s3://npm-registry-packages-npm-production"}},"0.1.1":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.1","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"url":"DataLakehouse","name":"DLH.io"},"license":"MIT","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.1","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"dist":{"shasum":"e94f0d5c6ddd3aea9799778988ee1f654776c91a","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.1.tgz","fileCount":14,"integrity":"sha512-V4y/Sh+hqAhDdCsVoh73EOMdUpLxFnguTGTZCdJUVw4RtbsrcQDL4YV0Iig48hwSTrGps5k3WfMhpC3tTpjZVA==","signatures":[{"sig":"MEUCIQCHrnoeKtgPzRXj2FScMFT2fJunbUGnMCCNOnIyPdvSsQIgEmRxhf7iRAIWdFcB2Zo82iccCeXk2kJXu/zJ3My5M2E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30599826},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"gitHead":"e0ae636d1531096cb7f58684aaf415bb2718f8e0","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","test":"vitest","build":"tsc -b && vite build","preview":"vite preview","build:lib":"vite build --mode lib"},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"repository":{"url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git","type":"git"},"_npmVersion":"11.6.1","description":"A React component for viewing database ERD diagrams from DBML and TBLS formats","directories":{},"_nodeVersion":"22.14.0","dependencies":{"dagre":"^0.8.5","jspdf":"^2.5.2","@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","html-to-image":"^1.11.11"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","vitest":"^3.0.4","globals":"^17.2.0","postcss":"^8.5.1","react-dom":"^18.3.1","@eslint/js":"^9.39.2","typescript":"~5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/dagre":"^0.7.52","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","typescript-eslint":"^8.54.0","@vitejs/plugin-react":"^4.3.4","@typescript-eslint/parser":"^8.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","@typescript-eslint/eslint-plugin":"^8.21.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dlh-erd-viewer-deux_0.1.1_1769892778201_0.3841543412038173","host":"s3://npm-registry-packages-npm-production"}},"0.1.2":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.2","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"url":"DataLakehouse","name":"DLH.io"},"license":"MIT","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.2","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"dist":{"shasum":"1e0216958d292e8ae0087961b9158ede0d73b4e2","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.2.tgz","fileCount":14,"integrity":"sha512-kTpwSzdxkmudM+0sptgDEdFuUXQOq1bT8mrCDB/2N+lz4DBzBcTT8jA1kGJYLwwWcCQLDP8feC/GN9D9Q98BUw==","signatures":[{"sig":"MEUCIQCssLYdcVkNXOn1yA1yndwq6JhyOml4yHyD/SmyhNkSlwIgQ1bqOuhfxZXz2JIc+W2HRt0KRgvILuvU+KNS3YUvVmE=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30609701},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"gitHead":"64c0d31c2b21655e8694236c2d59a1c971957052","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","test":"vitest","build":"tsc -b && vite build","preview":"vite preview","build:lib":"vite build --mode lib"},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"repository":{"url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git","type":"git"},"_npmVersion":"11.6.1","description":"A React component for viewing database ERD diagrams from DBML and TBLS formats","directories":{},"_nodeVersion":"22.14.0","dependencies":{"dagre":"^0.8.5","jspdf":"^2.5.2","@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","html-to-image":"^1.11.11"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","vitest":"^3.0.4","globals":"^17.2.0","postcss":"^8.5.1","react-dom":"^18.3.1","@eslint/js":"^9.39.2","typescript":"~5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/dagre":"^0.7.52","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","typescript-eslint":"^8.54.0","@vitejs/plugin-react":"^4.3.4","@typescript-eslint/parser":"^8.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","@typescript-eslint/eslint-plugin":"^8.21.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dlh-erd-viewer-deux_0.1.2_1769895079502_0.9793493112855809","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.3","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"url":"DataLakehouse","name":"DLH.io"},"license":"MIT","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.3","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"dist":{"shasum":"c1dc27da914305f4b5f46150fe5f8e6ab25bdf9b","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.3.tgz","fileCount":14,"integrity":"sha512-zEv643qskB/+dUP68oAxYahLBqy6PKA2lVHqZqa0wjbLewcREeXXPq8CkzkZyqg02brySLr1pFIrmZG6t86HSg==","signatures":[{"sig":"MEQCICpEhPJV3DuEYrO5aSYK1dAu+pNTyNBA72ID5Y1+BA1RAiAbqV4A+OeAnN6W9thytBFa4XvAxCF/u6u/BExfS3ZvsA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30604937},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"gitHead":"625f16a1d82278049326f38c83a7bdf803db3d53","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","test":"vitest","build":"tsc -b && vite build","preview":"vite preview","build:lib":"vite build --mode lib"},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"repository":{"url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git","type":"git"},"_npmVersion":"11.6.1","description":"A React component for viewing database ERD diagrams from DBML and TBLS formats","directories":{},"_nodeVersion":"22.14.0","dependencies":{"dagre":"^0.8.5","jspdf":"^2.5.2","@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","html-to-image":"^1.11.11"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","vitest":"^3.0.4","globals":"^17.2.0","postcss":"^8.5.1","react-dom":"^18.3.1","@eslint/js":"^9.39.2","typescript":"~5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/dagre":"^0.7.52","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","typescript-eslint":"^8.54.0","@vitejs/plugin-react":"^4.3.4","@typescript-eslint/parser":"^8.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","@typescript-eslint/eslint-plugin":"^8.21.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dlh-erd-viewer-deux_0.1.3_1769900111924_0.27001143571934816","host":"s3://npm-registry-packages-npm-production"}},"0.1.5":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.5","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"url":"DataLakehouse","name":"DLH.io"},"license":"MIT","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.5","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"dist":{"shasum":"add8fb38fe07ad7df73e059a1ca0d5401513fe4d","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.5.tgz","fileCount":14,"integrity":"sha512-crCvVdXpWfCdi1DOQp0u8ByloaYxd7u0i85mHhCXA5eXPvAQhomJ+HAcmR27AuGjHOs+fBG/X4Vz6Lf6A5vCHQ==","signatures":[{"sig":"MEYCIQCHlYUuMpGwqYNpk8t3a/2ShwoTseP/iMiXehNABeSFVAIhAIK4pEzzPgNs0kBHMmEjYBqgTWcpKI6vYZgbijuEZEP5","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30606246},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"gitHead":"839d2479786df35557d0cdf249d0b289833fcabf","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","test":"vitest","build":"tsc -b && vite build","preview":"vite preview","build:lib":"vite build --mode lib"},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"repository":{"url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git","type":"git"},"_npmVersion":"11.6.1","description":"A React component for viewing database ERD diagrams from DBML and TBLS formats","directories":{},"_nodeVersion":"22.14.0","dependencies":{"dagre":"^0.8.5","jspdf":"^2.5.2","@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","html-to-image":"^1.11.11"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","vitest":"^3.0.4","globals":"^17.2.0","postcss":"^8.5.1","react-dom":"^18.3.1","@eslint/js":"^9.39.2","typescript":"~5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/dagre":"^0.7.52","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","typescript-eslint":"^8.54.0","@vitejs/plugin-react":"^4.3.4","@typescript-eslint/parser":"^8.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","@typescript-eslint/eslint-plugin":"^8.21.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dlh-erd-viewer-deux_0.1.5_1769967302843_0.6493803590957128","host":"s3://npm-registry-packages-npm-production"}},"0.1.6":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.6","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"url":"DataLakehouse","name":"DLH.io"},"license":"MIT","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.6","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"dist":{"shasum":"ba5dc99ea18799cec09eff6d0b16039f7705d4db","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.6.tgz","fileCount":14,"integrity":"sha512-wSbCC+AACC4773J7sbdxJzjunHr9XMUEyQXN1/ImBK5RZZTvG9H3mbZcRDlw4OIjyintA1RMomF0vebKsB7GDA==","signatures":[{"sig":"MEYCIQC4R0P/CRP2NjkHZvlWq4nhl4aYtm96NjU/RHVcnvHCZQIhAJbgkkUlaXEkX55gZ7u3+wAq0F1Ve/jpz2clGzM1lwMd","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30615656},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"gitHead":"cb6d6ea705141d1e66aa323d754fdc6226885315","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","test":"vitest","build":"tsc -b && vite build","preview":"vite preview","build:lib":"vite build --mode lib"},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"repository":{"url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git","type":"git"},"_npmVersion":"11.6.1","description":"A React component for viewing database ERD diagrams from DBML and TBLS formats","directories":{},"_nodeVersion":"22.14.0","dependencies":{"dagre":"^0.8.5","jspdf":"^2.5.2","@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","html-to-image":"^1.11.11"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","vitest":"^3.0.4","globals":"^17.2.0","postcss":"^8.5.1","react-dom":"^18.3.1","@eslint/js":"^9.39.2","typescript":"~5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/dagre":"^0.7.52","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","typescript-eslint":"^8.54.0","@vitejs/plugin-react":"^4.3.4","@typescript-eslint/parser":"^8.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","@typescript-eslint/eslint-plugin":"^8.21.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dlh-erd-viewer-deux_0.1.6_1770075684585_0.6977061192398772","host":"s3://npm-registry-packages-npm-production"}},"0.1.7":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.7","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"url":"DataLakehouse","name":"DLH.io"},"license":"MIT","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.7","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"dist":{"shasum":"a067ad760bf40fb4b2ea129824a875ba0f8553dc","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.7.tgz","fileCount":14,"integrity":"sha512-sdPGoFfMYdy/2K3pbmoTqXBNY56rUKcCtszFTZCtt3tFOQfRvPT07qcomPcpbbiTPbUq3LTwakJtVoLVJHNQcg==","signatures":[{"sig":"MEUCIQC9vZz5Zv2rMwUiVZkZT+O2NpBcMFNnUEC45KK1AgxY8gIgDgoZtyEtnGTQur3BQzt0f957SWTGE58WMsiSp6sMr5Y=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30662586},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"gitHead":"86b7e08f3973b5e187bc36334773de6f68a1cf55","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","test":"vitest","build":"tsc -b && vite build","preview":"vite preview","build:lib":"vite build --mode lib"},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"repository":{"url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git","type":"git"},"_npmVersion":"11.6.1","description":"A React/Javascript component for viewing database ERD diagrams from DBML and TBLS formats","directories":{},"_nodeVersion":"22.14.0","dependencies":{"dagre":"^0.8.5","jspdf":"^2.5.2","@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","html-to-image":"^1.11.11"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","vitest":"^3.0.4","globals":"^17.2.0","postcss":"^8.5.1","react-dom":"^18.3.1","@eslint/js":"^9.39.2","typescript":"~5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/dagre":"^0.7.52","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","typescript-eslint":"^8.54.0","@vitejs/plugin-react":"^4.3.4","@typescript-eslint/parser":"^8.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","@typescript-eslint/eslint-plugin":"^8.21.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dlh-erd-viewer-deux_0.1.7_1770341505969_0.25078851892848397","host":"s3://npm-registry-packages-npm-production"}},"0.1.8":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.8","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"url":"DataLakehouse","name":"DLH.io"},"license":"MIT","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.8","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"dist":{"shasum":"b31f7bade6228320821242ff34a62e439f35a08a","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.8.tgz","fileCount":14,"integrity":"sha512-99vhk2pdiNPbzpH+S/yFP8CTihqvcdd3rZiYQWD4WYEox4ecAljmRXVEBejFw0unZS+M5tiwhrq9mMbuzOVDnw==","signatures":[{"sig":"MEUCICVNC2tFCgYZB0rZuiZ0BdxjBXZqGcx3Z3oL5OffNtq3AiEA7XEGtcuwkwwyGZvXbXUESIB/ppCaRk2/a0Q3KQHdT6E=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30669459},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"gitHead":"5b62519e5f3b42924f890c301785a41cd5fbdfd2","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","test":"vitest","build":"tsc -b && vite build","preview":"vite preview","build:lib":"vite build --mode lib"},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"repository":{"url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git","type":"git"},"_npmVersion":"11.6.1","description":"A React/Javascript component for viewing database ERD diagrams from DBML and TBLS formats","directories":{},"_nodeVersion":"22.14.0","dependencies":{"dagre":"^0.8.5","jspdf":"^2.5.2","@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","html-to-image":"^1.11.11"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","vitest":"^3.0.4","globals":"^17.2.0","postcss":"^8.5.1","react-dom":"^18.3.1","@eslint/js":"^9.39.2","typescript":"~5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/dagre":"^0.7.52","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","typescript-eslint":"^8.54.0","@vitejs/plugin-react":"^4.3.4","@typescript-eslint/parser":"^8.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","@typescript-eslint/eslint-plugin":"^8.21.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dlh-erd-viewer-deux_0.1.8_1770574388528_0.35215757546701276","host":"s3://npm-registry-packages-npm-production"}},"0.1.9":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.9","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"url":"DataLakehouse","name":"DLH.io"},"license":"MIT","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.9","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"dist":{"shasum":"388ef7847816731f4589338adf06d74802acb888","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.9.tgz","fileCount":14,"integrity":"sha512-TalgdBOHVGn0VTKqTQcRGP/NCPead6vKdP/ymxLLJ9QZaYKqEVr3BJbR1I9nURdC02PW1ZIbvb4Rbf1+Oy9X9Q==","signatures":[{"sig":"MEYCIQCZd3cj8Cxyn0wDsQynJzZNB9GJ7TOV5Lr4A4/68qAjDQIhAO9UuB1hrz9eOEB5ijVDwmO4vmwNM5Q5QkKpjEmXANAR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30670558},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"gitHead":"757f345dedeed9396453146a7b3e079cd2b09293","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","test":"vitest","build":"tsc -b && vite build","preview":"vite preview","build:lib":"vite build --mode lib"},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"repository":{"url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git","type":"git"},"_npmVersion":"11.6.1","description":"A React/Javascript component for viewing database ERD diagrams from DBML and TBLS formats","directories":{},"_nodeVersion":"22.14.0","dependencies":{"dagre":"^0.8.5","jspdf":"^2.5.2","@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","html-to-image":"^1.11.11"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","vitest":"^3.0.4","globals":"^17.2.0","postcss":"^8.5.1","react-dom":"^18.3.1","@eslint/js":"^9.39.2","typescript":"~5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/dagre":"^0.7.52","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","typescript-eslint":"^8.54.0","@vitejs/plugin-react":"^4.3.4","@typescript-eslint/parser":"^8.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","@typescript-eslint/eslint-plugin":"^8.21.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dlh-erd-viewer-deux_0.1.9_1771451564184_0.7325216705414013","host":"s3://npm-registry-packages-npm-production"}},"0.1.10":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.10","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"url":"DataLakehouse","name":"DLH.io"},"license":"MIT","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.10","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"dist":{"shasum":"7e596dbe396f831d4ae98f35c1fe921a3347f501","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.10.tgz","fileCount":14,"integrity":"sha512-Tr9WvOJLXR3sqkUjdZf5Mmv9TBP9jIWeWvCrnyUvMZm1MYZhYajiquaxKsRKl6RXtyGS2KectNBPfIU+81HqWQ==","signatures":[{"sig":"MEYCIQCGlXo26p2MXMT+y6Wmmw811T9S9BeIfHyWnMA8IuiX1QIhAP+OMtjAaF0dAe4Jg4rdehLqcwQpCtysePdsZts8TcoM","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30670563},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"gitHead":"e5cec0b866cc7bb1c6624f56adebc4c6d2d233ed","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","test":"vitest","build":"tsc -b && vite build","preview":"vite preview","build:lib":"vite build --mode lib"},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"repository":{"url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git","type":"git"},"_npmVersion":"11.6.1","description":"A React/Javascript component for viewing database ERD diagrams from DBML and TBLS formats","directories":{},"_nodeVersion":"22.14.0","dependencies":{"dagre":"^0.8.5","jspdf":"^2.5.2","@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","html-to-image":"^1.11.11"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","vitest":"^3.0.4","globals":"^17.2.0","postcss":"^8.5.1","react-dom":"^18.3.1","@eslint/js":"^9.39.2","typescript":"~5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/dagre":"^0.7.52","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","typescript-eslint":"^8.54.0","@vitejs/plugin-react":"^4.3.4","@typescript-eslint/parser":"^8.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","@typescript-eslint/eslint-plugin":"^8.21.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dlh-erd-viewer-deux_0.1.10_1771460561620_0.7824173738126843","host":"s3://npm-registry-packages-npm-production"}},"0.1.11":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.11","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"url":"DataLakehouse","name":"DLH.io"},"license":"MIT","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.11","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"dist":{"shasum":"9615abebac507ab005eb8509e820d4f5a5605d59","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.11.tgz","fileCount":14,"integrity":"sha512-Ns9U5rGrumj333y6xCts9j5Pwv4aGd5sGkVjwwYhv+hfR1KvGNMNLxd6gDagQ5tJUBIf6uH4OBQ/3g8VP+KD7g==","signatures":[{"sig":"MEQCIBQYD/kiYmfgwYTKfAb9sdyRyNvDv2Gy85mdDMCikq0JAiB8rzEYZEJSMyoRl3BIXGAOG6Kvd+TUCE8VXKv/oAA5Rg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":30686376},"main":"dist/index.cjs","type":"module","types":"dist/index.d.ts","module":"dist/index.js","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"gitHead":"e5cec0b866cc7bb1c6624f56adebc4c6d2d233ed","scripts":{"dev":"vite","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","test":"vitest","build":"tsc -b && vite build","preview":"vite preview","build:lib":"vite build --mode lib","prepublishOnly":"pnpm run build:lib"},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"repository":{"url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git","type":"git"},"_npmVersion":"11.6.1","description":"A React/Javascript component for viewing database ERD diagrams from DBML and TBLS formats","directories":{},"_nodeVersion":"22.14.0","dependencies":{"dagre":"^0.8.5","jspdf":"^2.5.2","@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","html-to-image":"^1.11.11"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.7","react":"^18.3.1","eslint":"^9.18.0","vitest":"^3.0.4","globals":"^17.2.0","postcss":"^8.5.1","react-dom":"^18.3.1","@eslint/js":"^9.39.2","typescript":"~5.7.3","@types/node":"^22.10.7","tailwindcss":"^3.4.17","@types/dagre":"^0.7.52","@types/react":"^18.3.18","autoprefixer":"^10.4.20","vite-plugin-dts":"^4.5.0","@types/react-dom":"^18.3.5","typescript-eslint":"^8.54.0","@vitejs/plugin-react":"^4.3.4","@typescript-eslint/parser":"^8.21.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","@typescript-eslint/eslint-plugin":"^8.21.0"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/dlh-erd-viewer-deux_0.1.11_1771473141018_0.7252678938598736","host":"s3://npm-registry-packages-npm-production"}},"0.1.12":{"name":"@dlh.io/dlh-erd-viewer-deux","version":"0.1.12","description":"A React/Javascript component for viewing database ERD diagrams from DBML and TBLS formats","type":"module","main":"dist/index.cjs","module":"dist/index.js","types":"dist/index.d.ts","exports":{".":{"import":"./dist/index.js","require":"./dist/index.cjs","types":"./dist/index.d.ts"},"./styles.css":"./dist/dlh-erd-viewer-deux.css"},"scripts":{"dev":"vite","build":"tsc -b && vite build","build:lib":"vite build --mode lib","prepublishOnly":"pnpm run build:lib","lint":"eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0","preview":"vite preview","test":"vitest"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0"},"dependencies":{"@dbml/core":"^3.8.1","@xyflow/react":"^12.4.3","dagre":"^0.8.5","html-to-image":"^1.11.11","jspdf":"^2.5.2"},"devDependencies":{"@eslint/js":"^9.39.2","@types/dagre":"^0.7.52","@types/node":"^22.10.7","@types/react":"^18.3.18","@types/react-dom":"^18.3.5","@typescript-eslint/eslint-plugin":"^8.21.0","@typescript-eslint/parser":"^8.21.0","@vitejs/plugin-react":"^4.3.4","autoprefixer":"^10.4.20","eslint":"^9.18.0","eslint-plugin-react-hooks":"^5.1.0","eslint-plugin-react-refresh":"^0.4.18","globals":"^17.2.0","postcss":"^8.5.1","react":"^18.3.1","react-dom":"^18.3.1","tailwindcss":"^3.4.17","typescript":"~5.7.3","typescript-eslint":"^8.54.0","vite":"^6.0.7","vite-plugin-dts":"^4.5.0","vitest":"^3.0.4"},"keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"author":{"name":"DLH.io","url":"DataLakehouse"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git"},"gitHead":"7004b15e2f893ad7c31179789af2b219c78c4d48","_id":"@dlh.io/dlh-erd-viewer-deux@0.1.12","bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","_nodeVersion":"22.14.0","_npmVersion":"11.6.1","dist":{"integrity":"sha512-Vu3VDRW36RhIvKd9X/g3UcK3QpHkJdwGYxcyJOxbtjDDQOI+BDGfs4OiEx1YxnNr87YWQXjvXNXceoQDVMOfBw==","shasum":"a7bec243d43449539974a74eac454c47ad1e9d3d","tarball":"https://registry.npmjs.org/@dlh.io/dlh-erd-viewer-deux/-/dlh-erd-viewer-deux-0.1.12.tgz","fileCount":14,"unpackedSize":30698103,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIEyJ6GosJB4jnhRiffLNLQpYBFkS/emeKrG9hRYEPd/IAiEA9qYUXS4pD4liJyN+LZMZSY/OQdQdj3ZWIGF1EpAGvEI="}]},"_npmUser":{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"},"directories":{},"maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/dlh-erd-viewer-deux_0.1.12_1771514303122_0.7150198513751735"},"_hasShrinkwrap":false}},"time":{"created":"2026-01-31T20:48:49.603Z","modified":"2026-02-19T15:18:23.579Z","0.1.0":"2026-01-31T20:48:49.995Z","0.1.1":"2026-01-31T20:52:58.517Z","0.1.2":"2026-01-31T21:31:19.878Z","0.1.3":"2026-01-31T22:55:12.203Z","0.1.5":"2026-02-01T17:35:03.143Z","0.1.6":"2026-02-02T23:41:24.977Z","0.1.7":"2026-02-06T01:31:46.239Z","0.1.8":"2026-02-08T18:13:08.809Z","0.1.9":"2026-02-18T21:52:44.631Z","0.1.10":"2026-02-19T00:22:41.913Z","0.1.11":"2026-02-19T03:52:21.324Z","0.1.12":"2026-02-19T15:18:23.412Z"},"bugs":{"url":"https://github.com/datalakehouse/dlh-erd-viewer-deux/issues"},"author":{"name":"DLH.io","url":"DataLakehouse"},"license":"MIT","homepage":"https://github.com/datalakehouse/dlh-erd-viewer-deux#readme","keywords":["erd","diagram","database","dbml","tbls","react","visualization"],"repository":{"type":"git","url":"git+https://github.com/datalakehouse/dlh-erd-viewer-deux.git"},"description":"A React/Javascript component for viewing database ERD diagrams from DBML and TBLS formats","maintainers":[{"name":"swayam-aicg","email":"swayam@aicg.com"},{"name":"dlh_devteamlead","email":"devteamlead@datalakehouse.io"}],"readme":"# DLH.io ERD Viewer Deux (ERDeux)\n\nPopular ERD viewer designed by DLH.io originally to provide a better ERD experience to users of the DLH.io platform to visualize relationships in complicated data sources such as Salesforce.com, Dayforce, Paycor, and other operational systems.\n\n## Roadmap\n\n### Phase 1 - Read-Only\nFuture features and enhancements are taken by reqeust and PR.\n\n### Phase 2 - Full Capability\n\n- Connectivity to direct retrieve/update ERD from all Major Databases and Data Warehouse systems\n- Support additional schema formats\n- Metadata Updating\n- Sharing\n\n### Phase 3 - Extemded Capability\n- Design/Layout capability\n- Embedding on Another/Your Site\n- SaaS Hosted Version\n  - Editing capability of ERD layouts\n  - Team Collaboration\n\n## More about DLH.io\nDLH.io is a leading ETL/ELT, data integration, API integration, and data engineering platform for any organization that works with data, and provide automated loading of popular operational data systems (e.g.: Dayforce, Salesforce, Workday, Hubspot, Toast, Aloha POS, etc.) typically to data warehouses (Databricks, BigQuery, Redshift, Snowflake, etc.) for reports, dashboards, and AI use cases. See more at [DLH.io](DLH.io)\n\n# @dlh.io/dlh-erd-viewer-deux\n\nA React/javascript component for visualizing database Entity-Relationship Diagrams (ERD). Built by the tech team at DLH.io (datalakehouse.io), initially for read-only purposes to share target system data profiles for relationships in data for data/analytics engineers to better understand how to model their data products.\n\n## Installation\nFrom a development perspective, a developer wishing to use this project will use our npmjs package deployment of the solution, using pnpm/npm...\n\n```bash\nnpm install @dlh.io/dlh-erd-viewer-deux\n```\n\n## Quick Start Project Code Reference\nIn your react/javascript/typescript project you will import the ERDViewer and styles (which can be overriden) in your existing project, and follow a similar patter to reference your DBML or TBLS (json) files which will be passed in to the component to be rendered in the ERDeux viewer.\n\n```tsx\nimport { ERDViewer } from '@dlh.io/dlh-erd-viewer-deux';\nimport '@dlh.io/dlh-erd-viewer-deux/styles.css';\n\nconst dbmlSchema = `\nTable users {\n  id integer [pk]\n  username varchar(255) [not null]\n  email varchar(255) [not null]\n}\n\nTable posts {\n  id integer [pk]\n  title varchar(255) [not null]\n  author_id integer [ref: > users.id]\n}\n`;\n\nfunction App() {\n  return (\n    <div style={{ width: '100%', height: '600px' }}>\n      <ERDViewer\n        format=\"dbml\"\n        content={dbmlSchema}\n      />\n    </div>\n  );\n}\n```\n\n## Props / Properties\nWe've built a number of properties (prop) to allow a great deal of flexibility in how the component is used.  Typically each prop is condition based in the code so that a default value is overriden.  \n\n### Required Props\n\n| Prop | Type | Description |\n|------|------|-------------|\n| `format` | `'dbml' \\| 'tbls'` | The schema format of the content |\n| `content` | `string` | The schema content to parse and display |\n\n### Optional Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| `className` | `string` | `''` | Additional CSS class names for the container |\n| `style` | `React.CSSProperties` | - | Inline styles for the container |\n| `positions` | `PositionMetadata` | - | Pre-defined table positions for the layout |\n| `devMode` | `boolean` | `false` | Enable developer mode with position copying tools |\n| `draggable` | `boolean` | `false` | Allow users to drag and reposition tables |\n| `showMinimap` | `boolean` | `true` | Show or hide the minimap navigation |\n| `showInfoPanel` | `boolean` | `true` | Show or hide the information side panel |\n| `displayMode` | `DisplayMode` | `'all'` | Column display mode: `'all'`, `'keys'`, or `'tableOnly'` |\n| `layoutAlgorithm` | `LayoutAlgorithm` | `'default'` | Layout algorithm for table positioning |\n| `reverseAnimationFlow` | `boolean` | `false` | Reverse the animation flow direction on connector lines |\n| `tableOnlyConnectionMode` | `TableOnlyConnectionMode` | `'center'` | Connection mode when in table-only display |\n| `toolbarAlignment` | `PanelAlignment` | `'center'` | Toolbar position: `'left'`, `'center'`, or `'right'` |\n| `infoPaneAlignment` | `PanelAlignment` | `'right'` | Info panel position: `'left'` or `'right'` |\n| `printExportLogo` | `string` | DLH logo | URL of logo to watermark on exports |\n| `printExportLogoPosition` | `WatermarkPosition` | `'top-left'` | Position of watermark: `'top-left'`, `'top-right'`, `'bottom-left'`, `'bottom-right'` |\n| `theme` | `ERDViewerTheme` | - | Theme overrides via CSS custom properties |\n\n### Callback Props\n\n| Prop | Type | Description |\n|------|------|-------------|\n| `onExport` | `(format: 'png' \\| 'pdf') => void` | Called when diagram is exported |\n| `onPositionsChange` | `(positions: PositionMetadata) => void` | Called when table positions change (in devMode or draggable) |\n| `onTableSelect` | `(table: Table \\| null) => void` | Called when a table is selected |\n| `onColumnSelect` | `(table: Table \\| null, columnName: string \\| null) => void` | Called when a column is selected |\n| `onDisplayModeChange` | `(mode: DisplayMode) => void` | Called when display mode changes |\n| `onLayoutAlgorithmChange` | `(algorithm: LayoutAlgorithm) => void` | Called when layout algorithm changes |\n\n## Types\n\n### DisplayMode\n\nControls which columns are shown in table cards:\n\n```typescript\ntype DisplayMode = 'all' | 'keys' | 'tableOnly';\n```\n\n- `'all'` - Show all columns\n- `'keys'` - Show only primary and foreign key columns\n- `'tableOnly'` - Show only table names (no columns)\n\n### LayoutAlgorithm\n\nControls how tables are automatically positioned:\n\n```typescript\ntype LayoutAlgorithm = 'default' | 'hierarchical' | 'force' | 'grid' | 'spiral' | 'proximity';\n```\n\n- `'default'` - Dagre-based top-to-bottom layout\n- `'hierarchical'` - Left-to-right hierarchical layout\n- `'force'` - Force-directed layout\n- `'grid'` - Grid pattern layout\n- `'spiral'` - Spiral pattern layout\n- `'proximity'` - Groups related tables together\n\n### PanelAlignment\n\n```typescript\ntype PanelAlignment = 'left' | 'center' | 'right';\n```\n\n### WatermarkPosition\n\n```typescript\ntype WatermarkPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n```\n\n### PositionMetadata\n\nPre-defined positions for tables:\n\n```typescript\ninterface PositionMetadata {\n  schemaFormat?: 'dbml' | 'tbls';\n  capturedAt?: string;\n  version?: string;\n  positions: TablePosition[];\n}\n\ninterface TablePosition {\n  tableName: string;\n  x: number;\n  y: number;\n}\n```\n\n## CSS Customization\n\nThe component uses CSS custom properties (variables) for theming. You can override these in your application's CSS:\n\n```css\n:root {\n  /* Core colors */\n  --erd-primary: #3b82f6;\n  --erd-secondary: #64748b;\n  --erd-background: #ffffff;\n  --erd-surface: #f8fafc;\n  --erd-border: #e2e8f0;\n  --erd-text: #1e293b;\n  --erd-text-muted: #64748b;\n  --erd-highlight: #3b82f6;\n\n  /* Key indicators */\n  --erd-pk: #eab308;           /* Primary key color */\n  --erd-fk: #8b5cf6;           /* Foreign key color */\n\n  /* Typography */\n  --erd-font-family: ui-sans-serif, system-ui, sans-serif;\n  --erd-font-mono: ui-monospace, monospace;\n\n  /* Toolbar */\n  --erd-toolbar-text: #1e293b;\n\n  /* Connector lines */\n  --erd-edge-color: #64748b;\n  --erd-edge-highlight-color: #3b82f6;\n  --erd-animation-color: #3b82f6;\n\n  /* Table cards */\n  --erd-table-header-bg: #3b82f6;\n  --erd-table-header-text: #ffffff;\n  --erd-table-column-bg: #ffffff;\n  --erd-table-column-highlight-bg: #eff6ff;\n\n  /* Info panel */\n  --erd-info-panel-bg: #ffffff;\n  --erd-info-panel-header-bg: #f8fafc;\n}\n```\n\n### Using the theme prop\n\nYou can also pass theme overrides directly to the component via the `theme` prop (recommended):\n\n```tsx\n<ERDViewer\n  format=\"dbml\"\n  content={schema}\n  theme={{\n    '--erd-primary': '#10b981',\n    '--erd-highlight': '#10b981',\n    '--erd-table-header-bg': '#10b981',\n  }}\n/>\n```\n\n## Examples\n\n### Basic Usage\n\n```tsx\nimport { ERDViewer } from '@dlh.io/dlh-erd-viewer-deux';\nimport '@dlh.io/dlh-erd-viewer-deux/styles.css';\n\nfunction BasicExample() {\n  const schema = `\n    Table users {\n      id integer [pk]\n      name varchar(255)\n    }\n  `;\n\n  return (\n    <div style={{ width: '100%', height: '500px' }}>\n      <ERDViewer format=\"dbml\" content={schema} />\n    </div>\n  );\n}\n```\n\n### With Custom Layout and Display Mode\n\n```tsx\nfunction CustomLayoutExample() {\n  return (\n    <ERDViewer\n      format=\"dbml\"\n      content={schema}\n      layoutAlgorithm=\"hierarchical\"\n      displayMode=\"keys\"\n      toolbarAlignment=\"left\"\n    />\n  );\n}\n```\n\n### With Selection Callbacks\n\n```tsx\nfunction SelectionExample() {\n  const handleTableSelect = (table) => {\n    if (table) {\n      console.log('Selected table:', table.name);\n    }\n  };\n\n  const handleColumnSelect = (table, columnName) => {\n    if (table && columnName) {\n      console.log(`Selected column: ${table.name}.${columnName}`);\n    }\n  };\n\n  return (\n    <ERDViewer\n      format=\"dbml\"\n      content={schema}\n      onTableSelect={handleTableSelect}\n      onColumnSelect={handleColumnSelect}\n    />\n  );\n}\n```\n\n### With Custom Export Watermark\n\n```tsx\nfunction ExportExample() {\n  return (\n    <ERDViewer\n      format=\"dbml\"\n      content={schema}\n      printExportLogo=\"https://example.com/my-logo.png\"\n      printExportLogoPosition=\"bottom-right\"\n      onExport={(format) => console.log(`Exported as ${format}`)}\n    />\n  );\n}\n```\n\n## Developer Mode\nDeveloper mode was built so that we can render the ERD of the specific schema and then:\n1. Add metadata such as grouping\n2. Reposition the tables to a specific position that best emphasizes the schema/tables as we have an opinion on certain system relationships\n3. Capture the positions using the \"Capture\" button, which can then be added to the meta.json \nfile for that schema so that the ERD will load with the updated positions and/or groupings as a default perspective.\n\n### Developer Mode for Position Capture\n\nEnable `devMode` to capture table and group positions for later use:\n\n```tsx\nfunction DevModeExample() {\n  const handlePositionsChange = (positions) => {\n    // Save positions to use as the `positions` prop later\n    console.log(JSON.stringify(positions, null, 2));\n  };\n\n  return (\n    <ERDViewer\n      format=\"dbml\"\n      content={schema}\n      devMode={true}\n      draggable={true}\n      onPositionsChange={handlePositionsChange}\n    />\n  );\n}\n```\n\n### Using Pre-defined Positions, Highlights, and Groups\n\n```tsx\nconst savedPositions = {\n    \"version\": \"1.0\",\n    \"positions\": [\n        { \"tableName\": \"customers\", \"x\": 50, \"y\": 100 },\n        { \"tableName\": \"orders\", \"x\": 350, \"y\": 100 },\n        { \"tableName\": \"order_items\", \"x\": 650, \"y\": 100 },\n        { \"tableName\": \"products\", \"x\": 650, \"y\": 350 },\n        { \"tableName\": \"categories\", \"x\": 950, \"y\": 350 },\n        { \"tableName\": \"addresses\", \"x\": 50, \"y\": 350 }\n    ],\n    \"highlights\": [\n        {\n            \"tableName\": \"customers\",\n            \"borderColor\": \"#3b82f6\",\n            \"headerBackgroundColor\": \"#dbeafe\"\n        },\n        {\n            \"tableName\": \"orders\",\n            \"borderColor\": \"#f59e0b\",\n            \"headerBackgroundColor\": \"#fef3c7\"\n        }\n    ],\n    \"groups\": [\n        {\n            \"id\": \"core-commerce\",\n            \"label\": \"Core Commerce\",\n            \"tables\": [\"customers\", \"orders\", \"order_items\"],\n            \"collapsible\": false\n        },\n        {\n            \"id\": \"product-catalog\",\n            \"label\": \"Product Catalog\",\n            \"tables\": [\"products\", \"categories\"],\n            \"collapsible\": false\n        }\n    ]\n};\n\nfunction PositionedExample() {\n  return (\n    <ERDViewer\n      format=\"dbml\"\n      content={schema}\n      positions={savedPositions}\n    />\n  );\n}\n```\n\n### Dark Theme Example\n\n```tsx\nfunction DarkThemeExample() {\n  return (\n    <ERDViewer\n      format=\"dbml\"\n      content={schema}\n      theme={{\n        '--erd-background': '#1e293b',\n        '--erd-surface': '#334155',\n        '--erd-border': '#475569',\n        '--erd-text': '#f1f5f9',\n        '--erd-text-muted': '#94a3b8',\n        '--erd-table-header-bg': '#3b82f6',\n        '--erd-table-column-bg': '#1e293b',\n        '--erd-toolbar-text': '#f1f5f9',\n      }}\n    />\n  );\n}\n```\n\n### Next.js Usage\nWe enjoy the fruits of what our friends at [https://vercel.com/](Vercel) and the community have done with the [https://nextjs.org/](Next.js) project. We use this framework for our initial testing using the ERDeux Viewer component.\n\nFor Next.js applications, use dynamic import with SSR disabled:\n\n```tsx\nimport dynamic from 'next/dynamic';\n\nconst ERDViewer = dynamic(\n  () => import('@dlh.io/dlh-erd-viewer-deux').then((mod) => mod.ERDViewer),\n  { ssr: false }\n);\n\n// Import CSS in your layout or page\nimport '@dlh.io/dlh-erd-viewer-deux/styles.css';\n\nexport default function Page() {\n  return (\n    <div style={{ width: '100%', height: '100vh' }}>\n      <ERDViewer format=\"dbml\" content={schema} />\n    </div>\n  );\n}\n```\n\n## Supported Schema Formats\nCurrently the only schema formats are:\n- DBML\n- TBLS (json)\n\n### DBML\n\nThe component supports [DBML (Database Markup Language)](https://dbml.dbdiagram.io/home/) format:\n\n```dbml\nTable users {\n  id integer [pk, increment]\n  username varchar(255) [not null, unique]\n  email varchar(255) [not null]\n  created_at timestamp [default: `now()`]\n}\n\nTable posts {\n  id integer [pk, increment]\n  title varchar(255) [not null]\n  content text\n  author_id integer [ref: > users.id]\n}\n```\n\n### TBLS\n\nThe component also supports [TBLS](https://github.com/k1LoW/tbls) JSON format for schema documentation.\n\n## License\n\nGNU Lesser General Public License (LGPL)\n\n\n\n\n# Development Building and Contributing\n\n\n## Contribute\nFork and submit all PRs using Github.  Post any issues with appropriate test case and visualizations on Github issues.\n\n## Building Locally\n1. Fork the project.\n2. Run `pnpm run build` to test locally\n3. Point an example application to using the package.json file link reference\n4. In a feature branch make changes\n5. Rebuild as necessary and retest\n6. Create appropriate example application tests and provide necessary screenshots if issues\n7. PR or Issue submit to Github\n\n## How we Publish to NPM\nThis is fairly well documented on the NPMjs site, but often we use a private repository, for finalizing testing/QA, and then we publish to the public repository, which is probably how you found us. We follow the same steps most architects do from our build machine, etc.:\n1. Confirm or ensure branch selection\n2. `pnpm run build`\n3. `npm login` \n    - authenticate security, etc.\n    - recent changes in 2025/6 require rotating tokens if using that approach\n4. `npm publish`\n5. Verify updated package with latest version # is deployed on npmjs","readmeFilename":"README.md"}