js-draw 0.17.4 → 0.18.0

package/dist/mjs/src/types.d.ts

@@ -0,0 +1,151 @@
+import EventDispatcher from './EventDispatcher';
+import Mat33 from './math/Mat33';
+import { Point2, Vec2 } from './math/Vec2';
+import Vec3 from './math/Vec3';
+import BaseTool from './tools/BaseTool';
+import AbstractComponent from './components/AbstractComponent';
+import Rect2 from './math/Rect2';
+import Pointer from './Pointer';
+import Color4 from './Color4';
+import Command from './commands/Command';
+import BaseWidget from './toolbar/widgets/BaseWidget';
+export interface PointerEvtListener {
+    onPointerDown(event: PointerEvt): boolean;
+    onPointerMove(event: PointerEvt): void;
+    onPointerUp(event: PointerEvt): void;
+    onGestureCancel(): void;
+}
+export declare enum InputEvtType {
+    PointerDownEvt = 0,
+    PointerMoveEvt = 1,
+    PointerUpEvt = 2,
+    GestureCancelEvt = 3,
+    WheelEvt = 4,
+    KeyPressEvent = 5,
+    KeyUpEvent = 6,
+    CopyEvent = 7,
+    PasteEvent = 8
+}
+export interface WheelEvt {
+    readonly kind: InputEvtType.WheelEvt;
+    readonly delta: Vec3;
+    readonly screenPos: Point2;
+}
+export interface KeyPressEvent {
+    readonly kind: InputEvtType.KeyPressEvent;
+    readonly key: string;
+    readonly ctrlKey: boolean | undefined;
+    readonly altKey: boolean | undefined;
+}
+export interface KeyUpEvent {
+    readonly kind: InputEvtType.KeyUpEvent;
+    readonly key: string;
+    readonly ctrlKey: boolean | undefined;
+    readonly altKey: boolean | undefined;
+}
+export interface CopyEvent {
+    readonly kind: InputEvtType.CopyEvent;
+    setData(mime: string, data: string): void;
+}
+export interface PasteEvent {
+    readonly kind: InputEvtType.PasteEvent;
+    readonly data: string;
+    readonly mime: string;
+}
+export interface GestureCancelEvt {
+    readonly kind: InputEvtType.GestureCancelEvt;
+}
+interface PointerEvtBase {
+    readonly current: Pointer;
+    readonly allPointers: Pointer[];
+}
+export interface PointerDownEvt extends PointerEvtBase {
+    readonly kind: InputEvtType.PointerDownEvt;
+}
+export interface PointerMoveEvt extends PointerEvtBase {
+    readonly kind: InputEvtType.PointerMoveEvt;
+}
+export interface PointerUpEvt extends PointerEvtBase {
+    readonly kind: InputEvtType.PointerUpEvt;
+}
+export type PointerEvt = PointerDownEvt | PointerMoveEvt | PointerUpEvt;
+export type InputEvt = KeyPressEvent | KeyUpEvent | WheelEvt | GestureCancelEvt | PointerEvt | CopyEvent | PasteEvent;
+export type EditorNotifier = EventDispatcher<EditorEventType, EditorEventDataType>;
+export declare enum EditorEventType {
+    ToolEnabled = 0,
+    ToolDisabled = 1,
+    ToolUpdated = 2,
+    UndoRedoStackUpdated = 3,
+    CommandDone = 4,
+    CommandUndone = 5,
+    ObjectAdded = 6,
+    ViewportChanged = 7,
+    DisplayResized = 8,
+    ColorPickerToggled = 9,
+    ColorPickerColorSelected = 10,
+    ToolbarDropdownShown = 11
+}
+export declare enum UndoEventType {
+    CommandDone = 0,
+    CommandUndone = 1,
+    CommandRedone = 2
+}
+type EditorToolEventType = EditorEventType.ToolEnabled | EditorEventType.ToolDisabled | EditorEventType.ToolUpdated;
+export interface EditorToolEvent {
+    readonly kind: EditorToolEventType;
+    readonly tool: BaseTool;
+}
+export interface EditorObjectEvent {
+    readonly kind: EditorEventType.ObjectAdded;
+    readonly object: AbstractComponent;
+}
+export interface EditorViewportChangedEvent {
+    readonly kind: EditorEventType.ViewportChanged;
+    readonly newTransform: Mat33;
+    readonly oldTransform: Mat33;
+}
+export interface DisplayResizedEvent {
+    readonly kind: EditorEventType.DisplayResized;
+    readonly newSize: Vec2;
+}
+export interface EditorUndoStackUpdated {
+    readonly kind: EditorEventType.UndoRedoStackUpdated;
+    readonly undoStackSize: number;
+    readonly redoStackSize: number;
+    readonly command?: Command;
+    readonly stackUpdateType: UndoEventType;
+}
+export interface CommandDoneEvent {
+    readonly kind: EditorEventType.CommandDone;
+    readonly command: Command;
+}
+export interface CommandUndoneEvent {
+    readonly kind: EditorEventType.CommandUndone;
+    readonly command: Command;
+}
+export interface ColorPickerToggled {
+    readonly kind: EditorEventType.ColorPickerToggled;
+    readonly open: boolean;
+}
+export interface ColorPickerColorSelected {
+    readonly kind: EditorEventType.ColorPickerColorSelected;
+    readonly color: Color4;
+}
+export interface ToolbarDropdownShownEvent {
+    readonly kind: EditorEventType.ToolbarDropdownShown;
+    readonly parentWidget: BaseWidget;
+}
+export type EditorEventDataType = EditorToolEvent | EditorObjectEvent | EditorViewportChangedEvent | DisplayResizedEvent | EditorUndoStackUpdated | CommandDoneEvent | CommandUndoneEvent | ColorPickerToggled | ColorPickerColorSelected | ToolbarDropdownShownEvent;
+export type OnProgressListener = (amountProcessed: number, totalToProcess: number) => Promise<void> | null | void;
+export type ComponentAddedListener = (component: AbstractComponent) => Promise<void> | void;
+export type OnDetermineExportRectListener = (exportRect: Rect2) => void;
+export interface ImageLoader {
+    start(onAddComponent: ComponentAddedListener, onProgressListener: OnProgressListener, onDetermineExportRect?: OnDetermineExportRectListener): Promise<void>;
+}
+export interface StrokeDataPoint {
+    pos: Point2;
+    width: number;
+    time: number;
+    color: Color4;
+}
+export {};

