graphql-form 0.0.2

package/lib/FormToCode/gql.d.ts

@@ -0,0 +1,12 @@
+import { FormObject, FormValue } from "../models";
+import { ParserField } from 'graphql-js-tree';
+export declare const fieldsToReductor: (toggledFields: Record<string, FormObject>) => Reductor;
+export declare const reduceQl: (o: Reductor, nodes: ParserField[], tabs?: string) => string;
+declare type ReductorValue = {
+    node: Reductor;
+    value?: FormValue;
+};
+declare type Reductor = {
+    [key: string]: ReductorValue;
+};
+export {};

package/lib/FormToCode/gql.js

@@ -0,0 +1,91 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.reduceQl = exports.fieldsToReductor = void 0;
+var graphql_js_tree_1 = require("graphql-js-tree");
+var fieldsToReductor = function (toggledFields) {
+    return Object.entries(toggledFields).reduce(function (a, _a) {
+        var key = _a[0], value = _a[1];
+        var pathElements = key.split('.');
+        var start = a;
+        pathElements.forEach(function (el, index) {
+            var _a;
+            if (index === 0 && !!((_a = value.node.type.operations) === null || _a === void 0 ? void 0 : _a.length)) {
+                el = value.node.type.operations[0];
+            }
+            start[el] = start[el] || {};
+            start[el].node = start[el].node || {};
+            if (index === pathElements.length - 1) {
+                if (value.value && Object.keys(value.value).length > 0) {
+                    start[el].value = value.value;
+                }
+            }
+            start = start[el].node;
+        });
+        return a;
+    }, {});
+};
+exports.fieldsToReductor = fieldsToReductor;
+var reduceQl = function (o, nodes, tabs) {
+    if (tabs === void 0) { tabs = ''; }
+    return Object.entries(o)
+        .map(function (_a) {
+        var k = _a[0], v = _a[1];
+        var kName = v.value && Object.keys(v.value).length > 0
+            ? "".concat(k, "(").concat(resolveQlValue(v.value, nodes, tabs), "\n").concat(tabs, ")")
+            : k;
+        var kObject = Object.keys(v.node).length > 0
+            ? "".concat(tabs).concat(kName, "{\n").concat((0, exports.reduceQl)(v.node, nodes, tabs + '\t')).concat(tabs, "}\n")
+            : "".concat(tabs).concat(kName, "\n");
+        return kObject;
+    })
+        .join('');
+};
+exports.reduceQl = reduceQl;
+var resolveSingularValue = function (v, nodes, tabs) {
+    if (tabs === void 0) { tabs = ''; }
+    if (v.value === null) {
+        return 'null';
+    }
+    if (Array.isArray(v.value)) {
+        return "[".concat(v.value
+            .map(function (subVal) { return resolveSingularValue({ node: v.node, value: subVal.value }, nodes, tabs); })
+            .join(', '), "]");
+    }
+    var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(v.node.type.fieldType); });
+    if ((seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.EnumTypeDefinition) {
+        return v.value;
+    }
+    if ((seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.ScalarTypeDefinition) {
+        return v.value;
+    }
+    if (seekNode) {
+        return "{".concat(resolveQlValue(v.value, nodes, tabs + '\t'), "\n").concat(tabs, "\t}");
+    }
+    return (0, graphql_js_tree_1.getTypeName)(v.node.type.fieldType) === graphql_js_tree_1.ScalarTypes.String ? "\"".concat(v.value, "\"") : "".concat(v.value);
+};
+var resolveQlValue = function (v, nodes, tabs) {
+    if (tabs === void 0) { tabs = ''; }
+    if (typeof v === 'undefined' || v === null) {
+        return '';
+    }
+    return Object.entries(v).reduce(function (a, _a) {
+        var key = _a[0], v = _a[1];
+        if (typeof v.value === 'undefined' || v.value === '') {
+            return a;
+        }
+        if (Array.isArray(v.value) && v.value.length === 0) {
+            return a;
+        }
+        if (typeof v.value === 'object' &&
+            v.value !== null &&
+            !Object.values(v.value).some(function (val) {
+                return typeof val === 'object' && val !== null && 'value' in val && (!!val.value || val.value === false);
+            })) {
+            return a;
+        }
+        var resolvedValue = resolveSingularValue(v, nodes, tabs);
+        a = "".concat(a, "\n\t").concat(tabs).concat(key, ": ").concat(resolvedValue);
+        return a;
+    }, '');
+};
+//# sourceMappingURL=gql.js.map

package/lib/FormToCode/gql.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gql.js","sourceRoot":"","sources":["../../src/FormToCode/gql.tsx"],"names":[],"mappings":"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"}

package/lib/FormToCode/zeus.d.ts

@@ -0,0 +1,12 @@
+import { FormObject, FormValue } from "../models";
+import { ParserField } from 'graphql-js-tree';
+export declare const zeusFieldsToReductor: (toggledFields: Record<string, FormObject>) => Reductor;
+export declare const zeusReduceQl: (o: Reductor, nodes: ParserField[], tabs?: string, level?: number) => string;
+declare type ReductorValue = {
+    node: Reductor;
+    value?: FormValue;
+};
+declare type Reductor = {
+    [key: string]: ReductorValue;
+};
+export {};

package/lib/FormToCode/zeus.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.zeusReduceQl = exports.zeusFieldsToReductor = void 0;
+var graphql_js_tree_1 = require("graphql-js-tree");
+var zeusFieldsToReductor = function (toggledFields) {
+    var r = Object.entries(toggledFields).reduce(function (a, _a) {
+        var key = _a[0], value = _a[1];
+        var pathElements = key.split('.');
+        var start = a;
+        pathElements.forEach(function (el, index) {
+            var _a;
+            if (index === 0 && !!((_a = value.node.type.operations) === null || _a === void 0 ? void 0 : _a.length)) {
+                el = value.node.type.operations[0];
+                return;
+            }
+            start[el] = start[el] || {};
+            start[el].node = start[el].node || {};
+            if (index === pathElements.length - 1) {
+                if (value.value && Object.keys(value.value).length > 0) {
+                    start[el].value = value.value;
+                }
+            }
+            start = start[el].node;
+        });
+        return a;
+    }, {});
+    return r;
+};
+exports.zeusFieldsToReductor = zeusFieldsToReductor;
+var zeusReduceQl = function (o, nodes, tabs, level) {
+    if (tabs === void 0) { tabs = ''; }
+    if (level === void 0) { level = 0; }
+    var lUP = level + 1;
+    return Object.entries(o)
+        .map(function (_a) {
+        var _b, _c;
+        var k = _a[0], v = _a[1];
+        if (v.value && Object.keys(v.value).length > 0) {
+            return Object.keys(v.node).length > 0
+                ? "".concat(tabs).concat(k, ":[{").concat(resolveQlValue(v.value, nodes, tabs), "\n").concat(tabs, "}, {\n").concat((0, exports.zeusReduceQl)(v.node, nodes, tabs + '\t', lUP)).concat(tabs, "}]\n")
+                : "".concat(tabs).concat(k, ":[{").concat(resolveQlValue(v.value, nodes, tabs), "\n").concat(tabs, "}, true]");
+        }
+        if (level === 0) {
+            return "const result = await api(\"".concat((_c = (_b = nodes.find(function (n) { return n.name === k; })) === null || _b === void 0 ? void 0 : _b.type.operations) === null || _c === void 0 ? void 0 : _c[0], "\")({\n").concat((0, exports.zeusReduceQl)(v.node, nodes, tabs + '\t', lUP), "})");
+        }
+        var kObject = Object.keys(v.node).length > 0
+            ? "".concat(tabs).concat(k, ":{\n").concat((0, exports.zeusReduceQl)(v.node, nodes, tabs + '\t', lUP)).concat(tabs, "}\n")
+            : "".concat(tabs).concat(k, ": true\n");
+        return kObject;
+    })
+        .join('');
+};
+exports.zeusReduceQl = zeusReduceQl;
+var resolveSingularValue = function (v, nodes, tabs) {
+    if (tabs === void 0) { tabs = ''; }
+    if (v.value === null) {
+        return 'null';
+    }
+    if (Array.isArray(v.value)) {
+        return "[".concat(v.value
+            .map(function (subVal) { return resolveSingularValue({ node: v.node, value: subVal.value }, nodes, tabs); })
+            .join(', '), "]");
+    }
+    var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(v.node.type.fieldType); });
+    if ((seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.EnumTypeDefinition) {
+        return v.value;
+    }
+    if ((seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.ScalarTypeDefinition) {
+        return v.value;
+    }
+    if (seekNode) {
+        return "{".concat(resolveQlValue(v.value, nodes, tabs + '\t'), "\n").concat(tabs, "\t}");
+    }
+    return (0, graphql_js_tree_1.getTypeName)(v.node.type.fieldType) === graphql_js_tree_1.ScalarTypes.String ? "\"".concat(v.value, "\"") : "".concat(v.value);
+};
+var resolveQlValue = function (v, nodes, tabs) {
+    if (tabs === void 0) { tabs = ''; }
+    if (typeof v === 'undefined' || v === null) {
+        return '';
+    }
+    return Object.entries(v).reduce(function (a, _a) {
+        var key = _a[0], v = _a[1];
+        if (typeof v.value === 'undefined' || v.value === '') {
+            return a;
+        }
+        if (Array.isArray(v.value) && v.value.length === 0) {
+            return a;
+        }
+        if (typeof v.value === 'object' &&
+            v.value !== null &&
+            !Object.values(v.value).some(function (val) {
+                return typeof val === 'object' && val !== null && 'value' in val && (!!val.value || val.value === false);
+            })) {
+            return a;
+        }
+        var resolvedValue = resolveSingularValue(v, nodes, tabs);
+        a = "".concat(a, "\n\t").concat(tabs).concat(key, ": ").concat(resolvedValue);
+        return a;
+    }, '');
+};
+//# sourceMappingURL=zeus.js.map

package/lib/FormToCode/zeus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"zeus.js","sourceRoot":"","sources":["../../src/FormToCode/zeus.tsx"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -0,0 +1,7 @@
+import { FormDisplayerProps, MainRendererProps } from "./models";
+import { Renderer } from "./renderer";
+import React from 'react';
+export * from "./models";
+export { Renderer };
+export declare const FormRenderer: React.FC<MainRendererProps>;
+export declare const FormDisplayer: React.FC<FormDisplayerProps>;

package/lib/index.js

@@ -0,0 +1,71 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormDisplayer = exports.FormRenderer = exports.Renderer = void 0;
+var renderer_1 = require("./renderer");
+Object.defineProperty(exports, "Renderer", { enumerable: true, get: function () { return renderer_1.Renderer; } });
+var react_1 = __importDefault(require("react"));
+__exportStar(require("./models"), exports);
+var FormRenderer = function (_a) {
+    var formFields = _a.formFields, onChange = _a.onChange, widgetsOnChange = _a.widgetsOnChange, props = __rest(_a, ["formFields", "onChange", "widgetsOnChange"]);
+    return (react_1.default.createElement(react_1.default.Fragment, null, Object.keys(formFields).map(function (key) {
+        return (react_1.default.createElement(renderer_1.Renderer, __assign({}, props, { changeWidget: function (props, path) {
+                widgetsOnChange(path, props);
+            }, currentPath: '', formObject: formFields[key], onChange: function (changedForm) {
+                var _a;
+                onChange(__assign(__assign({}, formFields), (_a = {}, _a[key] = changedForm, _a)));
+            }, f: formFields[key].node })));
+    })));
+};
+exports.FormRenderer = FormRenderer;
+var FormDisplayer = function (_a) {
+    var formFields = _a.formFields, onChange = _a.onChange, props = __rest(_a, ["formFields", "onChange"]);
+    return (react_1.default.createElement(react_1.default.Fragment, null, Object.keys(formFields).map(function (key) {
+        return (react_1.default.createElement(renderer_1.Renderer, __assign({}, props, { changeWidget: function () {
+                return;
+            }, currentPath: '', formObject: formFields[key], onChange: function (changedForm) {
+                var _a;
+                onChange(__assign(__assign({}, formFields), (_a = {}, _a[key] = changedForm, _a)));
+            }, f: formFields[key].node })));
+    })));
+};
+exports.FormDisplayer = FormDisplayer;
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,uCAAsC;AAI7B,yFAJA,mBAAQ,OAIA;AAHjB,gDAA0B;AAE1B,2CAAyB;AAGlB,IAAM,YAAY,GAAgC,UAAC,EAAmD;IAAjD,IAAA,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,eAAe,qBAAA,EAAK,KAAK,cAAjD,6CAAmD,CAAF;IACvG,OAAO,CACH,8DACK,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG;QAC7B,OAAO,CACH,8BAAC,mBAAQ,eACD,KAAK,IACT,YAAY,EAAE,UAAC,KAAK,EAAE,IAAI;gBACtB,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACjC,CAAC,EACD,WAAW,EAAE,EAAE,EACf,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,UAAC,WAAuB;;gBAC9B,QAAQ,uBACD,UAAU,gBACZ,GAAG,IAAG,WAAW,OACpB,CAAC;YACP,CAAC,EACD,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,IACzB,CACL,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,YAAY,gBAwBvB;AAEK,IAAM,aAAa,GAAiC,UAAC,EAAkC;IAAhC,IAAA,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,cAAhC,0BAAkC,CAAF;IACxF,OAAO,CACH,8DACK,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG;QAC7B,OAAO,CACH,8BAAC,mBAAQ,eACD,KAAK,IACT,YAAY,EAAE;gBACV,OAAO;YACX,CAAC,EACD,WAAW,EAAE,EAAE,EACf,UAAU,EAAE,UAAU,CAAC,GAAG,CAAC,EAC3B,QAAQ,EAAE,UAAC,WAAuB;;gBAC9B,QAAQ,uBACD,UAAU,gBACZ,GAAG,IAAG,WAAW,OACpB,CAAC;YACP,CAAC,EACD,CAAC,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,IACzB,CACL,CAAC;IACN,CAAC,CAAC,CACH,CACN,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,aAAa,iBAwBxB"}

package/lib/models.d.ts

@@ -0,0 +1,69 @@
+import { ParserField } from 'graphql-js-tree';
+import React from 'react';
+export declare type FieldComponent = React.FC<PassedFormProps>;
+export declare type FormLabelProps = React.FC<PassedFormProps & {
+    open?: boolean;
+    setOpen: (b: boolean) => void;
+}>;
+export declare type SavedWidgets = {
+    [selector: string]: {
+        widget: string;
+        [x: string]: any;
+    };
+};
+export declare type PassedFormProps<WidgetData = any> = {
+    f: ParserField;
+    nodes: ParserField[];
+    formObject: FormObject;
+    onChange: (formObject: FormObject) => void;
+    changeWidget: (widgetData: Record<string, any> | undefined, path: string) => void;
+    required?: boolean;
+    runQuery: (q: string) => Promise<any>;
+    widgetComponents: WidgetType[];
+    currentPath: string;
+    widgets?: SavedWidgets;
+    widgetData?: WidgetData;
+    components: {
+        ArrayField: FieldComponent;
+        ObjectField: FieldComponent;
+        BooleanField: FieldComponent;
+        UniversalField: FieldComponent;
+        NumberField: FieldComponent;
+        EnumField: FieldComponent;
+        NullField: FieldComponent;
+        FormLabel: FormLabelProps;
+        FormField: FieldComponent;
+    };
+};
+export declare type MainRendererProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget'> & {
+    formFields: Record<string, FormObject>;
+    widgetsOnChange: (key: string, value?: Omit<FormObject, 'node' | 'value'>) => void;
+    onChange: (o: Record<string, FormObject>) => void;
+};
+export declare type FormDisplayerProps = Omit<PassedFormProps, 'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget'> & {
+    formFields: Record<string, FormObject>;
+    onChange: (o: Record<string, FormObject>) => void;
+};
+export declare type FormLibraryProps = Omit<FormDisplayerProps, 'required' | 'components'>;
+export declare type CastToWidgetSettingsPassedForm<WidgetData> = PassedFormProps<Partial<WidgetData>> & {
+    close: () => void;
+};
+export declare type WidgetType = {
+    Component: React.FC<PassedFormProps>;
+    Settings: React.FC<CastToWidgetSettingsPassedForm<any>> | undefined;
+    requirements: (props: PassedFormProps) => boolean;
+    props?: Record<string, any>;
+    name: string;
+};
+export declare type FormValue = {
+    [x: string]: FormValue;
+} | string | boolean | number | null | undefined | FormObject | Array<FormValue>;
+export declare type FormObject = {
+    value?: FormValue;
+    node: ParserField;
+};
+export declare type FormDataType = Record<string, FormObject | Record<string, FormObject | undefined>>;
+export declare type FormFile = {
+    forms: Record<string, FormObject>;
+    widgets: Record<string, Omit<FormObject, 'node' | 'value'>>;
+};

package/lib/models.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=models.js.map

package/lib/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../src/models.ts"],"names":[],"mappings":""}

package/lib/renderer/fields.d.ts

@@ -0,0 +1,3 @@
+import { PassedFormProps } from "../models";
+import React from 'react';
+export declare const Fields: React.FC<PassedFormProps>;

package/lib/renderer/fields.js

@@ -0,0 +1,65 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Fields = void 0;
+var graphql_js_tree_1 = require("graphql-js-tree");
+var react_1 = __importDefault(require("react"));
+var Fields = function (props) {
+    var _a;
+    var nodes = props.nodes, widgetComponents = props.widgetComponents, f = props.f, widgets = props.widgets, _b = props.components, ArrayField = _b.ArrayField, ObjectField = _b.ObjectField;
+    var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(f.type.fieldType); });
+    var isInput = (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.InputObjectTypeDefinition;
+    if (f.data.type === graphql_js_tree_1.TypeSystemDefinition.FieldDefinition) {
+        return react_1.default.createElement(ObjectField, __assign({}, props));
+    }
+    if (f.type.fieldType.type === graphql_js_tree_1.Options.array) {
+        return react_1.default.createElement(ArrayField, __assign({}, props));
+    }
+    if (isInput) {
+        return react_1.default.createElement(ObjectField, __assign({}, props, { f: seekNode }));
+    }
+    var widget = widgets === null || widgets === void 0 ? void 0 : widgets[props.currentPath];
+    if (widget) {
+        var WidgetComponent = (_a = widgetComponents.find(function (wc) { return wc.name === widget.widget; })) === null || _a === void 0 ? void 0 : _a.Component;
+        if (!WidgetComponent) {
+            return react_1.default.createElement(react_1.default.Fragment, null);
+        }
+        return react_1.default.createElement(WidgetComponent, __assign({}, props, { widgetData: widget }));
+    }
+    return react_1.default.createElement(ScalarField, __assign({}, props));
+};
+exports.Fields = Fields;
+var ScalarField = function (props) {
+    var f = props.f, nodes = props.nodes, children = props.children, _a = props.components, BooleanField = _a.BooleanField, NumberField = _a.NumberField, EnumField = _a.EnumField, UniversalField = _a.UniversalField;
+    var typeName = (0, graphql_js_tree_1.getTypeName)(f.type.fieldType);
+    var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(f.type.fieldType); });
+    if (typeName === graphql_js_tree_1.ScalarTypes.String ||
+        typeName === graphql_js_tree_1.ScalarTypes.ID ||
+        (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.ScalarTypeDefinition) {
+        return react_1.default.createElement(UniversalField, __assign({}, props));
+    }
+    if (typeName === graphql_js_tree_1.ScalarTypes.Float || typeName === graphql_js_tree_1.ScalarTypes.Int) {
+        return react_1.default.createElement(NumberField, __assign({}, props));
+    }
+    if (typeName === graphql_js_tree_1.ScalarTypes.Boolean) {
+        return react_1.default.createElement(BooleanField, __assign({}, props));
+    }
+    if ((seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.EnumTypeDefinition) {
+        return react_1.default.createElement(EnumField, __assign({}, props));
+    }
+    return react_1.default.createElement(react_1.default.Fragment, null, children);
+};
+//# sourceMappingURL=fields.js.map

package/lib/renderer/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sourceRoot":"","sources":["../../src/renderer/fields.tsx"],"names":[],"mappings":"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"}

package/lib/renderer/index.d.ts

@@ -0,0 +1,3 @@
+import { PassedFormProps } from "../models";
+import React from 'react';
+export declare const Renderer: React.FC<PassedFormProps>;

package/lib/renderer/index.js

@@ -0,0 +1,67 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(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);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Renderer = void 0;
+var fields_1 = require("./fields");
+var graphql_js_tree_1 = require("graphql-js-tree");
+var react_1 = __importStar(require("react"));
+var Renderer = function (props) {
+    var formObject = props.formObject, f = props.f, nodes = props.nodes, _a = props.components, NullField = _a.NullField, FormLabel = _a.FormLabel, FormField = _a.FormField;
+    var children = props.children, allProps = __rest(props, ["children"]);
+    var seekNode = nodes.find(function (n) { return n.name === (0, graphql_js_tree_1.getTypeName)(f.type.fieldType); });
+    var isInput = (seekNode === null || seekNode === void 0 ? void 0 : seekNode.data.type) === graphql_js_tree_1.TypeDefinition.InputObjectTypeDefinition;
+    var canBeOpened = props.f.data.type === graphql_js_tree_1.TypeSystemDefinition.FieldDefinition || isInput;
+    var _b = (0, react_1.useState)(props.f.data.type === graphql_js_tree_1.TypeSystemDefinition.FieldDefinition || props.required), open = _b[0], setOpen = _b[1];
+    if (f.type.fieldType.type === graphql_js_tree_1.Options.required) {
+        return (react_1.default.createElement(exports.Renderer, __assign({}, props, { f: __assign(__assign({}, f), { type: __assign(__assign({}, f.type), { fieldType: __assign({}, f.type.fieldType.nest) }) }), required: true })));
+    }
+    return (react_1.default.createElement(FormField, __assign({}, allProps),
+        react_1.default.createElement(FormLabel, __assign({}, allProps, { open: open, setOpen: setOpen, children: children })),
+        formObject.value === null ? (react_1.default.createElement(NullField, __assign({}, allProps))) : (react_1.default.createElement(react_1.default.Fragment, null, (!canBeOpened || open) && react_1.default.createElement(fields_1.Fields, __assign({}, allProps))))));
+};
+exports.Renderer = Renderer;
+//# sourceMappingURL=index.js.map

package/lib/renderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/renderer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,mCAA2C;AAC3C,mDAA6F;AAC7F,6CAAwC;AAEjC,IAAM,QAAQ,GAA8B,UAAC,KAAK;IAEjD,IAAA,UAAU,GAIV,KAAK,WAJK,EACV,CAAC,GAGD,KAAK,EAHJ,EACD,KAAK,GAEL,KAAK,MAFA,EACL,KACA,KAAK,WAD0C,EAAjC,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAE,CACzC;IACF,IAAA,QAAQ,GAAkB,KAAK,SAAvB,EAAK,QAAQ,UAAK,KAAK,EAAjC,YAAyB,CAAF,CAAW;IACxC,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,KAAK,IAAA,6BAAW,EAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAAxC,CAAwC,CAAC,CAAC;IAC7E,IAAM,OAAO,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC,IAAI,MAAK,gCAAc,CAAC,yBAAyB,CAAC;IACjF,IAAM,WAAW,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,sCAAoB,CAAC,eAAe,IAAI,OAAO,CAAC;IACpF,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,KAAK,sCAAoB,CAAC,eAAe,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAvG,IAAI,QAAA,EAAE,OAAO,QAA0F,CAAC;IAC/G,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,KAAK,yBAAO,CAAC,QAAQ,EAAE;QAC5C,OAAO,CACH,8BAAC,gBAAQ,eACD,KAAK,IACT,CAAC,wBACM,CAAC,KACJ,IAAI,wBAAO,CAAC,CAAC,IAAI,KAAE,SAAS,eAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,SAE5D,QAAQ,EAAE,IAAI,IAChB,CACL,CAAC;KACL;IACD,OAAO,CACH,8BAAC,SAAS,eAAK,QAAQ;QACnB,8BAAC,SAAS,eAAK,QAAQ,IAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IAAI;QAC5E,UAAU,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CACzB,8BAAC,SAAS,eAAK,QAAQ,EAAI,CAC9B,CAAC,CAAC,CAAC,CACA,8DAAG,CAAC,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,8BAAC,eAAM,eAAK,QAAQ,EAAI,CAAI,CAC5D,CACO,CACf,CAAC;AACN,CAAC,CAAC;AAlCW,QAAA,QAAQ,YAkCnB"}

package/lib/renderer/widgets/models.d.ts

@@ -0,0 +1,14 @@
+import { PassedFormProps, CastToWidgetSettingsPassedForm } from "../../models";
+import React from 'react';
+export declare function createWidget<Props>({ name, Component, Settings, requirements, }: {
+    name: string;
+    Component: React.FC<PassedFormProps<Props>>;
+    Settings?: React.FC<CastToWidgetSettingsPassedForm<Props>>;
+    requirements: (props: PassedFormProps) => boolean;
+}): {
+    Component: React.FC<PassedFormProps<Props>>;
+    Settings: React.FC<CastToWidgetSettingsPassedForm<Props>> | undefined;
+    requirements: (props: PassedFormProps) => boolean;
+    props: Props;
+    name: string;
+};

package/lib/renderer/widgets/models.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createWidget = void 0;
+function createWidget(_a) {
+    var name = _a.name, Component = _a.Component, Settings = _a.Settings, requirements = _a.requirements;
+    return {
+        Component: Component,
+        Settings: Settings,
+        requirements: requirements,
+        props: {},
+        name: name,
+    };
+}
+exports.createWidget = createWidget;
+//# sourceMappingURL=models.js.map

package/lib/renderer/widgets/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../src/renderer/widgets/models.ts"],"names":[],"mappings":";;;AAGA,SAAgB,YAAY,CAAQ,EAUnC;QATG,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,YAAY,kBAAA;IAOZ,OAAO;QACH,SAAS,WAAA;QACT,QAAQ,UAAA;QACR,YAAY,cAAA;QACZ,KAAK,EAAE,EAAW;QAClB,IAAI,MAAA;KACP,CAAC;AACN,CAAC;AAlBD,oCAkBC"}

package/package.json

@@ -0,0 +1,33 @@
+{
+    "name": "graphql-form",
+    "version": "0.0.2",
+    "description": "Easy form creation with GraphQL Editor and React",
+    "main": "lib/index.js",
+    "scripts": {
+        "test": "jest",
+        "test:watch": "jest --watch",
+        "build": "ttsc --build tsconfig.build.json",
+        "start": "ttsc --build tsconfig.build.json --watch",
+        "lint": "eslint '*/**/*.{js,ts,tsx}' --quiet --fix"
+    },
+    "types": "lib/index.d.ts",
+    "private": false,
+    "publishConfig": {
+        "access": "public"
+    },
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/graphql-editor/graphql-form.git"
+    },
+    "author": "Aexol <aexol@aexol.com> (http://aexol.com)",
+    "license": "MIT",
+    "homepage": "https://form.graphqleditor.com",
+    "devDependencies": {},
+    "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+    },
+    "dependencies": {
+        "graphql-js-tree": "^0.1.1"
+    }
+}

