samcan 0.0.2 → 0.1.0

package/dist/engine/index.d.cts

@@ -0,0 +1,183 @@
+type camera = [number, number, number, number];
+type vector2 = [number, number];
+type rectangle = [number, number, number, number];
+type transform = [number, number, number, number, number, number];
+type viewport = [number, number, number];
+type color = [number, number, number, number];
+type circle = [number, number, number];
+declare const path_move = 0;
+declare const path_line = 1;
+declare const path_cubic = 2;
+declare const path_close = 3;
+type path_command_move = [typeof path_move, number, number];
+type path_command_line = [typeof path_line, number, number];
+type path_command_cubic = [typeof path_cubic, number, number, number, number, number, number];
+type path_command_close = [typeof path_close];
+type path_command = path_command_move | path_command_line | path_command_cubic | path_command_close;
+type path = {
+	readonly commands: readonly path_command[];
+	readonly bounds: rectangle;
+};
+type draw_style = {
+	readonly fill: color | null;
+	readonly stroke: color | null;
+	readonly stroke_width: number;
+	readonly line_cap: number;
+	readonly line_join: number;
+	readonly miter_limit: number;
+	readonly alpha: number;
+};
+type image_source = HTMLImageElement | HTMLCanvasElement | ImageBitmap;
+type renderer = {
+	readonly kind: number;
+	readonly width: number;
+	readonly height: number;
+	readonly pixel_ratio: number;
+	begin_frame: () => void;
+	end_frame: () => void;
+	set_transform: (t: transform) => void;
+	reset_transform: () => void;
+	save: () => void;
+	restore: () => void;
+	draw_path: (p: path, s: draw_style) => void;
+	draw_rectangle: (r: rectangle, s: draw_style) => void;
+	draw_circle: (c: circle, s: draw_style) => void;
+	draw_line: (a: vector2, b: vector2, s: draw_style) => void;
+	draw_polyline: (points: readonly vector2[], s: draw_style) => void;
+	draw_image: (image: image_source, r: rectangle, opacity: number, version?: number) => void;
+	clip_rectangle: (r: rectangle) => void;
+	clear: (c: color) => void;
+	resize: (width: number, height: number, pixel_ratio: number) => void;
+	dispose: () => void;
+};
+type image_asset = {
+	id: string;
+	src: string;
+	width: number;
+	height: number;
+};
+type spline_segment = {
+	a: number;
+	b: number;
+	c: number;
+	d: number;
+	x_start: number;
+	x_end: number;
+};
+type spline = {
+	segments_x: spline_segment[];
+	segments_y: spline_segment[];
+	point_count: number;
+};
+declare const element_type_stroke = 0;
+declare const element_type_shape = 1;
+declare const element_type_image = 2;
+declare const element_type_text = 3;
+type stroke_element = {
+	type: typeof element_type_stroke;
+	id: string;
+	bounds: rectangle;
+	z_index: number;
+	layer_id: string;
+	group_id: string | null;
+	points: vector2[];
+	pressure: number[] | null;
+	color: color;
+	width: number;
+	simplified_points: vector2[] | null;
+	spline: spline | null;
+};
+type shape_element = {
+	type: typeof element_type_shape;
+	id: string;
+	bounds: rectangle;
+	z_index: number;
+	layer_id: string;
+	group_id: string | null;
+	shape_type: number;
+	fill_color: color | null;
+	stroke_color: color | null;
+	stroke_width: number;
+	start_point: vector2 | null;
+	end_point: vector2 | null;
+};
+type image_element = {
+	type: typeof element_type_image;
+	id: string;
+	bounds: rectangle;
+	z_index: number;
+	layer_id: string;
+	group_id: string | null;
+	asset_id: string | null;
+	src: string;
+	original_width: number;
+	original_height: number;
+	opacity: number;
+	loaded: boolean;
+	load_error: boolean;
+	bitmap: ImageBitmap | HTMLImageElement | null;
+};
+type text_element = {
+	type: typeof element_type_text;
+	id: string;
+	bounds: rectangle;
+	z_index: number;
+	layer_id: string;
+	group_id: string | null;
+	content: string;
+	font_family: string;
+	font_size: number;
+	color: color;
+	align: number;
+};
+type element = stroke_element | shape_element | image_element | text_element;
+type layer = {
+	id: string;
+	name: string;
+	visible: boolean;
+	locked: boolean;
+	opacity: number;
+	element_ids: string[];
+};
+type document = {
+	id: string;
+	elements: Map<string, element>;
+	layers: layer[];
+	active_layer_id: string;
+	assets: Map<string, image_asset>;
+	bounds: rectangle;
+	element_count: number;
+};
+type engine_options = {
+	readonly prefer_webgl?: boolean;
+	readonly path_cache_size?: number;
+	readonly document?: document;
+	readonly camera?: camera;
+	readonly background?: color;
+	readonly background_image?: image_source;
+};
+type engine = {
+	renderer: renderer;
+	document: document;
+	camera: camera;
+	viewport: viewport;
+	background: color;
+	background_image: image_source | null;
+};
+type overlay_draw = (drawer: renderer) => void;
+declare function create_engine(canvas: HTMLCanvasElement, options?: engine_options): engine | null;
+declare function dispose_engine(state: engine): void;
+declare function set_document_engine(state: engine, doc: document): engine;
+declare function set_background_engine(state: engine, value: color): engine;
+declare function set_background_image_engine(state: engine, value: image_source | null): engine;
+declare function set_camera_engine(state: engine, x: number, y: number, zoom: number, rotation?: number): engine;
+declare function pan_engine(state: engine, dx: number, dy: number): engine;
+declare function zoom_engine(state: engine, factor: number): engine;
+declare function zoom_at_engine(state: engine, factor: number, screen_x: number, screen_y: number): engine;
+declare function resize_engine(state: engine, width: number, height: number, pixel_ratio?: number): engine;
+declare function world_to_screen_engine(state: engine, world: vector2, out: vector2): vector2;
+declare function screen_to_world_engine(state: engine, screen: vector2, out: vector2): vector2;
+declare function visible_bounds_world_engine(state: engine): rectangle;
+declare function render_engine(state: engine): void;
+declare function render_engine_with_overlay(state: engine, overlay: overlay_draw | null): void;
+export { zoom_engine, zoom_at_engine, world_to_screen_engine, visible_bounds_world_engine, set_document_engine, set_camera_engine, set_background_image_engine, set_background_engine, screen_to_world_engine, resize_engine, render_engine_with_overlay, render_engine, pan_engine, overlay_draw, engine_options, engine, dispose_engine, create_engine };

