@arslankhan/doc-forge 0.0.0-stage → 0.1.0

package/dist/designer/styles.js

@@ -0,0 +1,594 @@
+export const STYLE_ID = "doc-forge-designer-styles";
+export const DESIGNER_CSS = `
+.df-shell {
+  --df-app: #e7ebf0;
+  --df-surface: #ffffff;
+  --df-surface-muted: #f7f8fa;
+  --df-text: #1c2430;
+  --df-text-secondary: #3d4858;
+  --df-text-muted: #5c6778;
+  --df-border: #d5dbe3;
+  --df-input-bg: #ffffff;
+  --df-input-border: #c5ceda;
+  --df-hover: #e8eef6;
+  --df-selected: #e5eefc;
+  --df-selected-border: #c5d7f5;
+  --df-selected-text: #174f9e;
+  --df-primary: #1b5fbf;
+  --df-primary-hover: #174f9e;
+  --df-primary-text: #ffffff;
+  --df-focus: #1b5fbf;
+  --df-workspace: #c5cad3;
+  --df-shadow: rgba(20, 28, 40, 0.18);
+  --df-overlay: rgba(20, 28, 40, 0.45);
+  --df-danger: #9f1d1d;
+  --df-danger-border: #e4b4b4;
+  --df-warning: #8a5a00;
+  --df-success: #0f7b4c;
+  color-scheme: light;
+  height: 100%;
+  min-height: 560px;
+  display: flex;
+  flex-direction: column;
+  background: var(--df-app);
+  color: var(--df-text);
+  font-family: "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  line-height: 1.4;
+}
+.df-shell[data-theme="dark"] {
+  --df-app: #12161c;
+  --df-surface: #1c232d;
+  --df-surface-muted: #171d26;
+  --df-text: #e8eef6;
+  --df-text-secondary: #c5d0de;
+  --df-text-muted: #a8b3c2;
+  --df-border: #313a48;
+  --df-input-bg: #121820;
+  --df-input-border: #465266;
+  --df-hover: #283140;
+  --df-selected: #1d3a5f;
+  --df-selected-border: #3d6eab;
+  --df-selected-text: #d6e6ff;
+  --df-primary: #3d8bfd;
+  --df-primary-hover: #69a6ff;
+  --df-primary-text: #061018;
+  --df-focus: #9ec1ff;
+  --df-workspace: #0c1016;
+  --df-shadow: rgba(0, 0, 0, 0.45);
+  --df-overlay: rgba(0, 0, 0, 0.62);
+  --df-danger: #ffb4b4;
+  --df-danger-border: #8a3d3d;
+  --df-warning: #f0c674;
+  --df-success: #7dcea0;
+  color-scheme: dark;
+}
+@media (prefers-reduced-motion: reduce) {
+  .df-shell,
+  .df-shell * {
+    transition: none !important;
+  }
+}
+.df-shell *,
+.df-shell *::before,
+.df-shell *::after {
+  box-sizing: border-box;
+}
+.df-shell button,
+.df-shell input,
+.df-shell select,
+.df-shell textarea {
+  font: inherit;
+}
+.df-shell input,
+.df-shell select,
+.df-shell textarea {
+  color: var(--df-text);
+}
+.df-shell button:focus-visible,
+.df-shell input:focus-visible,
+.df-shell select:focus-visible,
+.df-shell textarea:focus-visible {
+  outline: 2px solid var(--df-focus);
+  outline-offset: 1px;
+}
+.df-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  background: var(--df-surface);
+  border-bottom: 1px solid var(--df-border);
+}
+.df-toolbar-group {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.df-name {
+  flex: 1 1 180px;
+  min-width: 160px;
+}
+.df-name input,
+.df-select,
+.df-custom input,
+.df-field input,
+.df-field select,
+.df-field textarea {
+  width: 100%;
+  border: 1px solid var(--df-input-border);
+  border-radius: 6px;
+  background: var(--df-input-bg);
+  color: var(--df-text);
+}
+.df-name input,
+.df-select,
+.df-custom input,
+.df-field input,
+.df-field select {
+  height: 32px;
+  padding: 0 8px;
+}
+.df-select {
+  width: auto;
+}
+.df-custom {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.df-custom label {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+.df-custom input {
+  width: 72px;
+}
+.df-button {
+  height: 32px;
+  padding: 0 10px;
+  border: 1px solid var(--df-input-border);
+  border-radius: 6px;
+  background: var(--df-surface);
+  color: var(--df-text);
+  cursor: pointer;
+}
+.df-button:hover:not(:disabled) {
+  background: var(--df-hover);
+}
+.df-button:disabled {
+  opacity: 0.45;
+  cursor: default;
+}
+.df-button--primary {
+  background: var(--df-primary);
+  border-color: var(--df-primary-hover);
+  color: var(--df-primary-text);
+}
+.df-button--primary:hover:not(:disabled) {
+  background: var(--df-primary-hover);
+}
+.df-button--pressed {
+  background: var(--df-selected);
+  border-color: var(--df-primary);
+  color: var(--df-selected-text);
+}
+.df-button--danger {
+  width: 100%;
+  color: var(--df-danger);
+  border-color: var(--df-danger-border);
+  background: var(--df-surface);
+}
+.df-theme {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+.df-theme-button {
+  width: 32px;
+  height: 32px;
+  display: grid;
+  place-items: center;
+  padding: 0;
+}
+.df-theme-button svg {
+  display: block;
+}
+.df-zoom {
+  min-width: 52px;
+  text-align: center;
+  font-variant-numeric: tabular-nums;
+  color: var(--df-text-secondary);
+}
+.df-status {
+  flex: 1 1 160px;
+  min-height: 1.2em;
+  font-size: 12px;
+}
+.df-status--ok { color: var(--df-success); }
+.df-status--error { color: var(--df-danger); }
+.df-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+}
+.df-side {
+  width: 240px;
+  flex: 0 0 240px;
+  background: var(--df-surface-muted);
+  overflow: auto;
+  padding: 12px;
+}
+.df-side--left { border-right: 1px solid var(--df-border); }
+.df-side--right { border-left: 1px solid var(--df-border); }
+.df-side-title {
+  margin: 0 0 4px;
+  font-size: 12px;
+  font-weight: 650;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--df-text-muted);
+}
+.df-side-note {
+  margin: 0 0 12px;
+  color: var(--df-text-muted);
+  font-size: 12px;
+}
+.df-tool {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  width: 100%;
+  margin-bottom: 6px;
+  padding: 8px;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  background: transparent;
+  text-align: left;
+  cursor: pointer;
+}
+.df-tool:hover { background: var(--df-hover); }
+.df-tool-icon {
+  width: 32px;
+  height: 32px;
+  display: grid;
+  place-items: center;
+  border: 1px solid var(--df-border);
+  border-radius: 6px;
+  background: var(--df-surface);
+  color: var(--df-text);
+  flex: 0 0 auto;
+}
+.df-tool strong { display: block; font-weight: 600; color: var(--df-text); }
+.df-tool span { display: block; color: var(--df-text-muted); font-size: 12px; }
+.df-viewport {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  background: var(--df-workspace);
+}
+.df-viewport-stage {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+  display: grid;
+  place-content: safe center;
+  padding: 24px;
+}
+.df-preview-banner {
+  flex: 0 0 auto;
+  padding: 8px 12px;
+  background: var(--df-selected);
+  color: var(--df-selected-text);
+  border-bottom: 1px solid var(--df-selected-border);
+  text-align: center;
+}
+.df-viewport-stage--html {
+  display: flex;
+  flex-direction: column;
+  padding: 0;
+}
+.df-html-note {
+  flex: 0 0 auto;
+  margin: 0;
+  padding: 8px 12px;
+  background: var(--df-surface);
+  color: var(--df-text-muted);
+  border-bottom: 1px solid var(--df-border);
+}
+.df-html-frame {
+  flex: 1;
+  width: 100%;
+  min-height: 0;
+  border: 0;
+  background: var(--df-workspace);
+}
+.df-page-slot { position: relative; }
+/* Document surface. These colors stay with the template and do not follow the editor theme. */
+.df-page {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: #fff;
+  color: #1c2430;
+  box-shadow: 0 12px 40px var(--df-shadow);
+  transform-origin: top left;
+}
+.df-grid,
+.df-margins,
+.df-empty {
+  position: absolute;
+  pointer-events: none;
+}
+.df-grid {
+  inset: 0;
+  background-image:
+    linear-gradient(to right, rgba(28, 36, 48, 0.12) 1px, transparent 1px),
+    linear-gradient(to bottom, rgba(28, 36, 48, 0.12) 1px, transparent 1px);
+}
+.df-margins {
+  border: 1px dashed rgba(27, 95, 191, 0.7);
+}
+.df-empty {
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  color: #8b95a5;
+  font-size: 14px;
+  white-space: nowrap;
+}
+.df-element {
+  position: absolute;
+  touch-action: none;
+  cursor: move;
+  user-select: none;
+}
+.df-element--selected {
+  box-shadow: 0 0 0 2px #1b5fbf;
+  z-index: 2;
+}
+.df-text {
+  overflow: hidden;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.df-image {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  padding: 4px;
+  text-align: center;
+  color: #5c6778;
+  font-size: 11px;
+  background:
+    repeating-linear-gradient(-45deg, #f7f8fa, #f7f8fa 6px, #eef1f5 6px, #eef1f5 12px);
+  border: 1px dashed #9aa3b2;
+}
+.df-items,
+.df-report,
+.df-totals {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #ffffff;
+  color: #1c2430;
+  font-size: 10px;
+  pointer-events: none;
+}
+.df-items table,
+.df-report table,
+.df-totals table {
+  width: 100%;
+  border-collapse: collapse;
+}
+.df-items th,
+.df-items td,
+.df-report th,
+.df-report td,
+.df-totals td {
+  padding: 2px 4px;
+  text-align: left;
+}
+.df-totals td:last-child { text-align: right; }
+.df-report tr[data-kind="group"],
+.df-report tr[data-kind="subtotal"],
+.df-report tr[data-kind="grand"] { font-weight: 700; }
+.df-column {
+  margin: 0 0 8px;
+  padding: 8px;
+  border: 1px solid var(--df-border);
+  border-radius: 6px;
+}
+.df-column legend { padding: 0 4px; font-size: 12px; }
+.df-image-photo {
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  pointer-events: none;
+}
+.df-rect { overflow: hidden; }
+.df-line { overflow: visible; }
+.df-handle {
+  position: absolute;
+  width: 10px;
+  height: 10px;
+  right: -5px;
+  bottom: -5px;
+  padding: 0;
+  border: 1px solid #1b5fbf;
+  border-radius: 2px;
+  background: #fff;
+  cursor: nwse-resize;
+  z-index: 3;
+}
+.df-style {
+  border: 1px solid var(--df-border);
+  border-radius: 8px;
+  background: var(--df-surface);
+}
+.df-style > summary {
+  cursor: pointer;
+  padding: 8px 10px;
+  font-size: 12px;
+  font-weight: 650;
+}
+.df-style-body {
+  display: grid;
+  gap: 8px;
+  padding: 0 10px 10px;
+}
+.df-reset { justify-self: start; font-size: 11px; }
+.df-props {
+  display: grid;
+  gap: 12px;
+  align-content: start;
+}
+.df-props-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 8px;
+}
+.df-props-head h3 {
+  margin: 0;
+  font-size: 14px;
+}
+.df-link {
+  border: 0;
+  background: transparent;
+  color: var(--df-primary);
+  cursor: pointer;
+  padding: 0;
+}
+.df-link:hover { color: var(--df-primary-hover); }
+.df-field {
+  display: grid;
+  gap: 4px;
+}
+.df-check {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  margin: 6px 0;
+  font-size: 12px;
+}
+.df-field > span,
+.df-custom span {
+  font-size: 11px;
+  font-weight: 650;
+  color: var(--df-text-muted);
+}
+.df-field-row {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 8px;
+}
+.df-field textarea {
+  min-height: 72px;
+  padding: 8px;
+  resize: vertical;
+}
+.df-color {
+  display: flex;
+  gap: 6px;
+  align-items: center;
+}
+.df-color input[type="color"] {
+  width: 32px;
+  height: 32px;
+  padding: 2px;
+  flex: 0 0 auto;
+}
+.df-meta {
+  margin: 0;
+  color: var(--df-text-muted);
+  font-size: 12px;
+}
+.df-error {
+  margin: 24px;
+  padding: 16px;
+  border: 1px solid var(--df-danger-border);
+  border-radius: 8px;
+  background: var(--df-surface);
+  color: var(--df-danger);
+}
+.df-error ul { margin: 8px 0 0; padding-left: 18px; }
+.df-binding {
+  margin: 0;
+  padding: 8px;
+  border: 1px solid var(--df-border);
+  border-radius: 8px;
+  display: grid;
+  gap: 8px;
+}
+.df-binding legend {
+  padding: 0 4px;
+  font-size: 11px;
+  font-weight: 650;
+  color: var(--df-text-muted);
+}
+.df-choice {
+  display: grid;
+  gap: 4px;
+}
+.df-choice label {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.df-path-note {
+  margin: 0;
+  font-size: 12px;
+}
+.df-path-note--ok { color: var(--df-success); }
+.df-path-note--error { color: var(--df-danger); }
+.df-path-note--muted { color: var(--df-text-muted); }
+.df-dialog-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 30;
+  background: var(--df-overlay);
+  display: grid;
+  place-items: center;
+  padding: 16px;
+}
+.df-dialog {
+  width: min(520px, 100%);
+  max-height: min(640px, 100%);
+  overflow: auto;
+  background: var(--df-surface);
+  color: var(--df-text);
+  border-radius: 10px;
+  padding: 16px;
+  display: grid;
+  gap: 10px;
+  box-shadow: 0 16px 48px var(--df-shadow);
+}
+.df-dialog h3 {
+  margin: 0;
+  font-size: 16px;
+}
+.df-dialog textarea {
+  min-height: 240px;
+  padding: 8px;
+  border: 1px solid var(--df-input-border);
+  border-radius: 6px;
+  background: var(--df-input-bg);
+  color: var(--df-text);
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 12px;
+  resize: vertical;
+}
+.df-dialog-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  justify-content: flex-end;
+}
+`;
+//# sourceMappingURL=styles.js.map