package/src/FormToCode/gql.tsx

@@ -0,0 +1,95 @@
+import { FormObject, FormValue } from '@/models';
+import { ParserField, TypeDefinition, ScalarTypes, getTypeName } from 'graphql-js-tree';
+
+export const fieldsToReductor = (toggledFields: Record<string, FormObject>): Reductor =>
+    Object.entries(toggledFields).reduce((a, [key, value]) => {
+        const pathElements = key.split('.');
+        let start = a;
+        pathElements.forEach((el, index) => {
+            if (index === 0 && !!value.node.type.operations?.length) {
+                el = value.node.type.operations[0];
+            }
+            start[el] = start[el] || {};
+            start[el].node = start[el].node || {};
+            if (index === pathElements.length - 1) {
+                if (value.value && Object.keys(value.value).length > 0) {
+                    start[el].value = value.value;
+                }
+            }
+            start = start[el].node;
+        });
+        return a;
+    }, {} as Reductor);
+
+export const reduceQl = (o: Reductor, nodes: ParserField[], tabs = ''): string => {
+    return Object.entries(o)
+        .map(([k, v]) => {
+            const kName =
+                v.value && Object.keys(v.value).length > 0
+                    ? `${k}(${resolveQlValue(v.value, nodes, tabs)}\n${tabs})`
+                    : k;
+            const kObject =
+                Object.keys(v.node).length > 0
+                    ? `${tabs}${kName}{\n${reduceQl(v.node, nodes, tabs + '\t')}${tabs}}\n`
+                    : `${tabs}${kName}\n`;
+            return kObject;
+        })
+        .join('');
+};
+
+const resolveSingularValue = (v: FormObject, nodes: ParserField[], tabs = ''): string => {
+    if (v.value === null) {
+        return 'null';
+    }
+    if (Array.isArray(v.value)) {
+        return `[${v.value
+            .map((subVal) => resolveSingularValue({ node: v.node, value: (subVal as FormObject).value }, nodes, tabs))
+            .join(', ')}]`;
+    }
+    const seekNode = nodes.find((n) => n.name === getTypeName(v.node.type.fieldType));
+    if (seekNode?.data.type === TypeDefinition.EnumTypeDefinition) {
+        return v.value as string;
+    }
+    if (seekNode?.data.type === TypeDefinition.ScalarTypeDefinition) {
+        return v.value as string;
+    }
+    if (seekNode) {
+        return `{${resolveQlValue(v.value, nodes, tabs + '\t')}\n${tabs}\t}`;
+    }
+    return getTypeName(v.node.type.fieldType) === ScalarTypes.String ? `"${v.value}"` : `${v.value}`;
+};
+
+const resolveQlValue = (v: FormValue | undefined, nodes: ParserField[], tabs = '') => {
+    if (typeof v === 'undefined' || v === null) {
+        return '';
+    }
+    return Object.entries(v).reduce((a, [key, v]: [key: string, value: FormObject]) => {
+        if (typeof v.value === 'undefined' || v.value === '') {
+            return a;
+        }
+        if (Array.isArray(v.value) && v.value.length === 0) {
+            return a;
+        }
+        if (
+            typeof v.value === 'object' &&
+            v.value !== null &&
+            !Object.values(v.value).some(
+                (val) =>
+                    typeof val === 'object' && val !== null && 'value' in val && (!!val.value || val.value === false),
+            )
+        ) {
+            return a;
+        }
+        const resolvedValue = resolveSingularValue(v, nodes, tabs);
+        a = `${a}\n\t${tabs}${key}: ${resolvedValue}`;
+        return a;
+    }, '');
+};
+
+type ReductorValue = {
+    node: Reductor;
+    value?: FormValue;
+};
+type Reductor = {
+    [key: string]: ReductorValue;
+};

