@nowline/embed 0.0.0-dev.20261013000451.g8cec577 → 0.0.0-dev.20261013000606.g68a18fb

package/dist/index.d.ts

@@ -33,7 +33,7 @@ export interface InitializeOptions {
     selector?: string;
     /** BCP-47 locale forwarded to the layout engine for axis labels and the now-pill. */
     locale?: string;
-    /** Layout canvas width in pixels. Layout's default is 1280. */
+    /** Best-effort maximum canvas width in px. Unset fits the content. */
     width?: number;
     /**
      * How a calendar's non-working days appear on every block: `'hide'`

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAEH,KAAK,cAAc,EACnB,KAAK,cAAc,EAEtB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEH,KAAK,gBAAgB,EACrB,gBAAgB,EAChB,KAAK,kBAAkB,EAG1B,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,KAAK,UAAU,EAAsC,MAAM,YAAY,CAAC;AAEjF,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,gBAAgB,EAChB,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,WAAW,GACnB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,MACoE,CAAC;AAC3F,eAAO,MAAM,GAAG,EAAE,MACkE,CAAC;AAIrF,MAAM,WAAW,iBAAiB;IAC9B,yEAAyE;IACzE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AA8BD,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,IAAI,CAkBhE;AAcD;;;;GAIG;AACH,wBAAsB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,kBAAuB,GAAG,OAAO,CAAC,MAAM,CAAC,CAM9F;AAED;;;;;GAKG;AACH,wBAAsB,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAErE;AAED;;;GAGG;AACH,wBAAsB,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,CAcvF;AAED,4DAA4D;AAC5D,eAAO,MAAM,GAAG,aAAO,CAAC;AAiCxB,wBAAgB,eAAe,IAAI,IAAI,CAKtC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAEH,KAAK,cAAc,EACnB,KAAK,cAAc,EAEtB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAEH,KAAK,gBAAgB,EACrB,gBAAgB,EAChB,KAAK,kBAAkB,EAG1B,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,KAAK,UAAU,EAAsC,MAAM,YAAY,CAAC;AAEjF,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,gBAAgB,EAChB,KAAK,UAAU,EACf,KAAK,iBAAiB,EACtB,KAAK,WAAW,GACnB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,EAAE,MACoE,CAAC;AAC3F,eAAO,MAAM,GAAG,EAAE,MACkE,CAAC;AAIrF,MAAM,WAAW,iBAAiB;IAC9B,yEAAyE;IACzE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAC7B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AA8BD,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,IAAI,CAkBhE;AAcD;;;;GAIG;AACH,wBAAsB,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,GAAE,kBAAuB,GAAG,OAAO,CAAC,MAAM,CAAC,CAM9F;AAED;;;;;GAKG;AACH,wBAAsB,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAErE;AAED;;;GAGG;AACH,wBAAsB,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,OAAO,CAAC,cAAc,CAAC,CAcvF;AAED,4DAA4D;AAC5D,eAAO,MAAM,GAAG,aAAO,CAAC;AAiCxB,wBAAgB,eAAe,IAAI,IAAI,CAKtC"}

package/dist/meta.json

@@ -63,6 +63,11 @@
       ],
       "format": "esm"
     },
+    "../layout/dist/canvas-width.js": {
+      "bytes": 1242,
+      "imports": [],
+      "format": "esm"
+    },
     "../layout/dist/themes/shared.js": {
       "bytes": 17498,
       "imports": [],
@@ -9170,7 +9175,7 @@
       "format": "esm"
     },
     "../layout/dist/nodes/roadmap-node.js": {
-      "bytes": 51855,
+      "bytes": 52095,
       "imports": [
         {
           "path": "../layout/dist/band-scale.js",
@@ -9187,6 +9192,11 @@
           "kind": "import-statement",
           "original": "../calendar-resolver.js"
         },
+        {
+          "path": "../layout/dist/canvas-width.js",
+          "kind": "import-statement",
+          "original": "../canvas-width.js"
+        },
         {
           "path": "../layout/dist/dsl-utils.js",
           "kind": "import-statement",
@@ -9469,13 +9479,18 @@
       "format": "esm"
     },
     "../layout/dist/index.js": {
-      "bytes": 4844,
+      "bytes": 4921,
       "imports": [
         {
           "path": "../layout/dist/calendar-resolver.js",
           "kind": "import-statement",
           "original": "./calendar-resolver.js"
         },
+        {
+          "path": "../layout/dist/canvas-width.js",
+          "kind": "import-statement",
+          "original": "./canvas-width.js"
+        },
         {
           "path": "../layout/dist/capacity.js",
           "kind": "import-statement",
@@ -9817,7 +9832,7 @@
       "format": "esm"
     },
     "src/index.ts": {
-      "bytes": 9903,
+      "bytes": 9910,
       "imports": [
         {
           "path": "src/auto-scan.ts",
@@ -9843,7 +9858,7 @@
       "imports": [],
       "exports": [],
       "inputs": {},
-      "bytes": 3835407
+      "bytes": 3838056
     },
     "dist/nowline.min.js": {
       "imports": [],
@@ -9887,7 +9902,7 @@
           "bytesInOutput": 1912
         },
         "../../node_modules/.pnpm/vscode-jsonrpc@9.0.3/node_modules/vscode-jsonrpc/lib/common/connection.js": {
-          "bytesInOutput": 18615
+          "bytesInOutput": 18616
         },
         "../../node_modules/.pnpm/vscode-jsonrpc@9.0.3/node_modules/vscode-jsonrpc/lib/common/api.js": {
           "bytesInOutput": 7995
@@ -9997,6 +10012,9 @@
         "../layout/dist/calendar-resolver.js": {
           "bytesInOutput": 1875
         },
+        "../layout/dist/canvas-width.js": {
+          "bytesInOutput": 164
+        },
         "../layout/dist/index.js": {
           "bytesInOutput": 0
         },
@@ -10955,10 +10973,10 @@
           "bytesInOutput": 5667
         },
         "../layout/dist/nodes/roadmap-node.js": {
-          "bytesInOutput": 10209
+          "bytesInOutput": 10222
         },
         "../layout/dist/layout.js": {
-          "bytesInOutput": 14234
+          "bytesInOutput": 14236
         },
         "../layout/dist/layout-insights.js": {
           "bytesInOutput": 2374
@@ -11018,7 +11036,7 @@
           "bytesInOutput": 257
         }
       },
-      "bytes": 748421
+      "bytes": 748601
     }
   }
 }

package/dist/nowline.esm.js

@@ -1,4 +1,4 @@
-/*! @nowline/embed 0.0.0-dev.20261013000451.g8cec577 sha=8cec577 built=2026-10-13T00:00:32Z */
+/*! @nowline/embed 0.0.0-dev.20261013000606.g68a18fb sha=68a18fb built=2026-10-13T00:00:48Z */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7426,6 +7426,19 @@ function compareDates(a, b) {
   return left.length - right.length;
 }
 
+// ../layout/dist/canvas-width.js
+var MIN_PIXELS_PER_DAY = 1;
+function cappedPixelsPerDay(input) {
+  const { naturalPixelsPerDay, dayCount, chromeWidth, maxWidth } = input;
+  if (maxWidth === void 0)
+    return naturalPixelsPerDay;
+  if (chromeWidth + dayCount * naturalPixelsPerDay <= maxWidth)
+    return naturalPixelsPerDay;
+  const fitted = (maxWidth - chromeWidth) / dayCount;
+  const floor = Math.min(naturalPixelsPerDay, MIN_PIXELS_PER_DAY);
+  return Math.max(floor, fitted);
+}
+
 // ../layout/dist/themes/shared.js
 var SPACING_PX = {
   none: 0,
@@ -38704,7 +38717,6 @@ var RoadmapNode = class {
   place(file, resolved, options, plan, deps) {
     const themeName = options.theme ?? "light";
     const theme = themes[themeName];
-    const width = options.width ?? 1280;
     const locale = resolveLocale(options.locale, directiveLocale(file));
     const { config: cal, working: calendar } = resolveWorkingCalendar(file, resolved);
     const scale = resolveScale(file, resolved.config.scale);
@@ -38729,13 +38741,17 @@ var RoadmapNode = class {
     const headerBox = isBeside ? { x: 0, y: 0, width: sizedHeader.boxWidth, height: 0 } : { x: 0, y: 0, width: 0, height: HEADER_ABOVE_HEIGHT_PX };
     const chartLeftX = isBeside ? sizedHeader.boxWidth : 0;
     const chartTopY = isBeside ? 8 : HEADER_ABOVE_HEIGHT_PX + 8;
-    const ppd = scale.pixelsPerUnit / calendar.daysPerUnit(scale.unit);
     const spanDays = Math.max(1, calendar.workingIndexOf(startDate, endDate));
-    const naturalWidth = showsNonWorking ? Math.max(1, daysBetween(startDate, endDate)) * ppd : spanDays * ppd;
+    const timelineDays = showsNonWorking ? Math.max(1, daysBetween(startDate, endDate)) : spanDays;
+    const ppd = cappedPixelsPerDay({
+      naturalPixelsPerDay: scale.pixelsPerUnit / calendar.daysPerUnit(scale.unit),
+      dayCount: timelineDays,
+      chromeWidth: chartLeftX + 2 * GUTTER_PX,
+      maxWidth: options.width
+    });
+    const naturalWidth = timelineDays * ppd;
     const originX = chartLeftX + GUTTER_PX;
     const totalChartWidth = naturalWidth;
-    const desiredCanvas = chartLeftX + GUTTER_PX + totalChartWidth + GUTTER_PX;
-    const chartRightX = Math.min(width, desiredCanvas);
     const willHaveNowline = options.today !== void 0 && options.today >= startDate && options.today <= endDate;
     const pillRowHeight = willHaveNowline ? NOW_PILL_HEIGHT_PX : 0;
     const tickPanelHeight = showTopTickPanel ? tickPanelBucketHeight : 0;
@@ -38748,7 +38764,7 @@ var RoadmapNode = class {
     });
     const provisionalRunEntries = nonWorkingRunEntries(buildNonWorkingRuns(timeScale, [], scale.unit, false));
     const hasMarkerEntities = resolved.content.anchors.size + resolved.content.milestones.size > 0 || provisionalRunEntries.length > 0;
-    const finalChartRightX = Math.max(chartRightX, originX + totalChartWidth + GUTTER_PX);
+    const finalChartRightX = originX + totalChartWidth + GUTTER_PX;
     const datePinnedEntries = [];
     for (const [id, anchor] of resolved.content.anchors) {
       const date = parseDate(propValue(anchor.properties, "date"));
@@ -43621,8 +43637,8 @@ function effectiveTheme(theme, systemTheme) {
 }
 
 // src/index.ts
-var version = true ? "0.0.0-dev.20261013000451.g8cec577" : "0.0.0";
-var sha = true ? "8cec577" : "unknown";
+var version = true ? "0.0.0-dev.20261013000606.g68a18fb" : "0.0.0";
+var sha = true ? "68a18fb" : "unknown";
 var DEFAULT_SELECTOR = "pre code.language-nowline, code.language-nowline";
 var initialConfig = {
   theme: "auto",