supporting prebuilt widget (custom code injection)

Author: softmarshmallow

lib/builder/buildable-widget.ts

@@ -19,7 +19,7 @@ export class BuildableTree implements Buildable {
             result.set(key, Object.getOwnPropertyDescriptor(this, key))
         }
 
-        const tree = new BuildingTree(this.widgetClassName, depth)
+        const tree = new BuildingTree(this.constructorName, depth)
         function registerOnParam(name: string, value: string) {
             // checker logic if default field or not
             const named: boolean = !defaultParamKeys.includes(name);
@@ -82,18 +82,33 @@ export class BuildableTree implements Buildable {
         return tree.build();
     }
 
-    get widgetClassName(): string {
+    /**
+     * I.E "Transform" is default class name, when you want to make "Transform.rotate()", override with this.
+     * @param name new name for the class invocation
+     */
+    // @ignore()
+    private factoryName: string = null;
+    extendWithFactoryName(name: string) {
+        this.factoryName = this.factoryName
+        return this;
+    }
+
+    get constructorName(): string {
+        if (this.factoryName) {
+            return `${this.constructor.name}.${this.factoryName}`;
+        }
         return this.constructor.name;
     }
 }
 
 
 export class SnippetBuildableTree extends BuildableTree implements SnippetBuilder {
+
     lookup() {
         return this._defaultSnippet;
     }
     _defaultSnippet: string;
-    get widgetClassName(): string {
+    get constructorName(): string {
         return this.constructor.name;
     }
 }

lib/builder/building-tree.ts

@@ -64,7 +64,44 @@ export class BuildingTree implements Buildable {
         return this.lookup();
     }
 
-    lookup(): string {
+    lookup(options?: {
+        withComma?: boolean
+    }): string {
+
+        if (options.withComma && canAddComma(this.code)) {
+            return addComma({ code: this.code, safetyCheck: true });
+        }
+
         return this.code
     }
+}
+
+function canAddComma(code: string): boolean {
+    const trimmed = code.trimEnd();
+    if (trimmed.endsWith(";")) {
+        return false;
+    }
+    if (trimmed.endsWith(",")) {
+        return false;
+    }
+    if (trimmed.endsWith(")")) {
+        return true;
+    }
+    return false;
+}
+
+function addComma({ code, safetyCheck = false }: { code: string; safetyCheck?: boolean; }): string {
+    function add() {
+        code = code + ",";
+    }
+
+    if (safetyCheck) {
+        if (canAddComma(code)) {
+            add();
+        }
+    } else {
+        add();
+    }
+
+    return code;
 }

lib/builder/prebuilt-widget.ts

@@ -0,0 +1,39 @@
+import { Widget } from "../widgets";
+import { BuildingTree } from "./building-tree";
+
+/**
+ * this is used for containing prebuilt code snippet as an widget
+ */
+export class PrebuiltWidget extends Widget {
+    widget: string | Widget
+
+    // accepts both types anonymously.
+    constructor(widget: string | Widget) {
+        super()
+        this.widget = widget;
+    }
+
+    build(): BuildingTree {
+        if (this.widget instanceof Widget) {
+            return this.widget.build();
+        } else {
+            return new PrebuiltBuildingTree(this.widget);
+        }
+    }
+}
+
+class PrebuiltBuildingTree extends BuildingTree {
+    final: string
+    constructor(final: string) {
+        super()
+        this.final = final
+    }
+
+    build() {
+        return this;
+    }
+
+    lookup() {
+        return this.final;
+    }
+}

lib/builder/snippet-builder.ts

@@ -16,7 +16,7 @@ export class SnippetBuilder {
         return this._defaultSnippet;
     }
 
-    get widgetClassName(): string {
+    get constructorName(): string {
         return this.constructor.name;
     }
 }

lib/dart-ui/color.ts

@@ -0,0 +1,19 @@
+import { BuildableTree } from "../builder/buildable-widget";
+import { SnippetBuilder } from "../builder/snippet-builder";
+import { defaultParam } from "../decorations/params";
+
+/**
+ * https://api.flutter.dev/flutter/dart-ui/Color-class.html
+ */
+export class Color extends BuildableTree {
+    @defaultParam()
+    value: SnippetBuilder | number
+    constructor(value: number) {
+        super()
+        this.value = SnippetBuilder.fromStatic("0x" + value.toString(16))
+    }
+
+    static fromHex(hex: string): Color {
+        return new Color(parseInt(hex, 16));
+    }
+}

lib/dart-ui/offset.ts

@@ -0,0 +1,19 @@
+import { BuildableTree } from "../builder/buildable-widget";
+import { double } from "../dart";
+import { defaultParam } from "../decorations/params";
+
+/**
+ * https://api.flutter.dev/flutter/dart-ui/Offset-class.html
+ */
+export class Offset extends BuildableTree {
+    @defaultParam()
+    dx: double
+    @defaultParam()
+    dy: double
+
+    constructor(dx: double, dy: double) {
+        super()
+        this.dx = dx
+        this.dy = dy;
+    }
+}

lib/dynamic/x-color.ts

@@ -0,0 +1,5 @@
+import { Color } from "../dart-ui/color";
+
+export class XColor extends Color {
+
+}

lib/example/colors.example.ts

@@ -0,0 +1,6 @@
+import { Color } from "../dart-ui/color";
+
+
+const color = new Color(0xFF0000)
+
+console.log(color.build().lookup())

lib/example/prebuilt.example.ts

@@ -0,0 +1,15 @@
+import { PrebuiltWidget } from "../builder/prebuilt-widget";
+import { Double } from "../dart";
+import { Opacity } from "../widgets/opacity";
+
+
+
+const prebuilt = new PrebuiltWidget("UndifinedCustomWidget()")
+
+
+const opacity = new Opacity({
+    opacity: 0.0,
+    child: prebuilt
+})
+
+console.log(opacity.build().finalize())

lib/painting/box-shadow.ts

@@ -0,0 +1,11 @@
+import { BuildableTree } from "../builder/buildable-widget";
+
+/**
+ * https://api.flutter.dev/flutter/painting/BoxShadow-class.html
+ */
+export class BoxShadow extends BuildableTree {
+    // color: 
+    constructor() {
+        super()
+    }
+}