package/src/FormToCode/zeus.tsx

@@ -0,0 +1,110 @@
+import { FormObject, FormValue } from '@/models';
+import { ParserField, TypeDefinition, ScalarTypes, getTypeName } from 'graphql-js-tree';
+
+export const zeusFieldsToReductor = (toggledFields: Record<string, FormObject>): Reductor => {
+    const r = Object.entries(toggledFields).reduce((a, [key, value]) => {
+        const pathElements = key.split('.');
+        let start = a;
+        pathElements.forEach((el, index) => {
+            if (index === 0 && !!value.node.type.operations?.length) {
+                el = value.node.type.operations[0];
+                return;
+            }
+            start[el] = start[el] || {};
+            start[el].node = start[el].node || {};
+            if (index === pathElements.length - 1) {
+                if (value.value && Object.keys(value.value).length > 0) {
+                    start[el].value = value.value;
+                }
+            }
+            start = start[el].node;
+        });
+        return a;
+    }, {} as Reductor);
+    return r;
+};
+
+export const zeusReduceQl = (o: Reductor, nodes: ParserField[], tabs = '', level = 0): string => {
+    const lUP = level + 1;
+    return Object.entries(o)
+        .map(([k, v]) => {
+            if (v.value && Object.keys(v.value).length > 0) {
+                return Object.keys(v.node).length > 0
+                    ? `${tabs}${k}:[{${resolveQlValue(v.value, nodes, tabs)}\n${tabs}}, {\n${zeusReduceQl(
+                          v.node,
+                          nodes,
+                          tabs + '\t',
+                          lUP,
+                      )}${tabs}}]\n`
+                    : `${tabs}${k}:[{${resolveQlValue(v.value, nodes, tabs)}\n${tabs}}, true]`;
+            }
+            if (level === 0) {
+                return `const result = await api("${
+                    nodes.find((n) => n.name === k)?.type.operations?.[0]
+                }")({\n${zeusReduceQl(v.node, nodes, tabs + '\t', lUP)}})`;
+            }
+            const kObject =
+                Object.keys(v.node).length > 0
+                    ? `${tabs}${k}:{\n${zeusReduceQl(v.node, nodes, tabs + '\t', lUP)}${tabs}}\n`
+                    : `${tabs}${k}: true\n`;
+            return kObject;
+        })
+        .join('');
+};
+
+const resolveSingularValue = (v: FormObject, nodes: ParserField[], tabs = ''): string => {
+    if (v.value === null) {
+        return 'null';
+    }
+    if (Array.isArray(v.value)) {
+        return `[${v.value
+            .map((subVal) => resolveSingularValue({ node: v.node, value: (subVal as FormObject).value }, nodes, tabs))
+            .join(', ')}]`;
+    }
+    const seekNode = nodes.find((n) => n.name === getTypeName(v.node.type.fieldType));
+    if (seekNode?.data.type === TypeDefinition.EnumTypeDefinition) {
+        return v.value as string;
+    }
+    if (seekNode?.data.type === TypeDefinition.ScalarTypeDefinition) {
+        return v.value as string;
+    }
+    if (seekNode) {
+        return `{${resolveQlValue(v.value, nodes, tabs + '\t')}\n${tabs}\t}`;
+    }
+    return getTypeName(v.node.type.fieldType) === ScalarTypes.String ? `"${v.value}"` : `${v.value}`;
+};
+
+const resolveQlValue = (v: FormValue | undefined, nodes: ParserField[], tabs = '') => {
+    if (typeof v === 'undefined' || v === null) {
+        return '';
+    }
+    return Object.entries(v).reduce((a, [key, v]: [key: string, value: FormObject]) => {
+        if (typeof v.value === 'undefined' || v.value === '') {
+            return a;
+        }
+        if (Array.isArray(v.value) && v.value.length === 0) {
+            return a;
+        }
+        if (
+            typeof v.value === 'object' &&
+            v.value !== null &&
+            !Object.values(v.value).some(
+                (val) =>
+                    typeof val === 'object' && val !== null && 'value' in val && (!!val.value || val.value === false),
+            )
+        ) {
+            return a;
+        }
+        const resolvedValue = resolveSingularValue(v, nodes, tabs);
+        a = `${a}\n\t${tabs}${key}: ${resolvedValue}`;
+        return a;
+    }, '');
+};
+
+type ReductorValue = {
+    node: Reductor;
+    value?: FormValue;
+};
+type Reductor = {
+    [key: string]: ReductorValue;
+};

