@ktjs/shortcuts 0.7.3 → 0.19.0

package/README.md

@@ -2,10 +2,14 @@
 
 <img src="https://raw.githubusercontent.com/baendlorel/kt.js/dev/.assets/ktjs-0.0.1.svg" alt="KT.js Logo" width="150"/>
 
-> 📦 Part of [KT.js](https://raw.githubusercontent.com/baendlorel/kt.js/dev/README.md) - A simple and easy-to-use web framework that never re-renders.
+[![npm version](https://img.shields.io/npm/v/@ktjs/shortcuts.svg)](https://www.npmjs.com/package/@ktjs/shortcuts)
+
+> 📦 Part of [KT.js](https://github.com/baendlorel/kt.js) - A simple and easy-to-use web framework that never re-renders.
 
 Convenient shortcut functions for common DOM operations in KT.js.
 
+**Current Version:** 0.7.3
+
 ## Overview
 
 `@ktjs/shortcuts` provides convenient shorthand functions and utilities to make working with KT.js even more productive. It includes shortcuts for all HTML elements, form helpers, layout utilities, and the powerful `withDefaults` function for creating element factories with predefined properties.

package/dist/index.d.ts

@@ -24,78 +24,7 @@ declare const tbody: (attr?: _ktjs_core.KTRawAttr, content?: _ktjs_core.KTRawCon
 declare const tr: (attr?: _ktjs_core.KTRawAttr, content?: _ktjs_core.KTRawContent) => HTMLTableRowElement;
 declare const th: (attr?: _ktjs_core.KTRawAttr, content?: _ktjs_core.KTRawContent) => HTMLTableCellElement;
 declare const td: (attr?: _ktjs_core.KTRawAttr, content?: _ktjs_core.KTRawContent) => HTMLTableCellElement;
-declare const a: (attr?: _ktjs_core.KTRawAttr, content?: _ktjs_core.KTRawContent) => HTMLAnchorElement;
+declare const a: (attr?: _ktjs_core.KTRawAttr, content?: _ktjs_core.KTRawContent) => SVGAElement;
 declare const img: (attr?: _ktjs_core.KTRawAttr, content?: _ktjs_core.KTRawContent) => HTMLImageElement;
 
-type otherstring = string & {};
-
-/**
- * Used to create enhanced HTML elements
- */
-interface KTBaseAttribute {
-  [k: string]: any;
-
-  id?: string;
-  class?: string;
-  style?: string | Partial<CSSStyleDeclaration>;
-
-  type?:
-    | 'text'
-    | 'password'
-    | 'email'
-    | 'number'
-    | 'tel'
-    | 'url'
-    | 'search'
-    | 'date'
-    | 'datetime-local'
-    | 'time'
-    | 'month'
-    | 'week'
-    | 'color'
-    | 'range'
-    | 'file'
-    | 'checkbox'
-    | 'radio'
-    | 'hidden'
-    | 'submit'
-    | 'reset'
-    | 'button'
-    | 'image'
-    | otherstring;
-  for?: string;
-
-  name?: string;
-  value?: string;
-  valueAsDate?: Date;
-  valueAsNumber?: number;
-  label?: string;
-  disabled?: boolean;
-
-  min?: string | number;
-  max?: string | number;
-  step?: string | number;
-
-  selected?: boolean;
-  checked?: boolean;
-
-  action?: string;
-  method?: 'POST' | 'GET' | 'PUT' | 'DELETE' | 'PATCH' | 'HEAD' | 'OPTIONS' | 'CONNECT' | 'TRACE' | otherstring;
-}
-
-type KTPrefixedEventHandlers = {
-  [EventName in keyof HTMLElementEventMap as `on:${EventName}`]?: (ev: HTMLElementEventMap[EventName]) => void;
-};
-
-type KTAttribute = KTBaseAttribute & KTPrefixedEventHandlers;
-
-/**
- * Wrap `h`(or its shortcuts) with default attributes.
- * - `defaultAttr.class` will be merged with the provided `class` attribute.
- * @param func `h` or its shortcuts.
- * @param defaultAttr default KTAttribute, must be an object.
- * @returns new h function with default attributes.
- */
-declare const withDefaults: <F extends (...args: any) => any>(func: F, defaultAttr: KTAttribute) => F;
-
-export { a, btn, div, form, h1, h2, h3, h4, h5, h6, img, input, label, li, ol, option, p, select, span, table, tbody, td, th, thead, tr, ul, withDefaults };
+export { a, btn, div, form, h1, h2, h3, h4, h5, h6, img, input, label, li, ol, option, p, select, span, table, tbody, td, th, thead, tr, ul };

package/dist/index.iife.js

@@ -1,113 +1,62 @@
 var __ktjs_shortcuts__ = (function (exports, core) {
-    'use strict';
+	'use strict';
 
-    const aliasH = (tag) => {
-        const newFunc = (attr, content) => {
-            return core.h(tag, attr, content);
-        };
-        window.__ktjs__.mark(newFunc, tag);
-        return newFunc;
-    };
+	const aliasH = (tag) => (attr, content) => core.h(tag, attr, content);
 
-    const div = aliasH('div');
-    const span = aliasH('span');
-    const label = aliasH('label');
-    const p = aliasH('p');
-    const h1 = aliasH('h1');
-    const h2 = aliasH('h2');
-    const h3 = aliasH('h3');
-    const h4 = aliasH('h4');
-    const h5 = aliasH('h5');
-    const h6 = aliasH('h6');
-    const ul = aliasH('ul');
-    const ol = aliasH('ol');
-    const li = aliasH('li');
-    const btn = aliasH('button');
-    const form = aliasH('form');
-    const input = aliasH('input');
-    const select = aliasH('select');
-    const option = aliasH('option');
-    const table = aliasH('table');
-    const thead = aliasH('thead');
-    const tbody = aliasH('tbody');
-    const tr = aliasH('tr');
-    const th = aliasH('th');
-    const td = aliasH('td');
-    const a = aliasH('a');
-    const img = aliasH('img');
+	const div = aliasH('div');
+	const span = aliasH('span');
+	const label = aliasH('label');
+	const p = aliasH('p');
+	const h1 = aliasH('h1');
+	const h2 = aliasH('h2');
+	const h3 = aliasH('h3');
+	const h4 = aliasH('h4');
+	const h5 = aliasH('h5');
+	const h6 = aliasH('h6');
+	const ul = aliasH('ul');
+	const ol = aliasH('ol');
+	const li = aliasH('li');
+	const btn = aliasH('button');
+	const form = aliasH('form');
+	const input = aliasH('input');
+	const select = aliasH('select');
+	const option = aliasH('option');
+	const table = aliasH('table');
+	const thead = aliasH('thead');
+	const tbody = aliasH('tbody');
+	const tr = aliasH('tr');
+	const th = aliasH('th');
+	const td = aliasH('td');
+	const a = aliasH('a');
+	const img = aliasH('img');
 
-    /**
-     * Wrap `h`(or its shortcuts) with default attributes.
-     * - `defaultAttr.class` will be merged with the provided `class` attribute.
-     * @param func `h` or its shortcuts.
-     * @param defaultAttr default KTAttribute, must be an object.
-     * @returns new h function with default attributes.
-     */
-    const withDefaults = (func, defaultAttr) => {
-        if ('__ktjs_h__' in func === false) {
-            window.__ktjs__.throws('withDefaults can only be used with h function or its alias');
-        }
-        if (defaultAttr === null || typeof defaultAttr !== 'object') {
-            window.__ktjs__.throws('defaultAttr must be an object');
-        }
-        // create different merger for defaultAttr with class and not
-        const merge = typeof defaultAttr.class === 'string'
-            ? (attr) => {
-                if (typeof attr === 'string') {
-                    const newAttr = { ...defaultAttr };
-                    newAttr.class = attr + ' ' + defaultAttr.class;
-                    return newAttr;
-                }
-                else if (attr && typeof attr === 'object') {
-                    const newAttr = { ...defaultAttr, ...attr };
-                    newAttr.class = (attr.class ?? '') + ' ' + defaultAttr.class;
-                    return newAttr;
-                }
-            }
-            : (attr) => {
-                if (typeof attr === 'string') {
-                    return { ...defaultAttr, class: attr };
-                }
-                else if (attr && typeof attr === 'object') {
-                    return { ...defaultAttr, ...attr };
-                }
-            };
-        if (func.__ktjs_h__ === 'h') {
-            return ((tag, attr, content) => func(tag, merge(attr), content));
-        }
-        else {
-            return ((attr, content) => func(merge(attr), content));
-        }
-    };
+	exports.a = a;
+	exports.btn = btn;
+	exports.div = div;
+	exports.form = form;
+	exports.h1 = h1;
+	exports.h2 = h2;
+	exports.h3 = h3;
+	exports.h4 = h4;
+	exports.h5 = h5;
+	exports.h6 = h6;
+	exports.img = img;
+	exports.input = input;
+	exports.label = label;
+	exports.li = li;
+	exports.ol = ol;
+	exports.option = option;
+	exports.p = p;
+	exports.select = select;
+	exports.span = span;
+	exports.table = table;
+	exports.tbody = tbody;
+	exports.td = td;
+	exports.th = th;
+	exports.thead = thead;
+	exports.tr = tr;
+	exports.ul = ul;
 
-    exports.a = a;
-    exports.btn = btn;
-    exports.div = div;
-    exports.form = form;
-    exports.h1 = h1;
-    exports.h2 = h2;
-    exports.h3 = h3;
-    exports.h4 = h4;
-    exports.h5 = h5;
-    exports.h6 = h6;
-    exports.img = img;
-    exports.input = input;
-    exports.label = label;
-    exports.li = li;
-    exports.ol = ol;
-    exports.option = option;
-    exports.p = p;
-    exports.select = select;
-    exports.span = span;
-    exports.table = table;
-    exports.tbody = tbody;
-    exports.td = td;
-    exports.th = th;
-    exports.thead = thead;
-    exports.tr = tr;
-    exports.ul = ul;
-    exports.withDefaults = withDefaults;
-
-    return exports;
+	return exports;
 
 })({}, __ktjs_core__);

package/dist/index.legacy.js

@@ -2,11 +2,9 @@ var __ktjs_shortcuts__ = (function (exports, core) {
     'use strict';
 
     var aliasH = function (tag) {
-        var newFunc = function (attr, content) {
+        return function (attr, content) {
             return core.h(tag, attr, content);
         };
-        window.__ktjs__.mark(newFunc, tag);
-        return newFunc;
     };
 
     var div = aliasH('div');
@@ -36,84 +34,6 @@ var __ktjs_shortcuts__ = (function (exports, core) {
     var a = aliasH('a');
     var img = aliasH('img');
 
-    /******************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-
-    var __assign = function() {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-            }
-            return t;
-        };
-        return __assign.apply(this, arguments);
-    };
-
-    typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-        var e = new Error(message);
-        return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-    };
-
-    /**
-     * Wrap `h`(or its shortcuts) with default attributes.
-     * - `defaultAttr.class` will be merged with the provided `class` attribute.
-     * @param func `h` or its shortcuts.
-     * @param defaultAttr default KTAttribute, must be an object.
-     * @returns new h function with default attributes.
-     */
-    var withDefaults = function (func, defaultAttr) {
-        if ('__ktjs_h__' in func === false) {
-            window.__ktjs__.throws('withDefaults can only be used with h function or its alias');
-        }
-        if (defaultAttr === null || typeof defaultAttr !== 'object') {
-            window.__ktjs__.throws('defaultAttr must be an object');
-        }
-        // create different merger for defaultAttr with class and not
-        var merge = typeof defaultAttr.class === 'string'
-            ? function (attr) {
-                var _a;
-                if (typeof attr === 'string') {
-                    var newAttr = __assign({}, defaultAttr);
-                    newAttr.class = attr + ' ' + defaultAttr.class;
-                    return newAttr;
-                }
-                else if (attr && typeof attr === 'object') {
-                    var newAttr = __assign(__assign({}, defaultAttr), attr);
-                    newAttr.class = ((_a = attr.class) !== null && _a !== void 0 ? _a : '') + ' ' + defaultAttr.class;
-                    return newAttr;
-                }
-            }
-            : function (attr) {
-                if (typeof attr === 'string') {
-                    return __assign(__assign({}, defaultAttr), { class: attr });
-                }
-                else if (attr && typeof attr === 'object') {
-                    return __assign(__assign({}, defaultAttr), attr);
-                }
-            };
-        if (func.__ktjs_h__ === 'h') {
-            return (function (tag, attr, content) { return func(tag, merge(attr), content); });
-        }
-        else {
-            return (function (attr, content) { return func(merge(attr), content); });
-        }
-    };
-
     exports.a = a;
     exports.btn = btn;
     exports.div = div;
@@ -140,7 +60,6 @@ var __ktjs_shortcuts__ = (function (exports, core) {
     exports.thead = thead;
     exports.tr = tr;
     exports.ul = ul;
-    exports.withDefaults = withDefaults;
 
     return exports;
 

package/dist/index.mjs

@@ -1,12 +1,6 @@
 import { h } from '@ktjs/core';
 
-const aliasH = (tag) => {
-    const newFunc = (attr, content) => {
-        return h(tag, attr, content);
-    };
-    window.__ktjs__.mark(newFunc, tag);
-    return newFunc;
-};
+const aliasH = (tag) => (attr, content) => h(tag, attr, content);
 
 const div = aliasH('div');
 const span = aliasH('span');
@@ -35,48 +29,4 @@ const td = aliasH('td');
 const a = aliasH('a');
 const img = aliasH('img');
 
-/**
- * Wrap `h`(or its shortcuts) with default attributes.
- * - `defaultAttr.class` will be merged with the provided `class` attribute.
- * @param func `h` or its shortcuts.
- * @param defaultAttr default KTAttribute, must be an object.
- * @returns new h function with default attributes.
- */
-const withDefaults = (func, defaultAttr) => {
-    if ('__ktjs_h__' in func === false) {
-        window.__ktjs__.throws('withDefaults can only be used with h function or its alias');
-    }
-    if (defaultAttr === null || typeof defaultAttr !== 'object') {
-        window.__ktjs__.throws('defaultAttr must be an object');
-    }
-    // create different merger for defaultAttr with class and not
-    const merge = typeof defaultAttr.class === 'string'
-        ? (attr) => {
-            if (typeof attr === 'string') {
-                const newAttr = { ...defaultAttr };
-                newAttr.class = attr + ' ' + defaultAttr.class;
-                return newAttr;
-            }
-            else if (attr && typeof attr === 'object') {
-                const newAttr = { ...defaultAttr, ...attr };
-                newAttr.class = (attr.class ?? '') + ' ' + defaultAttr.class;
-                return newAttr;
-            }
-        }
-        : (attr) => {
-            if (typeof attr === 'string') {
-                return { ...defaultAttr, class: attr };
-            }
-            else if (attr && typeof attr === 'object') {
-                return { ...defaultAttr, ...attr };
-            }
-        };
-    if (func.__ktjs_h__ === 'h') {
-        return ((tag, attr, content) => func(tag, merge(attr), content));
-    }
-    else {
-        return ((attr, content) => func(merge(attr), content));
-    }
-};
-
-export { a, btn, div, form, h1, h2, h3, h4, h5, h6, img, input, label, li, ol, option, p, select, span, table, tbody, td, th, thead, tr, ul, withDefaults };
+export { a, btn, div, form, h1, h2, h3, h4, h5, h6, img, input, label, li, ol, option, p, select, span, table, tbody, td, th, thead, tr, ul };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/shortcuts",
-  "version": "0.7.3",
+  "version": "0.19.0",
   "description": "Shortcut functions for kt.js - common DOM operations",
   "type": "module",
   "module": "./dist/index.mjs",
@@ -30,7 +30,7 @@
     "directory": "packages/shortcuts"
   },
   "dependencies": {
-    "@ktjs/core": "0.7.3"
+    "@ktjs/core": "0.19.0"
   },
   "scripts": {
     "build": "rollup -c rollup.config.mjs",