construction-gantt 0.1.0

package/dist/pdf-CAQDrX0w.cjs

@@ -0,0 +1,120 @@
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+var jspdf = require('jspdf');
+var png = require('./png-C8t74695.cjs');
+
+// Pure-function image-fit math. Used by the PDF exporter to scale the
+// captured PNG onto a chosen page format with a uniform margin while
+// preserving aspect ratio. Kept separate from pdf.ts so it can be
+// Vitest-covered without instantiating jsPDF.
+// Standard print dimensions (ISO 216 + ANSI Letter), in millimetres.
+const PAGE_DIMENSIONS_MM = {
+    a4: {
+        portrait: {
+            width: 210,
+            height: 297
+        },
+        landscape: {
+            width: 297,
+            height: 210
+        }
+    },
+    a3: {
+        portrait: {
+            width: 297,
+            height: 420
+        },
+        landscape: {
+            width: 420,
+            height: 297
+        }
+    },
+    letter: {
+        portrait: {
+            width: 215.9,
+            height: 279.4
+        },
+        landscape: {
+            width: 279.4,
+            height: 215.9
+        }
+    }
+};
+function computeImageFit(args) {
+    const { pageWidth, pageHeight, margin, pngPxWidth, pngPxHeight } = args;
+    const availableWidth = pageWidth - 2 * margin;
+    const availableHeight = pageHeight - 2 * margin;
+    const widthScale = availableWidth / pngPxWidth;
+    const heightScale = availableHeight / pngPxHeight;
+    const scale = Math.min(widthScale, heightScale);
+    const width = pngPxWidth * scale;
+    const height = pngPxHeight * scale;
+    const x = (pageWidth - width) / 2;
+    const y = (pageHeight - height) / 2;
+    return {
+        width,
+        height,
+        x,
+        y
+    };
+}
+
+async function exportPDF(args) {
+    const { scheduled, ganttProps, options } = args;
+    const orientation = options.orientation ?? 'landscape';
+    const format = options.format ?? 'a3';
+    const margin = options.margin ?? 10;
+    const backgroundColor = options.backgroundColor ?? '#ffffff';
+    const pngBlob = await png.exportPNG({
+        scheduled,
+        ganttProps,
+        options: {
+            backgroundColor
+        }
+    });
+    const dataUrl = await blobToDataUrl(pngBlob);
+    const { width: pngPxWidth, height: pngPxHeight } = await probeImageDimensions(dataUrl);
+    const page = PAGE_DIMENSIONS_MM[format][orientation];
+    const fit = computeImageFit({
+        pageWidth: page.width,
+        pageHeight: page.height,
+        margin,
+        pngPxWidth,
+        pngPxHeight
+    });
+    const pdf = new jspdf.jsPDF({
+        orientation,
+        unit: 'mm',
+        format
+    });
+    pdf.addImage(dataUrl, 'PNG', fit.x, fit.y, fit.width, fit.height);
+    return pdf.output('blob');
+}
+function blobToDataUrl(blob) {
+    return new Promise((resolve, reject)=>{
+        const reader = new FileReader();
+        reader.onload = ()=>resolve(String(reader.result));
+        reader.onerror = ()=>reject(reader.error ?? new Error('FileReader failed'));
+        reader.readAsDataURL(blob);
+    });
+}
+function probeImageDimensions(dataUrl) {
+    return new Promise((resolve, reject)=>{
+        const img = new Image();
+        img.onload = ()=>resolve({
+                width: img.width,
+                height: img.height
+            });
+        img.onerror = ()=>reject(new Error('Failed to probe PNG dimensions'));
+        img.src = dataUrl;
+    });
+}
+
+exports.exportPDF = exportPDF;

package/dist/pdf-CBaoJRTI.js