package/src/index.tsx

@@ -0,0 +1,58 @@
+import { FormObject, FormDisplayerProps, MainRendererProps } from '@/models';
+import { Renderer } from '@/renderer';
+import React from 'react';
+
+export * from '@/models';
+export { Renderer };
+
+export const FormRenderer: React.FC<MainRendererProps> = ({ formFields, onChange, widgetsOnChange, ...props }) => {
+    return (
+        <>
+            {Object.keys(formFields).map((key) => {
+                return (
+                    <Renderer
+                        {...props}
+                        changeWidget={(props, path) => {
+                            widgetsOnChange(path, props);
+                        }}
+                        currentPath={''}
+                        formObject={formFields[key]}
+                        onChange={(changedForm: FormObject) => {
+                            onChange({
+                                ...formFields,
+                                [key]: changedForm,
+                            });
+                        }}
+                        f={formFields[key].node}
+                    />
+                );
+            })}
+        </>
+    );
+};
+
+export const FormDisplayer: React.FC<FormDisplayerProps> = ({ formFields, onChange, ...props }) => {
+    return (
+        <>
+            {Object.keys(formFields).map((key) => {
+                return (
+                    <Renderer
+                        {...props}
+                        changeWidget={() => {
+                            return;
+                        }}
+                        currentPath={''}
+                        formObject={formFields[key]}
+                        onChange={(changedForm: FormObject) => {
+                            onChange({
+                                ...formFields,
+                                [key]: changedForm,
+                            });
+                        }}
+                        f={formFields[key].node}
+                    />
+                );
+            })}
+        </>
+    );
+};

