@likec4/diagram 1.41.0 → 1.42.0

package/src/styles-font.css

@@ -1,251 +0,0 @@
-/* ibm-plex-sans-latin-400-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 400;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-400-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-400-normal.woff) format("woff");
-  unicode-range:
-    U+0000-00FF,
-    U+0131,
-    U+0152-0153,
-    U+02BB-02BC,
-    U+02C6,
-    U+02DA,
-    U+02DC,
-    U+0304,
-    U+0308,
-    U+0329,
-    U+2000-206F,
-    U+20AC,
-    U+2122,
-    U+2191,
-    U+2193,
-    U+2212,
-    U+2215,
-    U+FEFF,
-    U+FFFD;
-}
-
-/* ibm-plex-sans-latin-500-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 500;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-500-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-500-normal.woff) format("woff");
-  unicode-range:
-    U+0000-00FF,
-    U+0131,
-    U+0152-0153,
-    U+02BB-02BC,
-    U+02C6,
-    U+02DA,
-    U+02DC,
-    U+0304,
-    U+0308,
-    U+0329,
-    U+2000-206F,
-    U+20AC,
-    U+2122,
-    U+2191,
-    U+2193,
-    U+2212,
-    U+2215,
-    U+FEFF,
-    U+FFFD;
-}
-
-/* ibm-plex-sans-latin-600-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 600;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-600-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-600-normal.woff) format("woff");
-  unicode-range:
-    U+0000-00FF,
-    U+0131,
-    U+0152-0153,
-    U+02BB-02BC,
-    U+02C6,
-    U+02DA,
-    U+02DC,
-    U+0304,
-    U+0308,
-    U+0329,
-    U+2000-206F,
-    U+20AC,
-    U+2122,
-    U+2191,
-    U+2193,
-    U+2212,
-    U+2215,
-    U+FEFF,
-    U+FFFD;
-}
-
-/* ibm-plex-sans-cyrillic-400-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 400;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-400-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-400-normal.woff) format("woff");
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* ibm-plex-sans-cyrillic-500-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 500;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-500-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-500-normal.woff) format("woff");
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* ibm-plex-sans-cyrillic-600-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 600;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-600-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-600-normal.woff) format("woff");
-  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-
-/* ibm-plex-sans-cyrillic-ext-400-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 400;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-400-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-400-normal.woff) format("woff");
-  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-
-/* ibm-plex-sans-cyrillic-ext-500-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 500;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-500-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-500-normal.woff) format("woff");
-  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-
-/* ibm-plex-sans-cyrillic-ext-600-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 600;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-600-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/cyrillic-ext-600-normal.woff) format("woff");
-  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-
-/* ibm-plex-sans-latin-ext-400-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 400;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-400-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-400-normal.woff) format("woff");
-  unicode-range:
-    U+0100-02BA,
-    U+02BD-02C5,
-    U+02C7-02CC,
-    U+02CE-02D7,
-    U+02DD-02FF,
-    U+0304,
-    U+0308,
-    U+0329,
-    U+1D00-1DBF,
-    U+1E00-1E9F,
-    U+1EF2-1EFF,
-    U+2020,
-    U+20A0-20AB,
-    U+20AD-20C0,
-    U+2113,
-    U+2C60-2C7F,
-    U+A720-A7FF;
-}
-
-/* ibm-plex-sans-latin-ext-500-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 500;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-500-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-500-normal.woff) format("woff");
-  unicode-range:
-    U+0100-02BA,
-    U+02BD-02C5,
-    U+02C7-02CC,
-    U+02CE-02D7,
-    U+02DD-02FF,
-    U+0304,
-    U+0308,
-    U+0329,
-    U+1D00-1DBF,
-    U+1E00-1E9F,
-    U+1EF2-1EFF,
-    U+2020,
-    U+20A0-20AB,
-    U+20AD-20C0,
-    U+2113,
-    U+2C60-2C7F,
-    U+A720-A7FF;
-}
-
-/* ibm-plex-sans-latin-ext-600-normal */
-@font-face {
-  font-family: "IBM Plex Sans";
-  font-style: normal;
-  font-display: swap;
-  font-weight: 600;
-  src:
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-600-normal.woff2) format("woff2"),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/ibm-plex-sans@latest/latin-ext-600-normal.woff) format("woff");
-  unicode-range:
-    U+0100-02BA,
-    U+02BD-02C5,
-    U+02C7-02CC,
-    U+02CE-02D7,
-    U+02DD-02FF,
-    U+0304,
-    U+0308,
-    U+0329,
-    U+1D00-1DBF,
-    U+1E00-1E9F,
-    U+1EF2-1EFF,
-    U+2020,
-    U+20A0-20AB,
-    U+20AD-20C0,
-    U+2113,
-    U+2C60-2C7F,
-    U+A720-A7FF;
-}