package/dist/mjs/src/util/assertions.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Compile-time assertion that a branch of code is unreachable.
+ * @internal
+ */
+export declare const assertUnreachable: (key: never) => never;
+/**
+ * Throws an exception if the typeof given value is not a number or `value` is NaN.
+ *
+ * @example
+ * ```ts
+ * const foo: unknown = 3;
+ * assertIsNumber(foo);
+ *
+ * assertIsNumber('hello, world'); // throws an Error.
+ * ```
+ *
+ *
+ */
+export declare const assertIsNumber: (value: any, allowNaN?: boolean) => value is number;
+/**
+ * Throws if any of `values` is not of type number.
+ */
+export declare const assertIsNumberArray: (values: any[], allowNaN?: boolean) => values is number[];

package/dist/mjs/src/util/fileToBase64.d.ts

@@ -0,0 +1,3 @@
+type ProgressListener = (evt: ProgressEvent<FileReader>) => void;
+declare const fileToBase64: (file: File, onprogress?: ProgressListener) => Promise<string | null>;
+export default fileToBase64;

package/dist/mjs/src/util/untilNextAnimationFrame.d.ts

@@ -0,0 +1,3 @@
+/** @internal */
+declare const untilNextAnimationFrame: () => Promise<void>;
+export default untilNextAnimationFrame;

package/dist/mjs/src/util/waitForTimeout.d.ts

@@ -0,0 +1,2 @@
+declare const waitForTimeout: (timeout: number) => Promise<void>;
+export default waitForTimeout;

package/package.json

