aberdeen 1.0.8 → 1.0.11

package/dist/aberdeen.d.ts

@@ -66,8 +66,9 @@ export type SortKeyType = number | string | Array<number | string> | undefined;
  * @see {@link onEach} for usage with sorting.
  */
 export declare function invertString(input: string): string;
-export declare function onEach<T>(target: Array<undefined | T>, render: (value: T, index: number) => void, makeKey?: (value: T, key: any) => SortKeyType): void;
-export declare function onEach<K extends string | number | symbol, T>(target: Record<K, undefined | T>, render: (value: T, index: K) => void, makeKey?: (value: T, key: K) => SortKeyType): void;
+type KeyToString<K> = K extends number ? string : K extends string | symbol ? K : K extends number | infer U ? string | U : K;
+export declare function onEach<T>(target: ReadonlyArray<undefined | T>, render: (value: T, index: number) => void, makeKey?: (value: T, index: number) => SortKeyType): void;
+export declare function onEach<K extends string | number | symbol, T>(target: Record<K, undefined | T>, render: (value: T, index: KeyToString<K>) => void, makeKey?: (value: T, index: KeyToString<K>) => SortKeyType): void;
 /**
  * Reactively checks if an observable array or object is empty.
  *
@@ -306,7 +307,7 @@ export declare function ref<T extends TargetType, K extends keyof T>(target: T,
  *      This is often used together with {@link ref}, in order to use properties other than `.value`.
  *   - `{text: string|number}`: Add the value as a `TextNode` to the *current* element.
  *   - `{html: string}`: Add the value as HTML to the *current* element. This should only be used in exceptional situations. And of course, beware of XSS.
- *   - `{element: Node}`: Add a pre-existing HTML `Node` to the *current* element.
+   - `Node`: If a DOM Node (Element or TextNode) is passed in, it is added as a child to the *current* element. If the Node is an Element, it becomes the new *current* element for the rest of this `$` function execution.
  *
  * @returns The most inner DOM element that was created (not counting text nodes nor elements created by content functions),
  *          or undefined if no elements were created.
@@ -685,7 +686,7 @@ export declare function unmountAll(): void;
  */
 export declare function peek<T>(func: () => T): T;
 /** When using an object as `source`. */
-export declare function map<IN, OUT>(source: Record<string | symbol, IN>, func: (value: IN, index: string | symbol) => undefined | OUT): Record<string | symbol, OUT>;
+export declare function map<IN, const IN_KEY extends string | number | symbol, OUT>(source: Record<IN_KEY, IN>, func: (value: IN, index: KeyToString<IN_KEY>) => undefined | OUT): Record<string | symbol, OUT>;
 /** When using an array as `source`. */
 export declare function map<IN, OUT>(source: Array<IN>, func: (value: IN, index: number) => undefined | OUT): Array<OUT>;
 /** When using an array as `source`. */
@@ -695,7 +696,7 @@ export declare function multiMap<IN, OUT extends {
 /** When using an object as `source`. */
 export declare function multiMap<K extends string | number | symbol, IN, OUT extends {
     [key: string | symbol]: DatumType;
-}>(source: Record<K, IN>, func: (value: IN, index: K) => OUT | undefined): OUT;
+}>(source: Record<K, IN>, func: (value: IN, index: KeyToString<K>) => OUT | undefined): OUT;
 /** When using an object as `array`. */
 export declare function partition<OUT_K extends string | number | symbol, IN_V>(source: IN_V[], func: (value: IN_V, key: number) => undefined | OUT_K | OUT_K[]): Record<OUT_K, Record<number, IN_V>>;
 /** When using an object as `source`. */
@@ -728,3 +729,4 @@ export declare function partition<IN_K extends string | number | symbol, OUT_K e
  * ```
  */
 export declare function dump<T>(data: T): T;
+export {};

package/dist/aberdeen.js

@@ -138,7 +138,7 @@ function partToStr(part) {
   let num = Math.abs(Math.round(part));
   const negative = part < 0;
   while (num > 0) {
-    result += String.fromCharCode(negative ? 65534 - num % 65533 : 2 + num % 65533);
+    result = String.fromCharCode(negative ? 65534 - num % 65533 : 2 + num % 65533) + result;
     num = Math.floor(num / 65533);
   }
   return String.fromCharCode(128 + (negative ? -result.length : result.length)) + result;
@@ -910,9 +910,9 @@ var SPECIAL_PROPS = {
     addNode(document.createTextNode(value));
   },
   element: (value) => {
-    if (!(value instanceof Node))
-      throw new Error(`Unexpected element-argument: ${JSON.parse(value)}`);
+    console.log("Aberdeen: $({element: myElement}) is deprecated, use $(myElement) instead");
     addNode(value);
+    SPECIAL_PROPS.element = addNode;
   }
 };
 function $(...args) {
@@ -974,12 +974,23 @@ function $(...args) {
       }
     } else if (typeof arg === "object") {
       if (arg.constructor !== Object) {
-        err = `Unexpected argument: ${arg}`;
-        break;
-      }
-      for (const key in arg) {
-        const val = arg[key];
-        applyArg(key, val);
+        if (arg instanceof Node) {
+          addNode(arg);
+          if (arg instanceof Element) {
+            if (!savedCurrentScope)
+              savedCurrentScope = currentScope;
+            currentScope = new ChainedScope(arg, true);
+            currentScope.lastChild = arg.lastChild || undefined;
+          }
+        } else {
+          err = `Unexpected argument: ${arg}`;
+          break;
+        }
+      } else {
+        for (const key in arg) {
+          const val = arg[key];
+          applyArg(key, val);
+        }
       }
     } else if (typeof arg === "function") {
       new RegularScope(currentScope.parentElement, arg);
@@ -1217,5 +1228,5 @@ export {
   $
 };
 
-//# debugId=E7B46BDF501F944C64756E2164756E21
+//# debugId=4D9B4C45440E57B664756E2164756E21
 //# sourceMappingURL=aberdeen.js.map