@@ -0,0 +1,120 @@
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+import { jsPDF } from 'jspdf';
+import { exportPNG } from './png-DKZeKnRh.js';
+
+// Pure-function image-fit math. Used by the PDF exporter to scale the
+// captured PNG onto a chosen page format with a uniform margin while
+// preserving aspect ratio. Kept separate from pdf.ts so it can be
+// Vitest-covered without instantiating jsPDF.
+// Standard print dimensions (ISO 216 + ANSI Letter), in millimetres.
+const PAGE_DIMENSIONS_MM = {
+    a4: {
+        portrait: {
+            width: 210,
+            height: 297
+        },
+        landscape: {
+            width: 297,
+            height: 210
+        }
+    },
+    a3: {
+        portrait: {
+            width: 297,
+            height: 420
+        },
+        landscape: {
+            width: 420,
+            height: 297
+        }
+    },
+    letter: {
+        portrait: {
+            width: 215.9,
+            height: 279.4
+        },
+        landscape: {
+            width: 279.4,
+            height: 215.9
+        }
+    }
+};
+function computeImageFit(args) {
+    const { pageWidth, pageHeight, margin, pngPxWidth, pngPxHeight } = args;
+    const availableWidth = pageWidth - 2 * margin;
+    const availableHeight = pageHeight - 2 * margin;
+    const widthScale = availableWidth / pngPxWidth;
+    const heightScale = availableHeight / pngPxHeight;
+    const scale = Math.min(widthScale, heightScale);
+    const width = pngPxWidth * scale;
+    const height = pngPxHeight * scale;
+    const x = (pageWidth - width) / 2;
+    const y = (pageHeight - height) / 2;
+    return {
+        width,
+        height,
+        x,
+        y
+    };
+}
+
+async function exportPDF(args) {
+    const { scheduled, ganttProps, options } = args;
+    const orientation = options.orientation ?? 'landscape';
+    const format = options.format ?? 'a3';
+    const margin = options.margin ?? 10;
+    const backgroundColor = options.backgroundColor ?? '#ffffff';
+    const pngBlob = await exportPNG({
+        scheduled,
+        ganttProps,
+        options: {
+            backgroundColor
+        }
+    });
+    const dataUrl = await blobToDataUrl(pngBlob);
+    const { width: pngPxWidth, height: pngPxHeight } = await probeImageDimensions(dataUrl);
+    const page = PAGE_DIMENSIONS_MM[format][orientation];
+    const fit = computeImageFit({
+        pageWidth: page.width,
+        pageHeight: page.height,
+        margin,
+        pngPxWidth,
+        pngPxHeight
+    });
+    const pdf = new jsPDF({
+        orientation,
+        unit: 'mm',
+        format
+    });
+    pdf.addImage(dataUrl, 'PNG', fit.x, fit.y, fit.width, fit.height);
+    return pdf.output('blob');
+}
+function blobToDataUrl(blob) {
+    return new Promise((resolve, reject)=>{
+        const reader = new FileReader();
+        reader.onload = ()=>resolve(String(reader.result));
+        reader.onerror = ()=>reject(reader.error ?? new Error('FileReader failed'));
+        reader.readAsDataURL(blob);
+    });
+}
+function probeImageDimensions(dataUrl) {
+    return new Promise((resolve, reject)=>{
+        const img = new Image();
+        img.onload = ()=>resolve({
+                width: img.width,
+                height: img.height
+            });
+        img.onerror = ()=>reject(new Error('Failed to probe PNG dimensions'));
+        img.src = dataUrl;
+    });
+}
+
+export { exportPDF };

package/dist/png-C8t74695.cjs