package/src/styles-min.css

@@ -1,2 +0,0 @@
-@layer reset, base, mantine, xyflow, tokens, recipes, utilities;
-@import "@xyflow/react/dist/style.css" layer(xyflow);

package/src/styles-xyflow.css

@@ -1 +0,0 @@
-@import "@xyflow/react/dist/style.css" layer(xyflow);

package/src/styles.css

@@ -1,3 +0,0 @@
-@layer reset, base, mantine, xyflow, tokens, recipes, utilities;
-@import "@mantine/core/styles.layer.css";
-@import "@xyflow/react/dist/style.css" layer(xyflow);

package/src/utils/css.ts

@@ -1,7 +0,0 @@
-export function getVarName(variable: string): string {
-  var matches = variable.match(/^var\((.*)\)$/)
-  if (matches) {
-    return matches[1]!
-  }
-  return variable
-}

package/src/utils/index.ts

@@ -1,15 +0,0 @@
-export { vector, VectorImpl } from './vector'
-export type { Vector } from './vector'
-export {
-  bezierControlPoints,
-  bezierPath,
-  centerXYInternalNode,
-  distance,
-  distanceBetweenPoints,
-  isInside,
-  isSamePoint,
-  nodeToRect,
-  stopPropagation,
-} from './xyflow'
-
-export { roundDpr } from './roundDpr'

package/src/utils/roundDpr.ts

@@ -1,27 +0,0 @@
-import { clamp } from 'remeda'
-
-/**
- * Returns the current device pixel ratio (DPR) given the passed options
- *
- * @param options
- * @returns current device pixel ratio
- */
-function getDevicePixelRatio(): number {
-  const hasDprProp = typeof window !== 'undefined' && typeof window.devicePixelRatio === 'number'
-  const dpr = hasDprProp ? window.devicePixelRatio : 1
-  return clamp(Math.floor(dpr), {
-    min: 1,
-    max: 4,
-  })
-}
-
-let knownDpr: number | undefined
-
-export function roundDpr(v: number) {
-  knownDpr ??= getDevicePixelRatio()
-  if (knownDpr < 2) {
-    return Math.round(v)
-  }
-  // https://floating-ui.com/docs/misc#subpixel-and-accelerated-positioning
-  return Math.round(v * knownDpr) / knownDpr
-}

package/src/utils/vector.ts

@@ -1,57 +0,0 @@
-export interface Vector {
-  x: number
-  y: number
-}
-
-export class VectorImpl implements Vector {
-  constructor(public x: number, public y: number) {}
-
-  static create(position: Vector): VectorImpl {
-    return new VectorImpl(position.x, position.y)
-  }
-
-  static add(a: Vector, b: Vector): Vector {
-    return { x: a.x + b.x, y: a.y + b.y }
-  }
-  static sub(a: Vector, b: Vector): Vector {
-    return { x: a.x - b.x, y: a.y - b.y }
-  }
-  static mul(a: Vector, b: number): Vector {
-    return { x: a.x * b, y: a.y * b }
-  }
-  static dot(a: Vector, b: Vector): number {
-    return a.x * b.x + a.y * b.y
-  }
-  static cross(a: Vector, b: Vector): VectorImpl {
-    return new VectorImpl(a.y * b.x - a.x * b.y, a.x * b.y - a.y * b.x)
-  }
-  static setLength(a: Vector, length: number): Vector {
-    return vector(a).setLength(length)
-  }
-
-  add(b: Vector): VectorImpl {
-    return new VectorImpl(this.x + b.x, this.y + b.y)
-  }
-  sub(b: Vector): VectorImpl {
-    return new VectorImpl(this.x - b.x, this.y - b.y)
-  }
-  mul(b: number): VectorImpl {
-    return new VectorImpl(this.x * b, this.y * b)
-  }
-  dot(b: Vector): number {
-    return this.x * b.x + this.y * b.y
-  }
-  cross(b: Vector): VectorImpl {
-    return new VectorImpl(this.y * b.x - this.x * b.y, this.x * b.y - this.y * b.x)
-  }
-  abs(): number {
-    return Math.sqrt(this.x * this.x + this.y * this.y)
-  }
-  setLength(length: number): VectorImpl {
-    return this.mul(length / this.abs())
-  }
-}
-
-export function vector(source: Vector): VectorImpl {
-  return VectorImpl.create(source)
-}