package/src/models.ts

@@ -0,0 +1,93 @@
+import { ParserField } from 'graphql-js-tree';
+import React from 'react';
+
+export type FieldComponent = React.FC<PassedFormProps>;
+
+export type FormLabelProps = React.FC<PassedFormProps & { open?: boolean; setOpen: (b: boolean) => void }>;
+
+export type SavedWidgets = {
+    [selector: string]: {
+        widget: string;
+        [x: string]: any;
+    };
+};
+
+export type PassedFormProps<WidgetData = any> = {
+    f: ParserField;
+    nodes: ParserField[];
+    formObject: FormObject;
+    onChange: (formObject: FormObject) => void;
+    changeWidget: (widgetData: Record<string, any> | undefined, path: string) => void;
+    required?: boolean;
+    runQuery: (q: string) => Promise<any>;
+    widgetComponents: WidgetType[];
+    currentPath: string;
+    widgets?: SavedWidgets;
+    widgetData?: WidgetData;
+    components: {
+        ArrayField: FieldComponent;
+        ObjectField: FieldComponent;
+        BooleanField: FieldComponent;
+        UniversalField: FieldComponent;
+        NumberField: FieldComponent;
+        EnumField: FieldComponent;
+        NullField: FieldComponent;
+        FormLabel: FormLabelProps;
+        FormField: FieldComponent;
+    };
+};
+
+export type MainRendererProps = Omit<
+    PassedFormProps,
+    'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget'
+> & {
+    formFields: Record<string, FormObject>;
+    widgetsOnChange: (key: string, value?: Omit<FormObject, 'node' | 'value'>) => void;
+    onChange: (o: Record<string, FormObject>) => void;
+};
+
+export type FormDisplayerProps = Omit<
+    PassedFormProps,
+    'formObject' | 'onChange' | 'f' | 'currentPath' | 'changeWidget'
+> & {
+    formFields: Record<string, FormObject>;
+    onChange: (o: Record<string, FormObject>) => void;
+};
+
+export type FormLibraryProps = Omit<FormDisplayerProps, 'required' | 'components'>;
+
+export type CastToWidgetSettingsPassedForm<WidgetData> = PassedFormProps<Partial<WidgetData>> & {
+    close: () => void;
+};
+
+export type WidgetType = {
+    Component: React.FC<PassedFormProps>;
+    Settings: React.FC<CastToWidgetSettingsPassedForm<any>> | undefined;
+    requirements: (props: PassedFormProps) => boolean;
+    props?: Record<string, any>;
+    name: string;
+};
+
+export type FormValue =
+    | {
+          [x: string]: FormValue;
+      }
+    | string
+    | boolean
+    | number
+    | null
+    | undefined
+    | FormObject
+    | Array<FormValue>;
+
+export type FormObject = {
+    value?: FormValue;
+    node: ParserField;
+};
+
+export type FormDataType = Record<string, FormObject | Record<string, FormObject | undefined>>;
+
+export type FormFile = {
+    forms: Record<string, FormObject>;
+    widgets: Record<string, Omit<FormObject, 'node' | 'value'>>;
+};