@@ -0,0 +1,88 @@
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+var htmlToImage = require('html-to-image');
+var jsxRuntime = require('react/jsx-runtime');
+var client = require('react-dom/client');
+var index = require('./index.cjs');
+
+async function renderOffscreen(args) {
+    const { scheduled, ganttProps } = args;
+    const container = document.createElement('div');
+    container.style.position = 'absolute';
+    container.style.left = '-99999px';
+    container.style.top = '0';
+    container.style.width = 'max-content';
+    container.style.background = '#ffffff';
+    document.body.appendChild(container);
+    const root = client.createRoot(container);
+    root.render(/*#__PURE__*/ jsxRuntime.jsx(index.Gantt, {
+        project: scheduled,
+        preScheduled: true,
+        cellWidth: ganttProps.cellWidth,
+        cellHeight: ganttProps.cellHeight,
+        markers: ganttProps.markers,
+        baselineIndex: ganttProps.baselineIndex,
+        showBaselineBars: ganttProps.showBaselineBars,
+        columns: ganttProps.columns,
+        visibleTaskIds: ganttProps.visibleTaskIds,
+        height: computeFullHeight(scheduled, ganttProps.cellHeight ?? 42)
+    }));
+    // Two animation frames + font load to give SVAR time to lay out and
+    // any custom fonts time to be ready before snapshot.
+    await waitForRender();
+    return {
+        container,
+        async dispose () {
+            root.unmount();
+            if (container.parentNode) {
+                container.parentNode.removeChild(container);
+            }
+        }
+    };
+}
+function computeFullHeight(project, cellHeight) {
+    // Header band + one row per task. Heuristic; the off-screen container's
+    // width:max-content + the height being a lower bound mean an underestimate
+    // is harmless — content expands rather than clipping.
+    return 80 + project.tasks.length * cellHeight;
+}
+async function waitForRender() {
+    await new Promise((resolve)=>requestAnimationFrame(()=>resolve()));
+    await new Promise((resolve)=>requestAnimationFrame(()=>resolve()));
+    const fonts = document.fonts;
+    if (fonts?.ready) {
+        await fonts.ready;
+    }
+}
+
+async function exportPNG(args) {
+    const { scheduled, ganttProps, options } = args;
+    const pixelRatio = options.pixelRatio ?? (typeof window !== 'undefined' && window.devicePixelRatio ? window.devicePixelRatio : 2);
+    const backgroundColor = options.backgroundColor ?? '#ffffff';
+    const offscreen = await renderOffscreen({
+        scheduled,
+        ganttProps: ganttProps
+    });
+    try {
+        const blob = await htmlToImage.toBlob(offscreen.container, {
+            backgroundColor,
+            pixelRatio,
+            cacheBust: true
+        });
+        if (!blob) {
+            throw new Error('exportPNG: html-to-image returned null');
+        }
+        return blob;
+    } finally{
+        await offscreen.dispose();
+    }
+}
+
+exports.exportPNG = exportPNG;

package/dist/png-DKZeKnRh.js

@@ -0,0 +1,88 @@
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+import { toBlob } from 'html-to-image';
+import { jsx } from 'react/jsx-runtime';
+import { createRoot } from 'react-dom/client';
+import { Gantt } from './index.js';
+
+async function renderOffscreen(args) {
+    const { scheduled, ganttProps } = args;
+    const container = document.createElement('div');
+    container.style.position = 'absolute';
+    container.style.left = '-99999px';
+    container.style.top = '0';
+    container.style.width = 'max-content';
+    container.style.background = '#ffffff';
+    document.body.appendChild(container);
+    const root = createRoot(container);
+    root.render(/*#__PURE__*/ jsx(Gantt, {
+        project: scheduled,
+        preScheduled: true,
+        cellWidth: ganttProps.cellWidth,
+        cellHeight: ganttProps.cellHeight,
+        markers: ganttProps.markers,
+        baselineIndex: ganttProps.baselineIndex,
+        showBaselineBars: ganttProps.showBaselineBars,
+        columns: ganttProps.columns,
+        visibleTaskIds: ganttProps.visibleTaskIds,
+        height: computeFullHeight(scheduled, ganttProps.cellHeight ?? 42)
+    }));
+    // Two animation frames + font load to give SVAR time to lay out and
+    // any custom fonts time to be ready before snapshot.
+    await waitForRender();
+    return {
+        container,
+        async dispose () {
+            root.unmount();
+            if (container.parentNode) {
+                container.parentNode.removeChild(container);
+            }
+        }
+    };
+}
+function computeFullHeight(project, cellHeight) {
+    // Header band + one row per task. Heuristic; the off-screen container's
+    // width:max-content + the height being a lower bound mean an underestimate
+    // is harmless — content expands rather than clipping.
+    return 80 + project.tasks.length * cellHeight;
+}
+async function waitForRender() {
+    await new Promise((resolve)=>requestAnimationFrame(()=>resolve()));
+    await new Promise((resolve)=>requestAnimationFrame(()=>resolve()));
+    const fonts = document.fonts;
+    if (fonts?.ready) {
+        await fonts.ready;
+    }
+}
+
+async function exportPNG(args) {
+    const { scheduled, ganttProps, options } = args;
+    const pixelRatio = options.pixelRatio ?? (typeof window !== 'undefined' && window.devicePixelRatio ? window.devicePixelRatio : 2);
+    const backgroundColor = options.backgroundColor ?? '#ffffff';
+    const offscreen = await renderOffscreen({
+        scheduled,
+        ganttProps: ganttProps
+    });
+    try {
+        const blob = await toBlob(offscreen.container, {
+            backgroundColor,
+            pixelRatio,
+            cacheBust: true
+        });
+        if (!blob) {
+            throw new Error('exportPNG: html-to-image returned null');
+        }
+        return blob;
+    } finally{
+        await offscreen.dispose();
+    }
+}
+
+export { exportPNG };