package/dist/designer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/designer/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,2BAA2B,CAAC;AAEpD,MAAM,CAAC,MAAM,YAAY,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+kB3B,CAAC"}

package/dist/designer/template-edits.d.ts

@@ -0,0 +1,26 @@
+import type { DocumentTemplate, DocumentType } from "../schema.js";
+import type { DocumentElement, ElementDimensions, ElementPosition, ElementType, ImageElement, ReportOptions, PageConfiguration, PageDimensions, PageMargins, PageOrientation, PaperSize } from "../types.js";
+import { type ResolvedPage } from "./page-geometry.js";
+export declare function nextElementId(type: ElementType, elements: readonly DocumentElement[]): string;
+export declare function createDefaultElement(type: ElementType, page: ResolvedPage, elements: readonly DocumentElement[], snap: boolean): DocumentElement;
+export declare function setDocumentType(template: DocumentTemplate, documentType: DocumentType): DocumentTemplate | null;
+export declare function appendElement(template: DocumentTemplate, type: ElementType, snap: boolean): {
+    template: DocumentTemplate;
+    id: string;
+} | null;
+export declare function replaceElement(template: DocumentTemplate, id: string, element: DocumentElement): DocumentTemplate | null;
+export declare function moveElement(template: DocumentTemplate, id: string, position: ElementPosition): DocumentTemplate | null;
+export declare function resizeElement(template: DocumentTemplate, id: string, dimensions: ElementDimensions): DocumentTemplate | null;
+export declare function deleteElement(template: DocumentTemplate, id: string): DocumentTemplate | null;
+export declare function renameTemplate(template: DocumentTemplate, name: string): DocumentTemplate | null;
+export interface PageSettingsUpdate {
+    paperSize?: PaperSize;
+    orientation?: PageOrientation;
+    layoutMode?: PageConfiguration["layoutMode"];
+    margins?: PageMargins;
+    dimensions?: PageDimensions;
+}
+export declare function withReport(template: DocumentTemplate, report: ReportOptions | undefined): DocumentTemplate | null;
+export declare function applyPageSettings(template: DocumentTemplate, update: PageSettingsUpdate): DocumentTemplate | null;
+export declare function withoutImageSrc(element: ImageElement): ImageElement;
+//# sourceMappingURL=template-edits.d.ts.map