package/src/renderer/fields.tsx

@@ -0,0 +1,61 @@
+import { PassedFormProps } from '@/models';
+import { getTypeName, Options, ScalarTypes, TypeDefinition, TypeSystemDefinition } from 'graphql-js-tree';
+import React from 'react';
+
+export const Fields: React.FC<PassedFormProps> = (props) => {
+    const {
+        nodes,
+        widgetComponents,
+        f,
+        widgets,
+        components: { ArrayField, ObjectField },
+    } = props;
+    const seekNode = nodes.find((n) => n.name === getTypeName(f.type.fieldType));
+    const isInput = seekNode?.data.type === TypeDefinition.InputObjectTypeDefinition;
+    if (f.data.type === TypeSystemDefinition.FieldDefinition) {
+        return <ObjectField {...props} />;
+    }
+    if (f.type.fieldType.type === Options.array) {
+        return <ArrayField {...props} />;
+    }
+    if (isInput) {
+        return <ObjectField {...props} f={seekNode} />;
+    }
+    const widget = widgets?.[props.currentPath];
+    if (widget) {
+        const WidgetComponent = widgetComponents.find((wc) => wc.name === widget.widget)?.Component;
+        if (!WidgetComponent) {
+            return <></>;
+        }
+        return <WidgetComponent {...props} widgetData={widget} />;
+    }
+    return <ScalarField {...props} />;
+};
+const ScalarField: React.FC<PassedFormProps> = (props) => {
+    const {
+        f,
+        nodes,
+        children,
+        components: { BooleanField, NumberField, EnumField, UniversalField },
+    } = props;
+    const typeName = getTypeName(f.type.fieldType);
+    const seekNode = nodes.find((n) => n.name === getTypeName(f.type.fieldType));
+    if (
+        typeName === ScalarTypes.String ||
+        typeName === ScalarTypes.ID ||
+        seekNode?.data.type === TypeDefinition.ScalarTypeDefinition
+    ) {
+        return <UniversalField {...props} />;
+    }
+
+    if (typeName === ScalarTypes.Float || typeName === ScalarTypes.Int) {
+        return <NumberField {...props} />;
+    }
+    if (typeName === ScalarTypes.Boolean) {
+        return <BooleanField {...props} />;
+    }
+    if (seekNode?.data.type === TypeDefinition.EnumTypeDefinition) {
+        return <EnumField {...props} />;
+    }
+    return <>{children}</>;
+};