package/dist/xlsx-5FRPFck7.js

@@ -0,0 +1,89 @@
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+import * as XLSX from 'xlsx';
+
+const DEFAULT_XLSX_COLUMNS = [
+    {
+        header: 'ID',
+        value: 'id'
+    },
+    {
+        header: 'Name',
+        value: 'text'
+    },
+    {
+        header: 'Start',
+        value: 'start'
+    },
+    {
+        header: 'End',
+        value: 'end'
+    },
+    {
+        header: 'Duration (working minutes)',
+        value: 'duration'
+    },
+    {
+        header: 'Critical',
+        value: (t)=>t.computed?.isCritical ? 'Y' : 'N'
+    },
+    {
+        header: 'Total slack (working minutes)',
+        value: (t)=>t.computed?.totalSlack ?? 0
+    },
+    {
+        header: 'Progress (%)',
+        value: 'progress'
+    },
+    {
+        header: 'Parent',
+        value: (t)=>t.parent ?? ''
+    }
+];
+function buildSheetRows(project, columns) {
+    const header = columns.map((c)=>c.header);
+    const dataRows = project.tasks.map((task)=>columns.map((c)=>readCell(task, c)));
+    return [
+        header,
+        ...dataRows
+    ];
+}
+function readCell(task, column) {
+    if (typeof column.value === 'function') {
+        const raw = column.value(task);
+        return raw ?? '';
+    }
+    const raw = task[column.value];
+    if (raw === undefined || raw === null) return '';
+    if (raw instanceof Date) return raw;
+    if (typeof raw === 'number' || typeof raw === 'string') return raw;
+    return String(raw);
+}
+async function exportXLSX({ scheduled, options }) {
+    const columns = options.columns ?? DEFAULT_XLSX_COLUMNS;
+    const sheetName = options.sheetName ?? 'Programme';
+    const rows = buildSheetRows(scheduled, columns);
+    const sheet = XLSX.utils.aoa_to_sheet(rows, {
+        cellDates: true
+    });
+    const workbook = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(workbook, sheet, sheetName);
+    const arrayBuffer = XLSX.write(workbook, {
+        type: 'array',
+        bookType: 'xlsx'
+    });
+    return new Blob([
+        arrayBuffer
+    ], {
+        type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+    });
+}
+
+export { DEFAULT_XLSX_COLUMNS, buildSheetRows, exportXLSX };

package/dist/xlsx-Gh5L_NL3.cjs