package/dist/designer/template-edits.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-edits.d.ts","sourceRoot":"","sources":["../../src/designer/template-edits.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,KAAK,EACV,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,WAAW,EACX,YAAY,EAGZ,aAAa,EAEb,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,eAAe,EACf,SAAS,EACV,MAAM,aAAa,CAAC;AAGrB,OAAO,EAQL,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAE5B,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,eAAe,EAAE,GAAG,MAAM,CAS7F;AAED,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,YAAY,EAClB,QAAQ,EAAE,SAAS,eAAe,EAAE,EACpC,IAAI,EAAE,OAAO,GACZ,eAAe,CA6IjB;AAuCD,wBAAgB,eAAe,CAAC,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,IAAI,CAG/G;AAED,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,gBAAgB,EAC1B,IAAI,EAAE,WAAW,EACjB,IAAI,EAAE,OAAO,GACZ;IAAE,QAAQ,EAAE,gBAAgB,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAOnD;AAED,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,gBAAgB,EAC1B,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,eAAe,GACvB,gBAAgB,GAAG,IAAI,CASzB;AAED,wBAAgB,WAAW,CACzB,QAAQ,EAAE,gBAAgB,EAC1B,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,eAAe,GACxB,gBAAgB,GAAG,IAAI,CAUzB;AAED,wBAAgB,aAAa,CAC3B,QAAQ,EAAE,gBAAgB,EAC1B,EAAE,EAAE,MAAM,EACV,UAAU,EAAE,iBAAiB,GAC5B,gBAAgB,GAAG,IAAI,CAezB;AAED,wBAAgB,aAAa,CAAC,QAAQ,EAAE,gBAAgB,EAAE,EAAE,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAS7F;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAMhG;AAED,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,UAAU,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC7C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,UAAU,CAAC,EAAE,cAAc,CAAC;CAC7B;AAED,wBAAgB,UAAU,CAAC,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,aAAa,GAAG,SAAS,GAAG,gBAAgB,GAAG,IAAI,CAQjH;AAED,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,gBAAgB,EAAE,MAAM,EAAE,kBAAkB,GAAG,gBAAgB,GAAG,IAAI,CAgCjH;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,YAAY,GAAG,YAAY,CAInE"}