style: update all sources, use tabs instead of spaces

- update prettier config
- update all *.ts, *.json files

.prettierrc

@@ -1,5 +1,8 @@
 {
+    "useTabs": true,
     "tabWidth": 4,
+    "semi": true,
+    "singleQuote": false,
     "arrowParens": "always",
     "endOfLine": "lf"
-}
+}

examples/adaptive-threshold/package.json

@@ -1,40 +1,40 @@
 {
-    "name": "@example/adaptive-threshold",
-    "private": true,
-    "version": "0.0.1",
-    "description": "Interactive image processing (adaptive threshold)",
-    "repository": "https://github.com/thi-ng/umbrella",
-    "author": "Karsten Schmidt <[email protected]>",
-    "license": "Apache-2.0",
-    "scripts": {
-        "start": "vite --open",
-        "build": "tsc && vite build --base='./'",
-        "preview": "vite preview --host --open"
-    },
-    "dependencies": {
-        "@thi.ng/api": "workspace:^",
-        "@thi.ng/paths": "workspace:^",
-        "@thi.ng/pixel": "workspace:^",
-        "@thi.ng/rstream": "workspace:^",
-        "@thi.ng/transducers": "workspace:^",
-        "@thi.ng/transducers-hdom": "workspace:^"
-    },
-    "browser": {
-        "process": false,
-        "setTimeout": false,
-        "util": false
-    },
-    "thi.ng": {
-        "readme": [
-            "pixel",
-            "rstream",
-            "transducers",
-            "transducers-hdom"
-        ],
-        "screenshot": "examples/adaptive-threshold.png"
-    },
-    "devDependencies": {
-        "typescript": "^4.7.4",
-        "vite": "^3.0.0"
-    }
+	"name": "@example/adaptive-threshold",
+	"private": true,
+	"version": "0.0.1",
+	"description": "Interactive image processing (adaptive threshold)",
+	"repository": "https://github.com/thi-ng/umbrella",
+	"author": "Karsten Schmidt <[email protected]>",
+	"license": "Apache-2.0",
+	"scripts": {
+		"start": "vite --open",
+		"build": "tsc && vite build --base='./'",
+		"preview": "vite preview --host --open"
+	},
+	"dependencies": {
+		"@thi.ng/api": "workspace:^",
+		"@thi.ng/paths": "workspace:^",
+		"@thi.ng/pixel": "workspace:^",
+		"@thi.ng/rstream": "workspace:^",
+		"@thi.ng/transducers": "workspace:^",
+		"@thi.ng/transducers-hdom": "workspace:^"
+	},
+	"browser": {
+		"process": false,
+		"setTimeout": false,
+		"util": false
+	},
+	"thi.ng": {
+		"readme": [
+			"pixel",
+			"rstream",
+			"transducers",
+			"transducers-hdom"
+		],
+		"screenshot": "examples/adaptive-threshold.png"
+	},
+	"devDependencies": {
+		"typescript": "^4.7.4",
+		"vite": "^3.0.0"
+	}
 }

examples/adaptive-threshold/src/api.ts

@@ -9,21 +9,21 @@ export const SET_KERNEL_OFFSET = "set-kernel-offset";
 
 // define all possible event structures/signatures
 export interface EventTypeMap {
-    [SET_IMAGE]: [typeof SET_IMAGE, File];
-    [UPDATE_IMAGE]: [typeof UPDATE_IMAGE];
-    [SET_KERNEL_WIDTH]: [typeof SET_KERNEL_WIDTH, number];
-    [SET_KERNEL_OFFSET]: [typeof SET_KERNEL_OFFSET, number];
+	[SET_IMAGE]: [typeof SET_IMAGE, File];
+	[UPDATE_IMAGE]: [typeof UPDATE_IMAGE];
+	[SET_KERNEL_WIDTH]: [typeof SET_KERNEL_WIDTH, number];
+	[SET_KERNEL_OFFSET]: [typeof SET_KERNEL_OFFSET, number];
 }
 
 export type EventType = keyof EventTypeMap;
 
 export type Event = Val1<EventTypeMap, EventType>;
 
 export interface AppState {
-    srcImg?: FloatBuffer;
-    destImg?: FloatBuffer;
-    threshold: {
-        windowSize: number;
-        offset: number;
-    };
+	srcImg?: FloatBuffer;
+	destImg?: FloatBuffer;
+	threshold: {
+		windowSize: number;
+		offset: number;
+	};
 }

examples/adaptive-threshold/src/events.ts

