@grafloria/element 0.1.0

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@grafloria/element",
+  "version": "0.1.0",
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "types": "./src/index.d.ts",
+  "peerDependencies": {
+    "@grafloria/engine": "^0.1.0",
+    "@grafloria/renderer": "^0.1.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "description": "The <grafloria-flow> custom element and high-level diagram kits (dashboard, UML, ERD) — works in any framework or none",
+  "license": "MIT",
+  "author": "Ramy Othman",
+  "homepage": "https://github.com/grafloria/grafloria",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/grafloria/grafloria.git",
+    "directory": "libs/element"
+  },
+  "bugs": {
+    "url": "https://github.com/grafloria/grafloria/issues"
+  },
+  "keywords": [
+    "diagram",
+    "flowchart",
+    "graph",
+    "node-editor",
+    "dashboard",
+    "uml",
+    "erd",
+    "svg",
+    "layout",
+    "mermaid"
+  ],
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/src/index.d.ts

@@ -0,0 +1,87 @@
+/**
+ * `@grafloria/element` — the universal embed.
+ *
+ * Two surfaces over the same headless core:
+ *
+ *   1. `<grafloria-flow>` — a custom element. Attributes/properties in, DOM events
+ *      out, slotted `<template>`s for custom nodes. Works in Vue, Svelte, Solid,
+ *      Lit, Alpine, plain HTML, a CMS, a notebook — with no wrapper library.
+ *   2. `Grafloria.render(spec, el)` — the Mermaid-shaped one-call API.
+ *
+ * Importing this module registers `<grafloria-flow>` automatically (and is a no-op
+ * on the server, where `customElements` does not exist). Call
+ * `Grafloria.define('my-flow')` yourself if you want a different tag name.
+ */
+export { GrafloriaFlowElement, defineGrafloriaFlow, GRAFLORIA_EVENTS } from './lib/grafloria-flow-element';
+export { Grafloria, render, renderStatic } from './lib/grafloria';
+export type { DiagramSpec, RenderSpec, RenderOptions } from './lib/grafloria';
+export { fromDocument } from './lib/load';
+export type { SavedDiagram, FromDocumentOptions, LoadedDiagramSpec } from './lib/load';
+export { registerNodeType, unregisterNodeType, registeredNodeTypes, getNodeType, hasNodeType, renderFromTemplate, } from './lib/node-type-registry';
+export type { NodeTypeRenderer } from './lib/node-type-registry';
+export type { DiagramInstance, CreateDiagramOptions, NodeSpec, EdgeSpec, PortSpec, HydrationSnapshot, StaticRenderOptions, StaticRenderResult, Theme, } from '@grafloria/renderer';
+export { renderToStaticSVG, LIGHT_THEME, DARK_THEME } from '@grafloria/renderer';
+export { createDiagramApi } from '@grafloria/renderer';
+export type { DiagramApi, DiagramSnapshot, GetIntersectingOptions } from '@grafloria/renderer';
+export { HIGH_CONTRAST_LIGHT_THEME, HIGH_CONTRAST_DARK_THEME, DEFAULT_THEME_SET, ColorModeController, resolveThemeFromPrefs, readColorPreferences, MEDIA_PREFERS_DARK, MEDIA_PREFERS_CONTRAST, MEDIA_FORCED_COLORS, } from '@grafloria/renderer';
+export type { ColorMode, ThemeSet, ColorPreferences } from '@grafloria/renderer';
+export { themeRef, isThemeRef, themeRefToken, themeRefVar, resolveThemeRef, themeRefCssValue, resolveBindableVars, } from '@grafloria/renderer';
+export type { ThemeRef } from '@grafloria/renderer';
+export { WCAG, parseColor, toHex, relativeLuminance, contrastRatio, meetsContrast, rgbToHsl, hslToRgb, lightnessOf, withLightness, ensureContrast, auditThemeContrast, assertThemeContrast, deriveTheme, } from '@grafloria/renderer';
+export type { ContrastCheck, ContrastReport, DeriveThemeOptions, Rgb, Hsl } from '@grafloria/renderer';
+export { shadcnBridge, muiBridge, tailwindBridge, BRIDGEABLE_TOKENS, generateTokenBridgeBlock, generateInstanceOverrideCSS, } from '@grafloria/renderer';
+export type { TokenBridge } from '@grafloria/renderer';
+export { portTypeRegistry, arePortDataTypesCompatible, portTypeColor } from '@grafloria/engine';
+export type { PortDataTypeDefinition } from '@grafloria/engine';
+export { defineStyle, defineStyles, getStyle, hasStyle, removeStyle, clearStyles, listStyles, resolveStyleClasses, resolveNodeStyle, resolveLinkStyle, CASCADE_ORDER, } from '@grafloria/renderer';
+export type { NamedStyle, CascadeLayer } from '@grafloria/renderer';
+export { GRAFLORIA_INSTANCE_ATTR, GRAFLORIA_VAR_PREFIX, THEME_VARS, THEME_TOKENS, cssVarName, themeVar, themeVarValue, resolveThemeVars, instanceScopeSelector, } from '@grafloria/renderer';
+export type { ThemeToken } from '@grafloria/renderer';
+export { exportSvg, serializeVNode, vnodeBounds, exportPdf, paginate, buildPrintDocument, exportBatch, createDomRasterBackend, resolveRasterBackend, canRasterizeInThisEnvironment, svgToDataUri, mimeTypeForFormat, } from '@grafloria/renderer';
+export type { SvgExportOptions, SvgExportResult, PdfExportOptions, PdfExportResult, RasterBackend, ExportFormat, ExportOptions, } from '@grafloria/renderer';
+export { GRAFLORIA_NS, GRAFLORIA_MODEL_KEY, embedModelInSvg, extractModelFromSvg, embedModelInPng, extractModelFromPng, extractModel, isEditableArtifact, importDiagram, } from '@grafloria/renderer';
+export { attachCanvasPlugins, createMiniMap, createControls, createBackground, } from '@grafloria/renderer';
+export type { CanvasPluginOptions, CanvasPlugins, MiniMapOptions, ControlsOptions, BackgroundOptions, BackgroundVariant, } from '@grafloria/renderer';
+export { PerfHud, formatSnapshot, EMPTY_SNAPSHOT, QualityGovernor } from '@grafloria/renderer';
+export type { PerfSnapshot, QualityBias, GovernorState, GovernorOptions } from '@grafloria/renderer';
+export { bindPresence, PresenceOverlay, PRESENCE_LAYER_CLASS, actorColor, actorInitials, contrastingTextColor, } from '@grafloria/renderer';
+export type { PresencePeer, PresenceSource, PresenceBinding } from '@grafloria/renderer';
+export { CommentOverlayController } from '@grafloria/renderer';
+export type { CommentSource, CommentRendererHost, CommentOverlayOptions } from '@grafloria/renderer';
+export { InMemoryViewportChannel, presentTo, followPresenter, lockDocument, isDocumentLocked, loadReadonlySnapshot, } from '@grafloria/renderer';
+export type { ViewportChannel, PresenterViewport } from '@grafloria/renderer';
+export { createSyncSession, SyncAdapter, MemoryHub, MemoryTransport, BroadcastChannelTransport, WebSocketTransport, UnreliableHub, Awareness, VersionVector, OpBatcher, CausalBuffer, } from '@grafloria/engine';
+export type { SyncTransport, SyncSessionOptions, SyncAdapterOptions, AwarenessState } from '@grafloria/engine';
+export { Replica, LwwRegistry, OpLog, UndoStack, ReferentialIntegrity, LamportClock, applyOp, replay, compareOps, opId, } from '@grafloria/engine';
+export type { ActorId, Op, ReplicaOptions, Stamp } from '@grafloria/engine';
+export { CommentStore } from '@grafloria/engine';
+export type { AnchorSpec, CommentStoreOptions } from '@grafloria/engine';
+export { exportDiagramText, importDiagramText, stripGrafloriaSidecar, GRAFLORIA_DOC_PREFIX, GRAFLORIA_HASH_PREFIX, } from '@grafloria/engine';
+export type { ExportTextOptions, ImportTextOptions, ImportTextResult } from '@grafloria/engine';
+export { DiagramSerializer } from '@grafloria/engine';
+export { StrokeModel, DEFAULT_STROKE_STYLE } from '@grafloria/engine';
+export type { StrokePoint, StrokeStyle, SerializedStroke } from '@grafloria/engine';
+export { registerLinkTemplate, unregisterLinkTemplate, listLinkTemplates, registerLabelTemplate, unregisterLabelTemplate, listLabelTemplates, registerMarker, unregisterMarker, listMarkers, htmlLabelVNode, registerAnchor, listAnchors, registerConnectionPoint, listConnectionPoints, registerConnector, listConnectors, registerConnectionValidator, isValidConnection, clearConnectionValidators, registerTool, listTools, createDrawTool, createRectangleTool, createEraserTool, createStrokeEditTool, DrawTool, RectangleTool, EraserTool, StrokeEditTool, InkOverlay, INK_OVERLAY_CLASS, createPortal, createViewportPortal, createCounterScaledPortal, } from '@grafloria/renderer';
+export type { LinkTemplate, LinkTemplateContext, LabelTemplate, LabelTemplateContext, MarkerDefinition, MarkerContext, AnchorFn, AnchorContext, ConnectionPointFn, ConnectionPointContext, ConnectorFn, ConnectorContext, ConnectionValidator, ConnectionCandidate, CanvasTool, Portal, ViewportPortal, WhiteboardHost, DrawToolOptions, RectangleToolOptions, EraserToolOptions, StrokeEditToolOptions, InkPreviewStyle, } from '@grafloria/renderer';
+export { registerShape, registerPathShape, unregisterShape, getShape, hasShape, listShapes, getShapeDefinition, getShapeRegistryVersion, onShapeRegistryChange, getNodeSizing, isAutoSized, resolveAspectRatio, clampSizeToConstraints, clampValue, measureLabelContent, desiredNodeSize, outerSizeForInner, autoSizeNode, autoSizeDiagram, getNodeToolbar, resolveToolbar, getHtmlContent, hasHtmlContent, buildHtmlForeignObject, SnapController, DEFAULT_SNAP_CONFIG, } from '@grafloria/renderer';
+export type { ShapeDefinition, PathShapeOptions, PathGeometry, NodeSizing, ClampOptions, ContentSize, AutoSizeOptions, NodeToolbarConfig, HtmlNodeContent, HtmlContentNode, SnapConfig, ProximityCandidate, } from '@grafloria/renderer';
+export { SwimlaneService } from '@grafloria/engine';
+export type { Pool, LaneSpec, CreatePoolOptions, LaneOrientation } from '@grafloria/engine';
+export type { SnapResult, AlignmentGuide, SpacingGuide } from '@grafloria/renderer';
+export { GroupModel } from '@grafloria/engine';
+export { GroupCollapseService, PROXY_NODE_GROUP_KEY, PROXY_LINK_GROUP_KEY } from '@grafloria/engine';
+export { serveLayout } from '@grafloria/engine';
+export type { LayoutPort, LayoutServePort, LayoutProgress } from '@grafloria/engine';
+export { erDiagram, erRowCenterY, ER_ROW_H, ER_HEAD_H, umlDiagram, ensureDiagramKitStyles, DIAGRAM_KIT_STYLE_ID, updateEntity, updateClass, addColumnAt, removeColumnAt, renameColumnAt, bindCardEditing, matchColumns, rowIndexFromY, } from './lib/diagram-kit';
+export type { ErColumn, ErEntitySpec, ErRelationshipSpec, ErCardinality, ErSide, ErDiagramOptions, UmlClassSpec, UmlRelationshipSpec, UmlRelationKind, UmlSide, UmlDiagramOptions, ErEntityDelta, UmlClassDelta, CardEditingHandle, } from './lib/diagram-kit';
+export { erTable, umlClass, erTables, umlClasses, CardHandle, ErTable, ErField, ErColumnList, UmlClass, UmlMemberList, } from './lib/diagram-kit';
+export type { HandleApi } from './lib/diagram-kit';
+export { bindDashboardGrid, rowHeightFor, boardHeightFor, columnUnitFor, cellToRect, pointToCell, sizeToSpan, gridItemFromCell, cellFromGridItem, buildCommitCommands, ensureDashboardKitStyles, DASHBOARD_KIT_STYLE_ID, dashboard, defaultWidgetRenderer, renderKpiWidget, renderLineWidget, renderBarWidget, renderDonutWidget, renderFunnelWidget, renderTableWidget, BUILT_IN_WIDGET_KINDS, } from './lib/dashboard-kit';
+export type { DashboardGridApi, DashboardGridOptions, DashboardGridHandle, CellRect, WorldRect, DashboardGridGeometry, TileDelta, DashboardOptions, DashboardSpec, DashboardHandle, DashboardViewSpec, DashboardWidgetSpec, WidgetHandle, WidgetRenderer, KpiWidgetData, LineWidgetData, LineSeries, BarWidgetData, DonutWidgetData, FunnelWidgetData, TableWidgetData, } from './lib/dashboard-kit';
+export * from '@grafloria/engine';
+export * from '@grafloria/renderer';
+export { NodeModel, PortModel, distanceToSegment, rotatePoint, coalesce, } from '@grafloria/engine';
+export { distanceToSegment as distanceToSegmentCanvas, rotatePoint as rotatePointSelection, coalesce as coalesceRects, } from '@grafloria/renderer';
+export type { Point, BoundingBox, Rectangle, ValidationResult, ValidationError, PortLayoutArgs, PortLayoutSpec, } from '@grafloria/engine';
+export type { ConnectionValidator as EngineConnectionValidator } from '@grafloria/engine';
+export type { BoundingBox as RendererBoundingBox, Rectangle as RendererRectangle, ValidationResult as PropertySchemaValidationResult, ValidationError as PropertySchemaValidationError, PortLayoutArgs as RendererPortLayoutArgs, PortLayoutSpec as RendererPortLayoutSpec, } from '@grafloria/renderer';