@ryupold/vode 0.9.3 → 0.9.5

package/.github/workflows/npm-publish.yml

@@ -13,12 +13,12 @@ jobs:
       id-token: write
     steps:
       - uses: actions/checkout@v4
-      # Setup .npmrc file to publish to npm
       - uses: actions/setup-node@v4
         with:
-          node-version: '20.x'
+          node-version: '22.x'
           registry-url: 'https://registry.npmjs.org'
-      - run: npm run build
-      - run: npm publish --provenance --access public
+      - uses: oven-sh/setup-bun@v2
+      - run: bun run build
+      - run: bun publish --provenance --access public
         env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
+          NPM_CONFIG_TOKEN: ${{ secrets.NPM_TOKEN }}

package/index.ts

@@ -1,5 +1,3 @@
 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";
+export * from "./src/html.js";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@ryupold/vode",
-    "version": "0.9.3",
+    "version": "0.9.5",
     "description": "Small web framework for minimal websites",
     "author": "Michael Scherbakow (ryupold)",
     "license": "MIT",
@@ -20,13 +20,16 @@
         "url": "https://github.com/ryupold/vode/issues"
     },
     "homepage": "https://github.com/ryupold/vode#readme",
-    "main": "index.js",
+    "module": "index.ts",
     "scripts": {
+        "build": "bun build index.ts --outfile index.js",
+        "pack": "rm *.tgz && bun run build && bun pm pack",
+        "publish": "bun publish --provenance --access public",
         "clean": "tsc -b --clean",
-        "build": "tsc -b",
         "watch": "tsc -b -w"
     },
     "devDependencies": {
+        "bun": "^1.2.18",
         "typescript": "^5.8.3"
     }
 }

package/tsconfig.json

@@ -24,6 +24,8 @@
   },
   "include": [
     "./index.ts",
-    "./src/**/*.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();
-}