package/src/renderer/index.tsx

@@ -0,0 +1,40 @@
+import { PassedFormProps } from '@/models';
+import { Fields } from '@/renderer/fields';
+import { TypeSystemDefinition, Options, getTypeName, TypeDefinition } from 'graphql-js-tree';
+import React, { useState } from 'react';
+
+export const Renderer: React.FC<PassedFormProps> = (props) => {
+    const {
+        formObject,
+        f,
+        nodes,
+        components: { NullField, FormLabel, FormField },
+    } = props;
+    const { children, ...allProps } = props;
+    const seekNode = nodes.find((n) => n.name === getTypeName(f.type.fieldType));
+    const isInput = seekNode?.data.type === TypeDefinition.InputObjectTypeDefinition;
+    const canBeOpened = props.f.data.type === TypeSystemDefinition.FieldDefinition || isInput;
+    const [open, setOpen] = useState(props.f.data.type === TypeSystemDefinition.FieldDefinition || props.required);
+    if (f.type.fieldType.type === Options.required) {
+        return (
+            <Renderer
+                {...props}
+                f={{
+                    ...f,
+                    type: { ...f.type, fieldType: { ...f.type.fieldType.nest } },
+                }}
+                required={true}
+            />
+        );
+    }
+    return (
+        <FormField {...allProps}>
+            <FormLabel {...allProps} open={open} setOpen={setOpen} children={children} />
+            {formObject.value === null ? (
+                <NullField {...allProps} />
+            ) : (
+                <>{(!canBeOpened || open) && <Fields {...allProps} />}</>
+            )}
+        </FormField>
+    );
+};

