@codehz/draw-call 0.1.0 → 0.1.1

package/index.d.cts

@@ -1,230 +1,5 @@
-//#region src/types/base.d.ts
-type Size = number | `${number}%` | "auto" | "fill";
-interface ColorStop {
-  offset: number;
-  color: string;
-}
-interface LinearGradientDescriptor {
-  type: "linear-gradient";
-  angle: number;
-  stops: ColorStop[];
-}
-interface RadialGradientDescriptor {
-  type: "radial-gradient";
-  startX?: number;
-  startY?: number;
-  startRadius?: number;
-  endX?: number;
-  endY?: number;
-  endRadius?: number;
-  stops: ColorStop[];
-}
-type GradientDescriptor = LinearGradientDescriptor | RadialGradientDescriptor;
-type Color = string | CanvasGradient | CanvasPattern | GradientDescriptor;
-declare function linearGradient(angle: number, ...stops: (string | [number, string])[]): LinearGradientDescriptor;
-declare function radialGradient(options: {
-  startX?: number;
-  startY?: number;
-  startRadius?: number;
-  endX?: number;
-  endY?: number;
-  endRadius?: number;
-}, ...stops: (string | [number, string])[]): RadialGradientDescriptor;
-interface Spacing {
-  top?: number;
-  right?: number;
-  bottom?: number;
-  left?: number;
-}
-interface Border {
-  width?: number;
-  color?: Color;
-  radius?: number | [number, number, number, number];
-}
-interface Shadow {
-  offsetX?: number;
-  offsetY?: number;
-  blur?: number;
-  color?: Color;
-}
-interface FontProps {
-  family?: string;
-  size?: number;
-  weight?: number | "normal" | "bold";
-  style?: "normal" | "italic";
-}
-interface StrokeProps {
-  color: Color;
-  width: number;
-  dash?: number[];
-  cap?: "butt" | "round" | "square";
-  join?: "miter" | "round" | "bevel";
-}
-interface Bounds {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-//#endregion
-//#region src/types/layout.d.ts
-type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
-type JustifyContent = "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
-type AlignItems = "start" | "end" | "center" | "stretch" | "baseline";
-type AlignSelf = "auto" | AlignItems;
-interface LayoutProps {
-  width?: Size;
-  height?: Size;
-  minWidth?: number;
-  maxWidth?: number;
-  minHeight?: number;
-  maxHeight?: number;
-  margin?: number | Spacing;
-  padding?: number | Spacing;
-  flex?: number;
-  alignSelf?: AlignSelf;
-}
-interface ContainerLayoutProps extends LayoutProps {
-  direction?: FlexDirection;
-  justify?: JustifyContent;
-  align?: AlignItems;
-  gap?: number;
-  wrap?: boolean;
-}
-interface ComputedLayout {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-  contentX: number;
-  contentY: number;
-  contentWidth: number;
-  contentHeight: number;
-}
-interface LayoutConstraints {
-  minWidth: number;
-  maxWidth: number;
-  minHeight: number;
-  maxHeight: number;
-}
-//#endregion
-//#region src/types/components.d.ts
-type ElementType = "box" | "text" | "image" | "shape" | "stack";
-interface ElementBase {
-  type: ElementType;
-}
-interface BoxProps extends ContainerLayoutProps {
-  background?: Color;
-  border?: Border;
-  shadow?: Shadow;
-  opacity?: number;
-  clip?: boolean;
-  children?: Element[];
-}
-interface BoxElement extends ElementBase, BoxProps {
-  type: "box";
-}
-interface TextProps extends LayoutProps {
-  content: string;
-  font?: FontProps;
-  color?: Color;
-  align?: "left" | "center" | "right";
-  verticalAlign?: "top" | "middle" | "bottom";
-  lineHeight?: number;
-  maxLines?: number;
-  ellipsis?: boolean;
-  wrap?: boolean;
-  shadow?: Shadow;
-  stroke?: StrokeProps;
-}
-interface TextElement extends ElementBase, TextProps {
-  type: "text";
-}
-interface ImageProps extends LayoutProps {
-  src: string | ImageBitmap | CanvasImageSource;
-  fit?: "contain" | "cover" | "fill" | "none" | "scale-down";
-  position?: {
-    x?: "left" | "center" | "right" | number;
-    y?: "top" | "center" | "bottom" | number;
-  };
-  border?: Border;
-  shadow?: Shadow;
-  opacity?: number;
-}
-interface ImageElement extends ElementBase, ImageProps {
-  type: "image";
-}
-type ShapeType = "rect" | "circle" | "ellipse" | "line" | "polygon" | "path";
-interface ShapeProps extends LayoutProps {
-  shape: ShapeType;
-  fill?: Color;
-  stroke?: StrokeProps;
-  shadow?: Shadow;
-  points?: [number, number][];
-  path?: string;
-}
-interface ShapeElement extends ElementBase, ShapeProps {
-  type: "shape";
-}
-interface StackProps extends ContainerLayoutProps {
-  children: Element[];
-  background?: Color;
-  border?: Border;
-  shadow?: Shadow;
-  opacity?: number;
-  clip?: boolean;
-}
-interface StackElement extends ElementBase, StackProps {
-  type: "stack";
-}
-type Element = BoxElement | TextElement | ImageElement | ShapeElement | StackElement;
-//#endregion
-//#region src/layout/measure.d.ts
-interface MeasureContext {
-  measureText(text: string, font: FontProps): {
-    width: number;
-    height: number;
-  };
-}
-declare function createCanvasMeasureContext(ctx: CanvasRenderingContext2D): MeasureContext;
-//#endregion
-//#region src/layout/engine.d.ts
-interface LayoutNode {
-  element: Element;
-  layout: ComputedLayout;
-  children: LayoutNode[];
-  lines?: string[];
-}
-declare function computeLayout(element: Element, ctx: MeasureContext, constraints: LayoutConstraints, x?: number, y?: number): LayoutNode;
-//#endregion
-//#region src/canvas.d.ts
-interface CanvasOptions {
-  width: number;
-  height: number;
-  pixelRatio?: number;
-  canvas?: {
-    getContext(type: "2d"): CanvasRenderingContext2D | null;
-    width: number;
-    height: number;
-  };
-}
-interface LayoutSize {
-  width: number;
-  height: number;
-}
-interface DrawCallCanvas {
-  readonly width: number;
-  readonly height: number;
-  readonly pixelRatio: number;
-  render(element: Element): LayoutNode;
-  clear(): void;
-  getContext(): CanvasRenderingContext2D;
-  toDataURL(type?: string, quality?: number): string;
-  toBuffer(type?: "image/png" | "image/jpeg"): Promise<Buffer>;
-}
-declare function createCanvas(options: CanvasOptions): DrawCallCanvas;
-declare function createCanvasAsync(options: Omit<CanvasOptions, "canvas">): Promise<DrawCallCanvas>;
-//#endregion
+import { A as Shadow, C as Bounds, D as GradientDescriptor, E as FontProps, F as radialGradient, M as Spacing, N as StrokeProps, O as LinearGradientDescriptor, P as linearGradient, S as Border, T as ColorStop, _ as AlignSelf, a as LayoutNode, b as JustifyContent, c as createCanvasMeasureContext, d as Element, f as StackElement, g as AlignItems, h as TextProps, i as createCanvas, j as Size, k as RadialGradientDescriptor, l as BoxElement, m as TextElement, n as DrawCallCanvas, o as computeLayout, p as StackProps, r as LayoutSize, s as MeasureContext, t as CanvasOptions, u as BoxProps, v as ContainerLayoutProps, w as Color, x as LayoutProps, y as FlexDirection } from "./canvas-CkpP3RNK.cjs";
+
 //#region src/components/Box.d.ts
 declare function Box(props: BoxProps): BoxElement;
 //#endregion
@@ -234,4 +9,4 @@ declare function Stack(props: StackProps): StackElement;
 //#region src/components/Text.d.ts
 declare function Text(props: TextProps): TextElement;
 //#endregion
-export { type AlignItems, type AlignSelf, type Border, type Bounds, Box, type BoxElement, type BoxProps, type CanvasOptions, type Color, type ColorStop, type ContainerLayoutProps, type DrawCallCanvas, type Element, type FlexDirection, type FontProps, type GradientDescriptor, type JustifyContent, type LayoutNode, type LayoutProps, type LayoutSize, type LinearGradientDescriptor, type MeasureContext, type RadialGradientDescriptor, type Shadow, type Size, type Spacing, Stack, type StackElement, type StackProps, type StrokeProps, Text, type TextElement, type TextProps, computeLayout, createCanvas, createCanvasAsync, createCanvasMeasureContext, linearGradient, radialGradient };
+export { type AlignItems, type AlignSelf, type Border, type Bounds, Box, type BoxElement, type BoxProps, type CanvasOptions, type Color, type ColorStop, type ContainerLayoutProps, type DrawCallCanvas, type Element, type FlexDirection, type FontProps, type GradientDescriptor, type JustifyContent, type LayoutNode, type LayoutProps, type LayoutSize, type LinearGradientDescriptor, type MeasureContext, type RadialGradientDescriptor, type Shadow, type Size, type Spacing, Stack, type StackElement, type StackProps, type StrokeProps, Text, type TextElement, type TextProps, computeLayout, createCanvas, createCanvasMeasureContext, linearGradient, radialGradient };

package/index.d.mts

@@ -1,230 +1,5 @@
-//#region src/types/base.d.ts
-type Size = number | `${number}%` | "auto" | "fill";
-interface ColorStop {
-  offset: number;
-  color: string;
-}
-interface LinearGradientDescriptor {
-  type: "linear-gradient";
-  angle: number;
-  stops: ColorStop[];
-}
-interface RadialGradientDescriptor {
-  type: "radial-gradient";
-  startX?: number;
-  startY?: number;
-  startRadius?: number;
-  endX?: number;
-  endY?: number;
-  endRadius?: number;
-  stops: ColorStop[];
-}
-type GradientDescriptor = LinearGradientDescriptor | RadialGradientDescriptor;
-type Color = string | CanvasGradient | CanvasPattern | GradientDescriptor;
-declare function linearGradient(angle: number, ...stops: (string | [number, string])[]): LinearGradientDescriptor;
-declare function radialGradient(options: {
-  startX?: number;
-  startY?: number;
-  startRadius?: number;
-  endX?: number;
-  endY?: number;
-  endRadius?: number;
-}, ...stops: (string | [number, string])[]): RadialGradientDescriptor;
-interface Spacing {
-  top?: number;
-  right?: number;
-  bottom?: number;
-  left?: number;
-}
-interface Border {
-  width?: number;
-  color?: Color;
-  radius?: number | [number, number, number, number];
-}
-interface Shadow {
-  offsetX?: number;
-  offsetY?: number;
-  blur?: number;
-  color?: Color;
-}
-interface FontProps {
-  family?: string;
-  size?: number;
-  weight?: number | "normal" | "bold";
-  style?: "normal" | "italic";
-}
-interface StrokeProps {
-  color: Color;
-  width: number;
-  dash?: number[];
-  cap?: "butt" | "round" | "square";
-  join?: "miter" | "round" | "bevel";
-}
-interface Bounds {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-}
-//#endregion
-//#region src/types/layout.d.ts
-type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
-type JustifyContent = "start" | "end" | "center" | "space-between" | "space-around" | "space-evenly";
-type AlignItems = "start" | "end" | "center" | "stretch" | "baseline";
-type AlignSelf = "auto" | AlignItems;
-interface LayoutProps {
-  width?: Size;
-  height?: Size;
-  minWidth?: number;
-  maxWidth?: number;
-  minHeight?: number;
-  maxHeight?: number;
-  margin?: number | Spacing;
-  padding?: number | Spacing;
-  flex?: number;
-  alignSelf?: AlignSelf;
-}
-interface ContainerLayoutProps extends LayoutProps {
-  direction?: FlexDirection;
-  justify?: JustifyContent;
-  align?: AlignItems;
-  gap?: number;
-  wrap?: boolean;
-}
-interface ComputedLayout {
-  x: number;
-  y: number;
-  width: number;
-  height: number;
-  contentX: number;
-  contentY: number;
-  contentWidth: number;
-  contentHeight: number;
-}
-interface LayoutConstraints {
-  minWidth: number;
-  maxWidth: number;
-  minHeight: number;
-  maxHeight: number;
-}
-//#endregion
-//#region src/types/components.d.ts
-type ElementType = "box" | "text" | "image" | "shape" | "stack";
-interface ElementBase {
-  type: ElementType;
-}
-interface BoxProps extends ContainerLayoutProps {
-  background?: Color;
-  border?: Border;
-  shadow?: Shadow;
-  opacity?: number;
-  clip?: boolean;
-  children?: Element[];
-}
-interface BoxElement extends ElementBase, BoxProps {
-  type: "box";
-}
-interface TextProps extends LayoutProps {
-  content: string;
-  font?: FontProps;
-  color?: Color;
-  align?: "left" | "center" | "right";
-  verticalAlign?: "top" | "middle" | "bottom";
-  lineHeight?: number;
-  maxLines?: number;
-  ellipsis?: boolean;
-  wrap?: boolean;
-  shadow?: Shadow;
-  stroke?: StrokeProps;
-}
-interface TextElement extends ElementBase, TextProps {
-  type: "text";
-}
-interface ImageProps extends LayoutProps {
-  src: string | ImageBitmap | CanvasImageSource;
-  fit?: "contain" | "cover" | "fill" | "none" | "scale-down";
-  position?: {
-    x?: "left" | "center" | "right" | number;
-    y?: "top" | "center" | "bottom" | number;
-  };
-  border?: Border;
-  shadow?: Shadow;
-  opacity?: number;
-}
-interface ImageElement extends ElementBase, ImageProps {
-  type: "image";
-}
-type ShapeType = "rect" | "circle" | "ellipse" | "line" | "polygon" | "path";
-interface ShapeProps extends LayoutProps {
-  shape: ShapeType;
-  fill?: Color;
-  stroke?: StrokeProps;
-  shadow?: Shadow;
-  points?: [number, number][];
-  path?: string;
-}
-interface ShapeElement extends ElementBase, ShapeProps {
-  type: "shape";
-}
-interface StackProps extends ContainerLayoutProps {
-  children: Element[];
-  background?: Color;
-  border?: Border;
-  shadow?: Shadow;
-  opacity?: number;
-  clip?: boolean;
-}
-interface StackElement extends ElementBase, StackProps {
-  type: "stack";
-}
-type Element = BoxElement | TextElement | ImageElement | ShapeElement | StackElement;
-//#endregion
-//#region src/layout/measure.d.ts
-interface MeasureContext {
-  measureText(text: string, font: FontProps): {
-    width: number;
-    height: number;
-  };
-}
-declare function createCanvasMeasureContext(ctx: CanvasRenderingContext2D): MeasureContext;
-//#endregion
-//#region src/layout/engine.d.ts
-interface LayoutNode {
-  element: Element;
-  layout: ComputedLayout;
-  children: LayoutNode[];
-  lines?: string[];
-}
-declare function computeLayout(element: Element, ctx: MeasureContext, constraints: LayoutConstraints, x?: number, y?: number): LayoutNode;
-//#endregion
-//#region src/canvas.d.ts
-interface CanvasOptions {
-  width: number;
-  height: number;
-  pixelRatio?: number;
-  canvas?: {
-    getContext(type: "2d"): CanvasRenderingContext2D | null;
-    width: number;
-    height: number;
-  };
-}
-interface LayoutSize {
-  width: number;
-  height: number;
-}
-interface DrawCallCanvas {
-  readonly width: number;
-  readonly height: number;
-  readonly pixelRatio: number;
-  render(element: Element): LayoutNode;
-  clear(): void;
-  getContext(): CanvasRenderingContext2D;
-  toDataURL(type?: string, quality?: number): string;
-  toBuffer(type?: "image/png" | "image/jpeg"): Promise<Buffer>;
-}
-declare function createCanvas(options: CanvasOptions): DrawCallCanvas;
-declare function createCanvasAsync(options: Omit<CanvasOptions, "canvas">): Promise<DrawCallCanvas>;
-//#endregion
+import { A as Shadow, C as Bounds, D as GradientDescriptor, E as FontProps, F as radialGradient, M as Spacing, N as StrokeProps, O as LinearGradientDescriptor, P as linearGradient, S as Border, T as ColorStop, _ as AlignSelf, a as LayoutNode, b as JustifyContent, c as createCanvasMeasureContext, d as Element, f as StackElement, g as AlignItems, h as TextProps, i as createCanvas, j as Size, k as RadialGradientDescriptor, l as BoxElement, m as TextElement, n as DrawCallCanvas, o as computeLayout, p as StackProps, r as LayoutSize, s as MeasureContext, t as CanvasOptions, u as BoxProps, v as ContainerLayoutProps, w as Color, x as LayoutProps, y as FlexDirection } from "./canvas-BYrCq8eS.mjs";
+
 //#region src/components/Box.d.ts
 declare function Box(props: BoxProps): BoxElement;
 //#endregion
@@ -234,4 +9,4 @@ declare function Stack(props: StackProps): StackElement;
 //#region src/components/Text.d.ts
 declare function Text(props: TextProps): TextElement;
 //#endregion
-export { type AlignItems, type AlignSelf, type Border, type Bounds, Box, type BoxElement, type BoxProps, type CanvasOptions, type Color, type ColorStop, type ContainerLayoutProps, type DrawCallCanvas, type Element, type FlexDirection, type FontProps, type GradientDescriptor, type JustifyContent, type LayoutNode, type LayoutProps, type LayoutSize, type LinearGradientDescriptor, type MeasureContext, type RadialGradientDescriptor, type Shadow, type Size, type Spacing, Stack, type StackElement, type StackProps, type StrokeProps, Text, type TextElement, type TextProps, computeLayout, createCanvas, createCanvasAsync, createCanvasMeasureContext, linearGradient, radialGradient };
+export { type AlignItems, type AlignSelf, type Border, type Bounds, Box, type BoxElement, type BoxProps, type CanvasOptions, type Color, type ColorStop, type ContainerLayoutProps, type DrawCallCanvas, type Element, type FlexDirection, type FontProps, type GradientDescriptor, type JustifyContent, type LayoutNode, type LayoutProps, type LayoutSize, type LinearGradientDescriptor, type MeasureContext, type RadialGradientDescriptor, type Shadow, type Size, type Spacing, Stack, type StackElement, type StackProps, type StrokeProps, Text, type TextElement, type TextProps, computeLayout, createCanvas, createCanvasMeasureContext, linearGradient, radialGradient };