package/dist/engine/index.d.ts

@@ -0,0 +1,183 @@
+type camera = [number, number, number, number];
+type vector2 = [number, number];
+type rectangle = [number, number, number, number];
+type transform = [number, number, number, number, number, number];
+type viewport = [number, number, number];
+type color = [number, number, number, number];
+type circle = [number, number, number];
+declare const path_move = 0;
+declare const path_line = 1;
+declare const path_cubic = 2;
+declare const path_close = 3;
+type path_command_move = [typeof path_move, number, number];
+type path_command_line = [typeof path_line, number, number];
+type path_command_cubic = [typeof path_cubic, number, number, number, number, number, number];
+type path_command_close = [typeof path_close];
+type path_command = path_command_move | path_command_line | path_command_cubic | path_command_close;
+type path = {
+	readonly commands: readonly path_command[];
+	readonly bounds: rectangle;
+};
+type draw_style = {
+	readonly fill: color | null;
+	readonly stroke: color | null;
+	readonly stroke_width: number;
+	readonly line_cap: number;
+	readonly line_join: number;
+	readonly miter_limit: number;
+	readonly alpha: number;
+};
+type image_source = HTMLImageElement | HTMLCanvasElement | ImageBitmap;
+type renderer = {
+	readonly kind: number;
+	readonly width: number;
+	readonly height: number;
+	readonly pixel_ratio: number;
+	begin_frame: () => void;
+	end_frame: () => void;
+	set_transform: (t: transform) => void;
+	reset_transform: () => void;
+	save: () => void;
+	restore: () => void;
+	draw_path: (p: path, s: draw_style) => void;
+	draw_rectangle: (r: rectangle, s: draw_style) => void;
+	draw_circle: (c: circle, s: draw_style) => void;
+	draw_line: (a: vector2, b: vector2, s: draw_style) => void;
+	draw_polyline: (points: readonly vector2[], s: draw_style) => void;
+	draw_image: (image: image_source, r: rectangle, opacity: number, version?: number) => void;
+	clip_rectangle: (r: rectangle) => void;
+	clear: (c: color) => void;
+	resize: (width: number, height: number, pixel_ratio: number) => void;
+	dispose: () => void;
+};
+type image_asset = {
+	id: string;
+	src: string;
+	width: number;
+	height: number;
+};
+type spline_segment = {
+	a: number;
+	b: number;
+	c: number;
+	d: number;
+	x_start: number;
+	x_end: number;
+};
+type spline = {
+	segments_x: spline_segment[];
+	segments_y: spline_segment[];
+	point_count: number;
+};
+declare const element_type_stroke = 0;
+declare const element_type_shape = 1;
+declare const element_type_image = 2;
+declare const element_type_text = 3;
+type stroke_element = {
+	type: typeof element_type_stroke;
+	id: string;
+	bounds: rectangle;
+	z_index: number;
+	layer_id: string;
+	group_id: string | null;
+	points: vector2[];
+	pressure: number[] | null;
+	color: color;
+	width: number;
+	simplified_points: vector2[] | null;
+	spline: spline | null;
+};
+type shape_element = {
+	type: typeof element_type_shape;
+	id: string;
+	bounds: rectangle;
+	z_index: number;
+	layer_id: string;
+	group_id: string | null;
+	shape_type: number;
+	fill_color: color | null;
+	stroke_color: color | null;
+	stroke_width: number;
+	start_point: vector2 | null;
+	end_point: vector2 | null;
+};
+type image_element = {
+	type: typeof element_type_image;
+	id: string;
+	bounds: rectangle;
+	z_index: number;
+	layer_id: string;
+	group_id: string | null;
+	asset_id: string | null;
+	src: string;
+	original_width: number;
+	original_height: number;
+	opacity: number;
+	loaded: boolean;
+	load_error: boolean;
+	bitmap: ImageBitmap | HTMLImageElement | null;
+};
+type text_element = {
+	type: typeof element_type_text;
+	id: string;
+	bounds: rectangle;
+	z_index: number;
+	layer_id: string;
+	group_id: string | null;
+	content: string;
+	font_family: string;
+	font_size: number;
+	color: color;
+	align: number;
+};
+type element = stroke_element | shape_element | image_element | text_element;
+type layer = {
+	id: string;
+	name: string;
+	visible: boolean;
+	locked: boolean;
+	opacity: number;
+	element_ids: string[];
+};
+type document = {
+	id: string;
+	elements: Map<string, element>;
+	layers: layer[];
+	active_layer_id: string;
+	assets: Map<string, image_asset>;
+	bounds: rectangle;
+	element_count: number;
+};
+type engine_options = {
+	readonly prefer_webgl?: boolean;
+	readonly path_cache_size?: number;
+	readonly document?: document;
+	readonly camera?: camera;
+	readonly background?: color;
+	readonly background_image?: image_source;
+};
+type engine = {
+	renderer: renderer;
+	document: document;
+	camera: camera;
+	viewport: viewport;
+	background: color;
+	background_image: image_source | null;
+};
+type overlay_draw = (drawer: renderer) => void;
+declare function create_engine(canvas: HTMLCanvasElement, options?: engine_options): engine | null;
+declare function dispose_engine(state: engine): void;
+declare function set_document_engine(state: engine, doc: document): engine;
+declare function set_background_engine(state: engine, value: color): engine;
+declare function set_background_image_engine(state: engine, value: image_source | null): engine;
+declare function set_camera_engine(state: engine, x: number, y: number, zoom: number, rotation?: number): engine;
+declare function pan_engine(state: engine, dx: number, dy: number): engine;
+declare function zoom_engine(state: engine, factor: number): engine;
+declare function zoom_at_engine(state: engine, factor: number, screen_x: number, screen_y: number): engine;
+declare function resize_engine(state: engine, width: number, height: number, pixel_ratio?: number): engine;
+declare function world_to_screen_engine(state: engine, world: vector2, out: vector2): vector2;
+declare function screen_to_world_engine(state: engine, screen: vector2, out: vector2): vector2;
+declare function visible_bounds_world_engine(state: engine): rectangle;
+declare function render_engine(state: engine): void;
+declare function render_engine_with_overlay(state: engine, overlay: overlay_draw | null): void;
+export { zoom_engine, zoom_at_engine, world_to_screen_engine, visible_bounds_world_engine, set_document_engine, set_camera_engine, set_background_image_engine, set_background_engine, screen_to_world_engine, resize_engine, render_engine_with_overlay, render_engine, pan_engine, overlay_draw, engine_options, engine, dispose_engine, create_engine };

