@ryupold/vode 0.9.3 → 0.9.4

package/tsconfig.json

@@ -1,29 +1,31 @@
-{
-  "compilerOptions": {
-    "target": "es2024",
-    "module": "preserve",
-    "moduleResolution": "bundler",
-    "rootDir": ".",
-    "composite": true,
-    "declarationMap": true,
-    "removeComments": true,
-    "declaration": true,
-    "inlineSourceMap": true,
-    "strict": true,
-    "allowSyntheticDefaultImports": true,
-    "strictBindCallApply": true,
-    "strictFunctionTypes": true,
-    "strictPropertyInitialization": true,
-    "strictNullChecks": true,
-    "allowJs": false,
-    "skipLibCheck": true,
-    "noImplicitReturns": true,
-    "noFallthroughCasesInSwitch": true,
-    "downlevelIteration": true,
-    "isolatedModules": true
-  },
-  "include": [
-    "./index.ts",
-    "./src/**/*.ts",
-  ]
+{
+  "compilerOptions": {
+    "target": "es2024",
+    "module": "preserve",
+    "moduleResolution": "bundler",
+    "rootDir": ".",
+    "composite": true,
+    "declarationMap": true,
+    "removeComments": true,
+    "declaration": true,
+    "inlineSourceMap": true,
+    "strict": true,
+    "allowSyntheticDefaultImports": true,
+    "strictBindCallApply": true,
+    "strictFunctionTypes": true,
+    "strictPropertyInitialization": true,
+    "strictNullChecks": true,
+    "allowJs": false,
+    "skipLibCheck": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "downlevelIteration": true,
+    "isolatedModules": true
+  },
+  "include": [
+    "./index.ts",
+    "./src/vode.ts",
+    "./src/vode-tags.ts",
+    "./src/html.ts",
+  ]
 }

package/index.js

@@ -1,6 +0,0 @@
-export * from "./src/vode.js";
-export * from "./src/vode-tags.js";
-export * from "./src/api-call.js";
-export * from "./src/html.js";
-export * from "./src/helpers.js";
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJpbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxrQkFBa0IsQ0FBQyJ9

package/src/api-call.ts

@@ -1,116 +0,0 @@
-import { Dispatch, Effect } from "./vode.js";
-
-export const aborted = new Error("aborted");
-
-export const metricDefaults = () => ({
-    metrics: {
-        requestCount: 0,
-        download: 0,
-        upload: 0,
-    },
-});
-
-
-/**
- * Make HTTP Request
- * @param {ApiCallOptions} options 
- * @param {Dispatch?} dispatch 
- * @returns {Promise<any>} promise wrapping the http request resolving in the response if status < 400, otherwise rejecting with the response
- */
-export function httpRequest<S extends object | unknown>(options: {
-    url: string,
-    method: string,
-    headers?: Record<string, string>,
-    data?: any,
-    timeout?: number,
-    withCredentials?: boolean,
-    metrics?: {
-        requestCount: number,
-        download: number,
-        upload: number,
-    },
-}, dispatch?: {
-    patch: Dispatch<S>,
-    action?: Effect<S>,
-    abortAction?: Effect<S>,
-    errAction?: Effect<S>,
-    progressAction?: Effect<S>,
-    uploadProgressAction?: Effect<S>
-}): Promise<any> & { abort: () => void } {
-    const xhr = new XMLHttpRequest();
-    const promise = new Promise((resolve, reject) => {
-        if (!options.metrics) options.metrics = metricDefaults().metrics;
-        if (options.metrics) options.metrics.requestCount++;
-
-        xhr.withCredentials = options.withCredentials === undefined || options.withCredentials;
-        if (options.timeout) xhr.timeout = options.timeout;
-
-        xhr.addEventListener("timeout", (err) => {
-            reject(err || new Error("timeout"));
-            if (dispatch?.errAction) {
-                dispatch.patch([dispatch.errAction, err]);
-            }
-        });
-
-        if (dispatch?.uploadProgressAction) {
-            xhr.upload.addEventListener("progress", (event) => {
-                if (event.lengthComputable) {
-                    if (options.metrics && event.loaded) options.metrics.upload += event.loaded;
-                    dispatch.patch([dispatch.uploadProgressAction,
-                    { loaded: event.loaded, total: event.total }]);
-                }
-            });
-        }
-
-        if (dispatch?.progressAction) {
-            xhr.addEventListener("progress", (event) => {
-                console.log("progress", event);
-                if (event.lengthComputable) {
-                    if (options.metrics && event.loaded) options.metrics.download += event.loaded;
-                    dispatch.patch([dispatch.progressAction, event]);
-                }
-            });
-        }
-
-        xhr.addEventListener("loadend", (e: ProgressEvent<XMLHttpRequestEventTarget>) => {
-            if (xhr.readyState === 4) {
-                if (options.metrics && (e.loaded)) {
-                    options.metrics.download += e.loaded;
-                }
-                if (xhr.status < 400) {
-                    resolve(xhr.response);
-                    dispatch?.action && dispatch.patch(<Effect<S>>[dispatch.action, xhr.response]);
-                }
-                else {
-                    reject({ status: xhr.status, statusText: xhr.statusText, response: xhr.response });
-                }
-            }
-        });
-
-
-
-        xhr.addEventListener("abort", () => {
-            reject(aborted);
-            if (dispatch?.abortAction) {
-                dispatch.patch([dispatch.abortAction, aborted]);
-            }
-        });
-
-        xhr.addEventListener("error", (err) => {
-            reject(err);
-            if (dispatch?.errAction) {
-                dispatch.patch([dispatch.errAction, err]);
-            }
-        });
-
-        xhr.open(options.method, options.url, true);
-        if (options.headers) {
-            for (const key in options.headers) {
-                xhr.setRequestHeader(key, options.headers[key]);
-            }
-        }
-        xhr.send(options.data);
-    });
-    (<any>promise).abort = () => xhr.abort();
-    return <any>promise;
-}

package/src/helpers.ts

@@ -1,44 +0,0 @@
-import { DeepPartial } from "./vode.js";
-
-type KeyPath<ObjectType extends object> =
-    { [Key in keyof ObjectType & (string | number)]: ObjectType[Key] extends object
-        ? `${Key}` | `${Key}.${KeyPath<ObjectType[Key]>}`
-        : `${Key}`
-    }[keyof ObjectType & (string | number)];
-
-/** put a value deep inside an object addressed by a key path (creating necessary structure on the way). if target is null, a new object is created */
-export function put<O extends object | unknown>(keyPath: O extends object ? KeyPath<O> : string, value: any = undefined, target: DeepPartial<O> | null = null) {
-    if (!target) target = {} as O as any;
-
-    const keys = keyPath.split('.');
-    if (keys.length > 1) {
-        let i = 0;
-        let raw = (<any>target)[keys[i]];
-        if (raw === undefined) {
-            (<any>target)[keys[i]] = raw = {};
-        }
-        for (i = 1; i < keys.length - 1; i++) {
-            const p = raw;
-            raw = raw[keys[i]];
-            if (raw === undefined) {
-                raw = {};
-                p[keys[i]] = raw;
-            }
-        }
-        if (keys[i] === undefined) console.log(keyPath);
-        raw[keys[i]] = value;
-    } else {
-        (<any>target)[keys[0]] = value;
-    }
-    return target
-}
-
-/** get a value deep inside an object by its key path */
-export function get<O extends object | unknown>(keyPath: O extends object ? KeyPath<O> : string, source: DeepPartial<O>) {
-    const keys = keyPath.split('.');
-    let raw = source ? (<any>source)[keys[0]] : undefined;
-    for (let i = 1; i < keys.length && !!raw; i++) {
-        raw = raw[keys[i]];
-    }
-    return raw;
-}

package/src/style.ts

@@ -1,17 +0,0 @@
-import { StyleProp } from "./vode.js";
-
-
-function generateCSS(style: StyleProp) {
-    let css = '';
-    for (const key in style) {
-        const value = style[key];
-        //transform camelCase to kebab-case
-        const kebab = key.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
-        css += `${kebab}:${value};`;
-    }
-    return css;
-}
-
-function keyToKebab(key: string) : string {
-    return key.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
-}