@@ -0,0 +1,111 @@
+function __insertCSS(code) {
+  if (!code || typeof document == 'undefined') return
+  let head = document.head || document.getElementsByTagName('head')[0]
+  let style = document.createElement('style')
+  style.type = 'text/css'
+  head.appendChild(style)
+  ;style.styleSheet ? (style.styleSheet.cssText = code) : style.appendChild(document.createTextNode(code))
+}
+
+var XLSX = require('xlsx');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return n;
+}
+
+var XLSX__namespace = /*#__PURE__*/_interopNamespace(XLSX);
+
+const DEFAULT_XLSX_COLUMNS = [
+    {
+        header: 'ID',
+        value: 'id'
+    },
+    {
+        header: 'Name',
+        value: 'text'
+    },
+    {
+        header: 'Start',
+        value: 'start'
+    },
+    {
+        header: 'End',
+        value: 'end'
+    },
+    {
+        header: 'Duration (working minutes)',
+        value: 'duration'
+    },
+    {
+        header: 'Critical',
+        value: (t)=>t.computed?.isCritical ? 'Y' : 'N'
+    },
+    {
+        header: 'Total slack (working minutes)',
+        value: (t)=>t.computed?.totalSlack ?? 0
+    },
+    {
+        header: 'Progress (%)',
+        value: 'progress'
+    },
+    {
+        header: 'Parent',
+        value: (t)=>t.parent ?? ''
+    }
+];
+function buildSheetRows(project, columns) {
+    const header = columns.map((c)=>c.header);
+    const dataRows = project.tasks.map((task)=>columns.map((c)=>readCell(task, c)));
+    return [
+        header,
+        ...dataRows
+    ];
+}
+function readCell(task, column) {
+    if (typeof column.value === 'function') {
+        const raw = column.value(task);
+        return raw ?? '';
+    }
+    const raw = task[column.value];
+    if (raw === undefined || raw === null) return '';
+    if (raw instanceof Date) return raw;
+    if (typeof raw === 'number' || typeof raw === 'string') return raw;
+    return String(raw);
+}
+async function exportXLSX({ scheduled, options }) {
+    const columns = options.columns ?? DEFAULT_XLSX_COLUMNS;
+    const sheetName = options.sheetName ?? 'Programme';
+    const rows = buildSheetRows(scheduled, columns);
+    const sheet = XLSX__namespace.utils.aoa_to_sheet(rows, {
+        cellDates: true
+    });
+    const workbook = XLSX__namespace.utils.book_new();
+    XLSX__namespace.utils.book_append_sheet(workbook, sheet, sheetName);
+    const arrayBuffer = XLSX__namespace.write(workbook, {
+        type: 'array',
+        bookType: 'xlsx'
+    });
+    return new Blob([
+        arrayBuffer
+    ], {
+        type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
+    });
+}
+
+exports.DEFAULT_XLSX_COLUMNS = DEFAULT_XLSX_COLUMNS;
+exports.buildSheetRows = buildSheetRows;
+exports.exportXLSX = exportXLSX;

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "construction-gantt",
+  "version": "0.1.0",
+  "description": "MIT React Gantt for construction project management — PRO-equivalent scheduling engine + construction-vertical extensions on free SVAR React Gantt",
+  "type": "module",
+  "license": "MIT",
+  "author": "Rips Cassels (DipSprayArc)",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/DipSprayArc/construction-gantt.git"
+  },
+  "keywords": [
+    "react",
+    "gantt",
+    "construction",
+    "scheduling",
+    "msproject",
+    "primavera",
+    "svar"
+  ],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./export": {
+      "import": {
+        "types": "./dist/export/index.d.ts",
+        "default": "./dist/export/index.js"
+      },
+      "require": {
+        "types": "./dist/export/index.d.cts",
+        "default": "./dist/export/index.cjs"
+      }
+    }
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "dist",
+    "src",
+    "!src/**/*.test.ts",
+    "!src/**/*.test.tsx",
+    "!src/**/__fixtures__/**",
+    "README.md",
+    "LICENSE.md",
+    "CHANGELOG.md"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "dependencies": {
+    "@svar-ui/react-gantt": "^2.6.1",
+    "fast-xml-parser": "^4.5.6",
+    "html-to-image": "^1.11.13",
+    "jspdf": "^2.5.2",
+    "xlsx": "^0.18.5"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "bunchee": "^6.10.0",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "typescript": "^5.9.2"
+  },
+  "scripts": {
+    "build": "bunchee",
+    "dev": "bunchee --watch",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run --project=unit"
+  }
+}