package/dist/engine/index.js

@@ -0,0 +1,111 @@
+import {
+  default_background,
+  pan_engine,
+  render_engine,
+  render_engine_with_overlay,
+  resize_engine,
+  sanitize_number_engine,
+  sanitize_zoom_engine,
+  screen_to_world_engine,
+  set_camera_engine,
+  visible_bounds_world_engine,
+  world_to_screen_engine,
+  zoom_at_engine,
+  zoom_engine
+} from "../shared/chunk-d6gxvapt.js";
+import {
+  create_camera
+} from "../shared/chunk-hewznwbd.js";
+import {
+  add_layer_document,
+  create_document,
+  create_layer
+} from "../shared/chunk-jdvrd5tv.js";
+import {
+  create_renderer,
+  create_renderer_config
+} from "../shared/chunk-s3qdcmcq.js";
+import"../shared/chunk-8ynnz57m.js";
+import"../shared/chunk-rvag1j46.js";
+import"../shared/chunk-35pkr0zs.js";
+import"../shared/chunk-wa3772hp.js";
+import"../shared/chunk-v53jprrn.js";
+
+// engine/create.ts
+function create_engine(canvas, options = {}) {
+  const defaults = create_renderer_config();
+  const renderer_config = {
+    prefer_webgl: options.prefer_webgl ?? defaults.prefer_webgl,
+    path_cache_size: options.path_cache_size ?? defaults.path_cache_size
+  };
+  const render_backend = create_renderer(canvas, renderer_config);
+  if (render_backend === null) {
+    return null;
+  }
+  const initial_width = Math.max(1, canvas.clientWidth || canvas.width || 1);
+  const initial_height = Math.max(1, canvas.clientHeight || canvas.height || 1);
+  const initial_pixel_ratio = Math.max(1, globalThis.devicePixelRatio || 1);
+  const initial_viewport = [initial_width, initial_height, initial_pixel_ratio];
+  render_backend.resize(initial_width, initial_height, initial_pixel_ratio);
+  let doc = options.document;
+  if (doc === undefined) {
+    const created = create_document("doc_0", "layer_0");
+    doc = add_layer_document(created, create_layer("layer_0", "Layer 1"));
+  }
+  const initial_camera = create_camera(0, 0, 1, 0);
+  if (options.camera !== undefined) {
+    initial_camera[0] = sanitize_number_engine(options.camera[0], 0);
+    initial_camera[1] = sanitize_number_engine(options.camera[1], 0);
+    initial_camera[2] = sanitize_zoom_engine(options.camera[2], 1);
+    initial_camera[3] = sanitize_number_engine(options.camera[3], 0);
+  }
+  return {
+    renderer: render_backend,
+    document: doc,
+    camera: initial_camera,
+    viewport: [initial_viewport[0], initial_viewport[1], initial_viewport[2]],
+    background: options.background ? [options.background[0], options.background[1], options.background[2], options.background[3]] : [
+      default_background[0],
+      default_background[1],
+      default_background[2],
+      default_background[3]
+    ],
+    background_image: options.background_image ?? null
+  };
+}
+function dispose_engine(state) {
+  state.renderer.dispose();
+}
+function set_document_engine(state, doc) {
+  state.document = doc;
+  return state;
+}
+function set_background_engine(state, value) {
+  state.background[0] = value[0];
+  state.background[1] = value[1];
+  state.background[2] = value[2];
+  state.background[3] = value[3];
+  return state;
+}
+function set_background_image_engine(state, value) {
+  state.background_image = value;
+  return state;
+}
+export {
+  zoom_engine,
+  zoom_at_engine,
+  world_to_screen_engine,
+  visible_bounds_world_engine,
+  set_document_engine,
+  set_camera_engine,
+  set_background_image_engine,
+  set_background_engine,
+  screen_to_world_engine,
+  resize_engine,
+  render_engine_with_overlay,
+  render_engine,
+  pan_engine,
+  dispose_engine,
+  create_engine
+};
+export { create_engine, dispose_engine, set_document_engine, set_background_engine, set_background_image_engine };