@@ -1,59 +1,58 @@
 {
 	"name": "js-draw",
-	"version": "0.17.4",
+	"version": "0.18.0",
 	"description": "Draw pictures using a pen, touchscreen, or mouse! JS-draw is a drawing library for JavaScript and TypeScript. ",
-	"main": "./dist/src/lib.d.ts",
-	"types": "./dist/src/lib.js",
+	"types": "./dist/cjs/src/lib.d.ts",
+	"main": "./dist/cjs/src/lib.mjs",
 	"exports": {
 		".": {
-			"types": "./dist/src/lib.d.ts",
-			"default": "./dist/src/lib.js"
-		},
-		"./getLocalizationTable": {
-			"types": "./dist/src/localizations/getLocalizationTable.d.ts",
-			"default": "./dist/src/localizations/getLocalizationTable.js"
+			"types": "./dist/cjs/src/lib.d.ts",
+			"import": "./dist/mjs/src/lib.mjs",
+			"require": "./dist/cjs/src/lib.js"
 		},
 		"./styles": {
 			"default": "./src/styles.js"
 		},
+		"./Editor.css": {
+			"default": "./src/Editor.css"
+		},
+		"./bundle": {
+			"types": "./dist/mjs/src/bundle/bundled.d.ts",
+			"default": "./dist/bundle.js"
+		},
 		"./Editor": {
-			"types": "./dist/src/Editor.d.ts",
-			"default": "./dist/src/Editor.js"
+			"types": "./dist/mjs/src/Editor.d.ts",
+			"default": "./dist/mjs/src/Editor.mjs"
 		},
 		"./types": {
-			"types": "./dist/src/types.d.ts",
-			"default": "./dist/src/types.js"
+			"types": "./dist/mjs/src/types.d.ts",
+			"default": "./dist/mjs/src/types.mjs"
 		},
 		"./localization": {
-			"types": "./dist/src/localization.d.ts",
-			"default": "./dist/src/localization.js"
+			"types": "./dist/mjs/src/localization.d.ts",
+			"default": "./dist/mjs/src/localization.mjs"
 		},
 		"./toolbar/HTMLToolbar": {
-			"types": "./dist/src/toolbar/HTMLToolbar.d.ts",
-			"default": "./dist/src/toolbar/HTMLToolbar.js"
-		},
-		"./Editor.css": {
-			"default": "./src/Editor.css"
+			"types": "./dist/mjs/src/toolbar/HTMLToolbar.d.ts",
+			"default": "./dist/mjs/src/toolbar/HTMLToolbar.mjs"
 		},
 		"./math": {
-			"types": "./dist/src/math/lib.d.ts",
-			"default": "./dist/src/math/lib.js"
+			"types": "./dist/mjs/src/math/lib.d.ts",
+			"import": "./dist/mjs/src/math/lib.mjs",
+			"require": "./dist/cjs/src/math/lib.js"
 		},
 		"./Color4": {
-			"types": "./dist/src/Color4.d.ts",
-			"default": "./dist/src/Color4.js"
+			"types": "./dist/mjs/src/Color4.d.ts",
+			"import": "./dist/mjs/src/Color4.mjs",
+			"require": "./dist/cjs/src/Color4.js"
 		},
 		"./components": {
-			"types": "./dist/src/components/lib.d.ts",
-			"default": "./dist/src/components/lib.js"
+			"types": "./dist/mjs/src/components/lib.d.ts",
+			"default": "./dist/mjs/src/components/lib.mjs"
 		},
 		"./commands": {
-			"types": "./dist/src/commands/lib.d.ts",
-			"default": "./dist/src/commands/lib.js"
-		},
-		"./bundle": {
-			"types": "./dist/src/bundle/bundled.d.ts",
-			"default": "./dist/bundle.js"
+			"types": "./dist/mjs/src/commands/lib.d.ts",
+			"default": "./dist/mjs/src/commands/lib.mjs"
 		}
 	},
 	"repository": {
@@ -65,7 +64,9 @@
 	"private": false,
 	"scripts": {
 		"test": "jest",
-		"build": "rm -rf ./dist; mkdir dist && yarn tsc && ts-node ./build_tools/bundle.ts",
+		"dist-test": "cd dist-test/test_imports && yarn install && yarn test",
+		"dist": "yarn build && yarn dist-test",
+		"build": "rm -rf ./dist; mkdir dist && tsc -p tsconfig.mjs.json && tsc && ts-node ./build_tools/postDist.ts && ts-node ./build_tools/bundle.ts",
 		"doc": "typedoc --options typedoc.json",
 		"watch-docs": "typedoc --watch --options typedoc.json",
 		"lint": "eslint .",

package/src/Color4.ts

@@ -232,3 +232,5 @@ export default class Color4 {
 	public static gray = Color4.ofRGB(0.5, 0.5, 0.5);
 	public static white = Color4.ofRGB(1, 1, 1);
 }
+
+export { Color4 };

package/tsconfig.json

@@ -1,7 +1,8 @@
 {
 	"compilerOptions": {
 		"alwaysStrict": true,
-		"target": "ES2015",
+		"target": "ES6",
+		"module": "CommonJS",
 		"forceConsistentCasingInFileNames": true,
 		"listEmittedFiles": false,
 		"noFallthroughCasesInSwitch": true,
@@ -14,7 +15,7 @@
 		"esModuleInterop": true,
 		"moduleResolution": "Node",
 		"declaration": true,
-		"outDir": "dist/",
+		"outDir": "dist/cjs",
 	},
 	"include": [
 		"**/*.ts",

package/tsconfig.mjs.json

@@ -0,0 +1,9 @@
+{
+	"extends": "./tsconfig.json",
+	"compilerOptions": {
+		"alwaysStrict": true,
+		"target": "ES6",
+		"module": "ES6",
+		"outDir": "dist/mjs",
+	}
+}