@amateras/widget 0.0.1

package/README.md

@@ -0,0 +1,14 @@
+# Amateras Widget
+Use `$.widget` for writing component templates.
+
+## Usage
+```ts
+import 'amateras';
+import 'amateras/widget';
+
+const App = $.widget((props) => {
+    $('h1', () => $`Hello, World!`)
+})
+
+$.render(App, 'body');
+```

package/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "@amateras/widget",
+  "peerDependencies": {
+    "@amateras/core": "workspace:*",
+    "@amateras/utils": "workspace:*"
+  },
+  "imports": {
+    "#structure/*": "./src/structure/*.ts",
+    "#lib/*": "./src/lib/*.ts"
+  },
+  "exports": {
+    ".": "./src/index.ts"
+  },
+  "version": "0.0.1"
+}

package/src/index.ts

@@ -0,0 +1,44 @@
+import { WidgetConstructor } from '#structure/Widget';
+import { symbol_ProtoType, type Proto } from '@amateras/core';
+import { Utils } from '@amateras/utils';
+
+declare global {
+    export namespace $ {
+        export function widget<Props = {}, Parent extends Proto = never>(builder: WidgetBuilder<Props, Parent>): WidgetConstructor<Props, Parent>;
+
+        export interface Overload<I> {
+            widget: [
+                input: [WidgetConstructor<any, any>],
+                output: I[0] extends WidgetConstructor ? InstanceType<I[0]> : never,
+                args: I[0] extends WidgetConstructor<infer Props, infer Parent> 
+                    ?   WidgetConstructorArguments<Props, Parent>
+                    :   never
+            ]
+        }
+    }
+
+    // export function $<Props, Parent extends Proto>(widget: WidgetConstructor<Props, Parent>, ...args: WidgetConstructorArguments<Props, Parent>): Widget<Props, Parent>;
+}
+
+export type WidgetBuilder<Props = any, Parent extends Proto = any> = (props: $.Props<Props>, children: $.Layout<Parent>) => void;
+
+type WidgetConstructorArguments<Props, Parent extends Proto> = 
+    RequiredKeys<Props> extends never
+    ? [props?: $.Props<Props>, children?: $.Layout<Parent>] | [children?: $.Layout<Parent>]
+    : [props: $.Props<Props>, children?: $.Layout<Parent>];
+
+Utils.assign($, {
+    widget(builder: WidgetBuilder) {
+        return WidgetConstructor(builder);
+    }
+})
+
+$.middleware.craft.add((widget, ...args) => {
+    if (widget[symbol_ProtoType] === 'Widget') {
+        let [arg1] = args;
+        args = Utils.isFunction(arg1) ? [{}, arg1] : args;
+        return new widget(...args)
+    }
+})
+
+export * from '#structure/Widget';

package/src/structure/Widget.ts

@@ -0,0 +1,25 @@
+import { Proto, ProxyProto, symbol_ProtoType } from "@amateras/core";
+import type { WidgetBuilder } from "..";
+
+export const WidgetConstructor = (builder: WidgetBuilder) => {
+    const Widget = class extends ProxyProto {
+        static override readonly [symbol_ProtoType] = 'Widget' as any;
+        static override name = 'Widget';
+        static builder = builder;
+        constructor(props: $.Props, layout?: $.Layout) {
+            super(() => Widget.builder(props, (proto) => layout?.(proto)));
+        }
+    } as unknown as WidgetConstructor
+    return Widget;
+}
+
+export interface WidgetConstructor<Props = {}, Parent extends Proto = any> {
+    [symbol_ProtoType]: 'Widget';
+    builder: WidgetBuilder;
+    new (builder: WidgetBuilder): Widget<Props, Parent>;
+}
+
+export interface Widget<Props = {}, Parent extends Proto = any> extends Proto {
+    props: Props;
+    parent: Parent;
+}