feat: add types/elements

packages/board/src/util/context.ts

@@ -1,3 +1,5 @@
+import { TypeContext } from '@idraw/types';
+
 type Options = {
  width: number;
  height: number;
@@ -16,7 +18,7 @@ type PrivateConfig = {
  scrollY: number;
 }
 
-class Context {
+class Context implements TypeContext {
  private _opts: Options;
  private _ctx: CanvasRenderingContext2D;
  private _conf: PrivateConfig; 

packages/types/src/index.ts

@@ -1,2 +1,4 @@
 export * from './lib/data';
-export * from './lib/board';
+export * from './lib/board';
+export * from './lib/paint';
+export * from './lib/element';

packages/types/src/lib/board.ts

@@ -3,6 +3,25 @@ type TypePoint = {
  y: number;
 }
 
+interface TypeContext {
+ setConfig(config: {
+ scale?: number;
+ scrollX?: number;
+ scrollY?: number;
+ }): void;
+ setFillStyle(color: string): void;
+ fillRect(x: number, y: number, w: number, h: number): void;
+ clearRect(x: number, y: number, w: number, h: number): void;
+ beginPath(): void;
+ closePath(): void;
+ lineTo(x: number, y: number): void;
+ setLineWidth(w: number): void;
+ isPointInPath(x: number, y: number): boolean;
+ setStrokeStyle(color: string): void;
+ stroke(): void;
+}
+
 export {
- TypePoint
+ TypePoint,
+ TypeContext
 }

packages/types/src/lib/data.ts

@@ -1,38 +1,17 @@
+import { TypeElementsDesc } from './element';
 
-
-type ElementsDescMap = {
- text: {
- size: number;
- },
- rect: {
- color: string;
- },
- circle: {
- color: string;
- r: number;
- x: number;
- y: number;
- },
- image: {
- src: number;
- },
- paint: {
-
- }
-}
-
-type TypeDataElement<T extends keyof ElementsDescMap> = {
+type TypeDataElement<T extends keyof TypeElementsDesc> = {
  uuid?: string;
  x: number;
  y: number;
  w: number;
  h: number;
  type: T;
- desc: ElementsDescMap[T];
+ desc: TypeElementsDesc[T];
 }
 
 type TypeData = {
- elements: TypeDataElement<keyof ElementsDescMap>[]
+ elements: TypeDataElement<keyof TypeElementsDesc>[]
  selectedElements?: string[] // uuids
 }
 

packages/types/src/lib/element.ts

@@ -0,0 +1,37 @@
+import { TypePaintData } from './paint';
+
+type TypeElementsDesc = {
+ text: TypeElemDescText,
+ rect: TypeElemDescRect,
+ circle: TypeElemDescCircle,
+ image: TypeElemDescImage,
+ paint: TypeElemDescPaint
+}
+
+type TypeElemDescRect = {
+ color: string;
+}
+
+type TypeElemDescText = {
+ size: number;
+ color: number;
+}
+
+type TypeElemDescCircle = {
+ r: number;
+ x: number;
+ y: number;
+}
+
+type TypeElemDescImage = {
+ src: number;
+}
+
+type TypeElemDescPaint = TypePaintData
+
+export {
+ TypeElemDescText,
+ TypeElemDescRect,
+ TypeElemDescCircle,
+ TypeElementsDesc,
+}

packages/types/src/lib/paint.ts

@@ -0,0 +1,23 @@
+export type TypePaintData = {
+ brushMap: {[name: string]: TypePaintBrush},
+ paths: TypePaintPath[],
+}
+
+export type TypePaintBrush = {
+ name: string;
+ src: string;
+}
+
+export type TypePaintPath = {
+ brush: string,
+ size: number;
+ positions: TypePaintPosition[],
+ color: string;
+ pressure: number;
+}
+
+export type TypePaintPosition = {
+ x: number,
+ y: number,
+ t: number,
+}