package/src/utils/xyflow.ts

@@ -1,105 +0,0 @@
-import type { DiagramEdge, NonEmptyArray, Point } from '@likec4/core'
-import { invariant } from '@likec4/core/utils'
-import type { InternalNode, Rect, XYPosition } from '@xyflow/react'
-import { getNodeDimensions } from '@xyflow/system'
-import { Bezier } from 'bezier-js'
-import { hasAtLeast, isArray } from 'remeda'
-
-export function distance(a: XYPosition, b: XYPosition) {
-  return Math.sqrt(Math.pow(b.x - a.x, 2) + Math.pow(b.y - a.y, 2))
-}
-
-export const nodeToRect = (nd: InternalNode): Rect => ({
-  x: nd.internals.positionAbsolute.x,
-  y: nd.internals.positionAbsolute.y,
-  width: nd.measured.width ?? nd.width ?? nd.initialWidth ?? 0,
-  height: nd.measured.height ?? nd.height ?? nd.initialHeight ?? 0,
-})
-
-/**
- * Checks if a rectangle is completely inside another rectangle.
- *
- * @param test - The rectangle to test.
- * @param target - The target rectangle.
- * @returns `true` if the `test` rectangle is completely inside the `target` rectangle, otherwise `false`.
- */
-export const isInside = (test: Rect, target: Rect) => {
-  return (
-    test.x >= target.x
-    && test.y >= target.y
-    && test.x + test.width <= target.x + target.width
-    && test.y + test.height <= target.y + target.height
-  )
-}
-
-export function bezierControlPoints(diagramEdge: Pick<DiagramEdge, 'points'>) {
-  let [start, ...bezierPoints] = diagramEdge.points
-  invariant(start, 'start should be defined')
-  const handles = [
-    // start
-  ] as XYPosition[]
-
-  while (hasAtLeast(bezierPoints, 3)) {
-    const [cp1, cp2, end, ...rest] = bezierPoints
-    const bezier = new Bezier(start[0], start[1], cp1[0], cp1[1], cp2[0], cp2[1], end[0], end[1])
-    // TODO: temporary, we need correcly derive catmull-rom from bezier. Actually, from poly-bezier
-    const inflections = bezier.inflections()
-    if (inflections.length === 0) {
-      inflections.push(0.5)
-    }
-    inflections.forEach(t => {
-      const { x, y } = bezier.get(t)
-      handles.push({
-        x: Math.round(x),
-        y: Math.round(y),
-      })
-    })
-    bezierPoints = rest
-    start = end
-  }
-  invariant(bezierPoints.length === 0, 'all points should be consumed')
-
-  return handles
-}
-
-// If points are within 3px, consider them the same
-const isClose = (a: number, b: number) => {
-  return Math.abs(a - b) < 3.1
-}
-
-export function isSamePoint(a: XYPosition | Point, b: XYPosition | Point) {
-  const [ax, ay] = isArray(a) ? a : [a.x, a.y]
-  const [bx, by] = isArray(b) ? b : [b.x, b.y]
-  return isClose(ax, bx) && isClose(ay, by)
-}
-
-export function distanceBetweenPoints(a: XYPosition, b: XYPosition) {
-  return Math.sqrt(Math.pow(b.x - a.x, 2) + Math.pow(b.y - a.y, 2))
-}
-
-export function stopPropagation(e: React.MouseEvent) {
-  return e.stopPropagation()
-}
-
-export function centerXYInternalNode<N extends InternalNode>(nd: N) {
-  const { width, height } = getNodeDimensions(nd)
-  return {
-    x: nd.internals.positionAbsolute.x + width / 2,
-    y: nd.internals.positionAbsolute.y + height / 2,
-  }
-}
-
-export function bezierPath(bezierSpline: NonEmptyArray<Point>) {
-  let [start, ...points] = bezierSpline
-  invariant(start, 'start should be defined')
-  let path = `M ${start[0]},${start[1]}`
-
-  while (hasAtLeast(points, 3)) {
-    const [cp1, cp2, end, ...rest] = points
-    path = path + ` C ${cp1[0]},${cp1[1]} ${cp2[0]},${cp2[1]} ${end[0]},${end[1]}`
-    points = rest
-  }
-  invariant(points.length === 0, 'all points should be consumed')
-
-  return path
-}