@@ -8,13 +8,13 @@ import { stream } from "@thi.ng/rstream/stream";
 import { trace } from "@thi.ng/rstream/trace";
 import type { Transducer } from "@thi.ng/transducers";
 import {
-    type Event,
-    type EventType,
-    type EventTypeMap,
-    SET_IMAGE,
-    SET_KERNEL_OFFSET,
-    SET_KERNEL_WIDTH,
-    UPDATE_IMAGE,
+	type Event,
+	type EventType,
+	type EventTypeMap,
+	SET_IMAGE,
+	SET_KERNEL_OFFSET,
+	SET_KERNEL_WIDTH,
+	UPDATE_IMAGE,
 } from "./api";
 import { state } from "./state";
 import { adaptiveThreshold } from "./threshold";
@@ -41,7 +41,7 @@ events.subscribe(eventProc);
 /**
  * Event dispatch function. Sends given event into the event stream.
  *
- * @param e - 
+ * @param e -
  */
 export const dispatch = (e: Event) => events.next(e);
 
@@ -51,69 +51,69 @@ export const dispatch = (e: Event) => events.next(e);
  * The handler's subscription also includes an error handler to display
  * errors in the console.
  *
- * @param id - 
- * @param handler - 
- * @param xform - 
+ * @param id -
+ * @param handler -
+ * @param xform -
  */
 export const defHandler = <E extends EventType>(
-    id: E,
-    handler: Fn<EventTypeMap[E], void>,
-    xform?: Transducer<Event, Event>
+	id: E,
+	handler: Fn<EventTypeMap[E], void>,
+	xform?: Transducer<Event, Event>
 ) => {
-    const sub: ISubscriber<Event> = {
-        next: <Fn<Event, void>>handler,
-        error: (e) => {
-            console.warn(e);
-            return false;
-        },
-    };
-    return xform
-        ? eventProc.subscribeTopic(id, sub, { xform })
-        : eventProc.subscribeTopic(id, sub);
+	const sub: ISubscriber<Event> = {
+		next: <Fn<Event, void>>handler,
+		error: (e) => {
+			console.warn(e);
+			return false;
+		},
+	};
+	return xform
+		? eventProc.subscribeTopic(id, sub, { xform })
+		: eventProc.subscribeTopic(id, sub);
 };
 
 // event handlers
 
 defHandler(SET_IMAGE, ([_, file]) => {
-    const reader = new FileReader();
-    reader.onload = async (e: any) => {
-        const img = new Image();
-        img.src = e.target.result;
-        await img.decode();
-        state.next(
-            setIn(
-                state.deref()!,
-                ["srcImg"],
-                floatBufferFromImage(img, FLOAT_GRAY)
-            )
-        );
-        dispatch([UPDATE_IMAGE]);
-    };
-    reader.readAsDataURL(file);
+	const reader = new FileReader();
+	reader.onload = async (e: any) => {
+		const img = new Image();
+		img.src = e.target.result;
+		await img.decode();
+		state.next(
+			setIn(
+				state.deref()!,
+				["srcImg"],
+				floatBufferFromImage(img, FLOAT_GRAY)
+			)
+		);
+		dispatch([UPDATE_IMAGE]);
+	};
+	reader.readAsDataURL(file);
 });
 
 defHandler(UPDATE_IMAGE, () => {
-    const curr = state.deref()!;
-    // create & store threshold image in state
-    state.next(
-        setIn(
-            curr,
-            ["destImg"],
-            adaptiveThreshold(
-                curr.srcImg!,
-                curr.threshold.windowSize,
-                curr.threshold.offset
-            )
-        )
-    );
+	const curr = state.deref()!;
+	// create & store threshold image in state
+	state.next(
+		setIn(
+			curr,
+			["destImg"],
+			adaptiveThreshold(
+				curr.srcImg!,
+				curr.threshold.windowSize,
+				curr.threshold.offset
+			)
+		)
+	);
 });
 
 defHandler(SET_KERNEL_WIDTH, ([_, width]) => {
-    state.next(setIn(state.deref()!, ["threshold", "windowSize"], width));
-    dispatch([UPDATE_IMAGE]);
+	state.next(setIn(state.deref()!, ["threshold", "windowSize"], width));
+	dispatch([UPDATE_IMAGE]);
 });
 
 defHandler(SET_KERNEL_OFFSET, ([_, offset]) => {
-    state.next(setIn(state.deref()!, ["threshold", "offset"], offset));
-    dispatch([UPDATE_IMAGE]);
+	state.next(setIn(state.deref()!, ["threshold", "offset"], offset));
+	dispatch([UPDATE_IMAGE]);
 });