package/src/renderer/widgets/models.ts

@@ -0,0 +1,22 @@
+import { PassedFormProps, CastToWidgetSettingsPassedForm } from '@/models';
+import React from 'react';
+
+export function createWidget<Props>({
+    name,
+    Component,
+    Settings,
+    requirements,
+}: {
+    name: string;
+    Component: React.FC<PassedFormProps<Props>>;
+    Settings?: React.FC<CastToWidgetSettingsPassedForm<Props>>;
+    requirements: (props: PassedFormProps) => boolean;
+}) {
+    return {
+        Component,
+        Settings,
+        requirements,
+        props: {} as Props,
+        name,
+    };
+}

package/tsconfig.build.json

@@ -0,0 +1,36 @@
+{
+    "compilerOptions": {
+        "target": "es5" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */,
+        "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */,
+        "jsx": "react" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
+        "declaration": true /* Generates corresponding '.d.ts' file. */,
+
+        "sourceMap": true /* Generates corresponding '.map' file. */,
+
+        "outDir": "./lib" /* Redirect output structure to the directory. */,
+        "rootDir": "./src" /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */,
+
+        "isolatedModules": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,
+
+        "strict": true /* Enable all strict type-checking options. */,
+
+        "baseUrl": "./src" /* Base directory to resolve non-absolute module names. */,
+        "paths": {
+            "@/*": ["./*"]
+        } /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */,
+
+        "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+        "skipLibCheck": true /* Skip type checking of declaration files. */,
+        "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
+        "plugins": [
+            {
+                "transform": "typescript-transform-paths"
+            },
+            {
+                "transform": "typescript-transform-paths",
+                "afterDeclarations": true
+            }
+        ]
+    },
+    "exclude": ["**/__tests__/*", "**/__sandbox__/*", "./lib"]
+}

package/tsconfig.json

@@ -0,0 +1,20 @@
+{
+    "compilerOptions": {
+        "target": "es5" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017', 'ES2018', 'ES2019', 'ES2020', or 'ESNEXT'. */,
+        "module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', 'es2020', or 'ESNext'. */,
+        "jsx": "react" /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */,
+        "sourceMap": true /* Generates corresponding '.map' file. */,
+        "rootDir": "./src" /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */,
+        "isolatedModules": true /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */,
+        "strict": true /* Enable all strict type-checking options. */,
+        "baseUrl": "./src" /* Base directory to resolve non-absolute module names. */,
+        "outDir": "./lib",
+        "paths": {
+            "@/*": ["./*"]
+        } /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */,
+        "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+        "skipLibCheck": true /* Skip type checking of declaration files. */,
+        "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
+        "composite": true
+    }
+}