@sealcode/sealgen 0.8.9 → 0.8.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/@types/forms/fields/collection-field.d.ts +2 -2
- package/lib/forms/controls/simple-input.js +3 -1
- package/lib/forms/controls/simple-input.js.map +1 -1
- package/lib/forms/fields/collection-field.js +3 -0
- package/lib/forms/fields/collection-field.js.map +1 -1
- package/lib/page/mountable-with-fields.js +0 -1
- package/lib/page/mountable-with-fields.js.map +1 -1
- package/package.json +1 -1
- package/src/forms/controls/#simple-input.ts# +172 -0
- package/src/forms/controls/simple-input.ts +3 -1
- package/src/forms/fields/collection-field.ts +5 -2
- package/src/page/mountable-with-fields.ts +0 -1
|
@@ -2,14 +2,14 @@ import { Context } from "koa";
|
|
|
2
2
|
import { Depromisify, Field, FieldOutput } from "sealious";
|
|
3
3
|
import { FormDataValue } from "../form";
|
|
4
4
|
import { FieldParseResult, FormField, FormFieldValidationResponse } from "./field";
|
|
5
|
-
export declare class CollectionField<F extends Field, Required extends boolean> extends FormField<Required, FieldOutput<F
|
|
5
|
+
export declare class CollectionField<F extends Field, Required extends boolean> extends FormField<Required, FieldOutput<F> | null> {
|
|
6
6
|
sealiousField: F;
|
|
7
7
|
constructor(required: Required, sealiousField: F);
|
|
8
8
|
predicate: (v: unknown, w: unknown) => {
|
|
9
9
|
readonly match: true;
|
|
10
10
|
readonly wildcard: unknown;
|
|
11
11
|
};
|
|
12
|
-
parse(ctx: Context, raw_value: FormDataValue): Promise<FieldParseResult<FieldOutput<F
|
|
12
|
+
parse(ctx: Context, raw_value: FormDataValue): Promise<FieldParseResult<FieldOutput<F> | null>>;
|
|
13
13
|
isValueValid(ctx: Context, value: FieldOutput<F>): Promise<FormFieldValidationResponse>;
|
|
14
14
|
getEmptyValue(): Depromisify<ReturnType<F["decode"]>>;
|
|
15
15
|
}
|
|
@@ -26,7 +26,9 @@ class SimpleInput extends controls_1.FormFieldControl {
|
|
|
26
26
|
return this.options.id || this.field.name;
|
|
27
27
|
}
|
|
28
28
|
getPlaceholder() {
|
|
29
|
-
return this.options.placeholder
|
|
29
|
+
return this.options.placeholder === ""
|
|
30
|
+
? ""
|
|
31
|
+
: this.options.placeholder || this.getType();
|
|
30
32
|
}
|
|
31
33
|
async getInputAttributes(ctx, data, field_prefix, form_id) {
|
|
32
34
|
const readonly = this.options.readonly || false;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"simple-input.js","sourceRoot":"","sources":["../../../src/forms/controls/simple-input.ts"],"names":[],"mappings":";;;AACA,2CAAyD;AACzD,6CAA2C;AAC3C,6DAA2E;AAG3E,yCAA8C;AA2B9C,MAAa,WAGX,SAAQ,2BAAgB;IAEzB,YACQ,KAAsC,EAC7C,OAAiB;QAEjB,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAHR,UAAK,GAAL,KAAK,CAAiC;QAI7C,IAAI,CAAC,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;IAC9B,CAAC;IAED,KAAK,CAAC,QAAQ,CACb,IAAa,EACb,KAAoC;QAEpC,OAAO,EAAE,CAAC;IACX,CAAC;IAED,OAAO;QACN,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,MAAM,CAAC;IACpC,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,SAAS;YACrC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK;YACpB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IACpB,CAAC;IAED,KAAK;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;IAC3C,CAAC;IAED,cAAc;QACb,OAAO,IAAI,CAAC,OAAO,CAAC,WAAW,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"simple-input.js","sourceRoot":"","sources":["../../../src/forms/controls/simple-input.ts"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,9 @@ class CollectionField extends field_1.FormField {
|
|
|
10
10
|
this.predicate = ts_predicates_1.predicates.unknown;
|
|
11
11
|
}
|
|
12
12
|
async parse(ctx, raw_value) {
|
|
13
|
+
if (raw_value === undefined) {
|
|
14
|
+
return { parsable: true, parsed_value: null, error: null };
|
|
15
|
+
}
|
|
13
16
|
const encoded_value = (await this.sealiousField.encode(ctx.$context, raw_value));
|
|
14
17
|
const parsed_value = (await this.sealiousField.decode(ctx.$context, encoded_value, null, {}));
|
|
15
18
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"collection-field.js","sourceRoot":"","sources":["../../../src/forms/fields/collection-field.ts"],"names":[],"mappings":";;;AAAA,2DAAqD;AAKrD,mCAIiB;AAEjB,MAAa,eAGX,SAAQ,
|
|
1
|
+
{"version":3,"file":"collection-field.js","sourceRoot":"","sources":["../../../src/forms/fields/collection-field.ts"],"names":[],"mappings":";;;AAAA,2DAAqD;AAKrD,mCAIiB;AAEjB,MAAa,eAGX,SAAQ,iBAA0C;IACnD,YAAY,QAAkB,EAAS,aAAgB;QACtD,KAAK,CAAC,QAAQ,CAAC,CAAC;QADsB,kBAAa,GAAb,aAAa,CAAG;QAIvD,cAAS,GAAG,0BAAU,CAAC,OAAO,CAAC;IAF/B,CAAC;IAID,KAAK,CAAC,KAAK,CACV,GAAY,EACZ,SAAwB;QAExB,IAAI,SAAS,KAAK,SAAS,EAAE;YAC5B,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;SAC3D;QACD,MAAM,aAAa,GAAG,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,MAAM,CACrD,GAAG,CAAC,QAAQ,EACZ,SAAS,CACT,CAAyC,CAAC;QAC3C,MAAM,YAAY,GAAG,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,MAAM,CACpD,GAAG,CAAC,QAAQ,EACZ,aAAa,EACb,IAAI,EACJ,EAAE,CACF,CAAyC,CAAC;QAC3C,OAAO;YACN,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,IAAI;YACX,YAAY;SACZ,CAAC;IACH,CAAC;IAEM,KAAK,CAAC,YAAY,CACxB,GAAY,EACZ,KAAqB;QAErB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,UAAU,CAC5D,GAAG,CAAC,QAAQ,EACZ,KAAK,EACL,SAAS,EACT,IAAI,CACJ,CAAC;QACF,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC;IACpE,CAAC;IAEM,aAAa;QACnB,OAAO,EAAqD,CAAC;IAC9D,CAAC;CACD;AAlDD,0CAkDC"}
|
|
@@ -48,7 +48,6 @@ class MountableWithFields extends mountable_1.Mountable {
|
|
|
48
48
|
return { valid, field_errors, form_messages };
|
|
49
49
|
}
|
|
50
50
|
renderControls(ctx, data, validate) {
|
|
51
|
-
console.log("RENDER CONTROLS", data.raw_values);
|
|
52
51
|
return tempstream_1.tempstream /* HTML */ `${this.controls.map((control) => control.render(ctx, data.raw_values, data.messages, this.field_names_prefix, this.form_id, validate))}`;
|
|
53
52
|
}
|
|
54
53
|
async renderError(_, error) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mountable-with-fields.js","sourceRoot":"","sources":["../../src/page/mountable-with-fields.ts"],"names":[],"mappings":";;;AAEA,2CAAyD;AAIzD,2CAAwC;AAMxC,MAAsB,mBAEpB,SAAQ,qBAAS;IAMlB;QACC,KAAK,EAAE,CAAC;QALT,uBAAkB,GAAG,EAAE,CAAC,CAAC,2GAA2G;QACpI,YAAO,GAAG,EAAE,CAAC,CAAC,mEAAmE;QAKhF,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,MAAM,GAAG,EAAO,CAAC;IACzC,CAAC;IAED,IAAI;QACH,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;YACxD,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SACjB;IACF,CAAC;IAED,sCAAsC;IACtC,KAAK,CAAC,cAAc,CACnB,GAAY,EACZ,IAAmC;QAEnC,OAAO;YACN,KAAK,EAAE,IAAI;YACX,KAAK,EAAE,EAAE;SACT,CAAC;IACH,CAAC;IAED,KAAK,CAAC,QAAQ,CACb,GAAY,EACZ,MAAqC;QAMrC,MAAM,YAAY,GAAG,EAAkC,CAAC;QACxD,IAAI,KAAK,GAAG,IAAI,CAAC;QACjB,MAAM,aAAa,GAAG,EAAmB,CAAC;QAC1C,MAAM,OAAO,CAAC,GAAG,CAChB,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC;aACpB,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAAE,EAAE,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC;aACjD,GAAG,CAAC,KAAK,EAAE,CAAC,GAAG,CAA2B,EAAE,EAAE;YAC9C,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YAC/B,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,YAAY,EAAE,GACjD,MAAM,KAAK,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;YACnC,IAAI,CAAC,UAAU,EAAE;gBAChB,KAAK,GAAG,KAAK,CAAC;gBACd,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC;aACxC;QACF,CAAC,CAAC,CACH,CAAC;QACF,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QACpE,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE;YAChC,aAAa,CAAC,IAAI,CAAC;gBAClB,IAAI,EAAE,OAAO;gBACb,IAAI,EAAE,oBAAoB,CAAC,KAAK;aAChC,CAAC,CAAC;YACH,KAAK,GAAG,KAAK,CAAC;SACd;QACD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;IAC/C,CAAC;IAEM,cAAc,CACpB,GAAY,EACZ,IAA4B,EAC5B,QAAiB;QAEjB,OAAO,
|
|
1
|
+
{"version":3,"file":"mountable-with-fields.js","sourceRoot":"","sources":["../../src/page/mountable-with-fields.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
import { Context } from "koa";
|
|
2
|
+
import { FlatTemplatable, tempstream } from "tempstream";
|
|
3
|
+
import { attribute } from "../../sanitize";
|
|
4
|
+
import { getRequiredClass, inputWrapper } from "../../utils/input-wrapper";
|
|
5
|
+
import { FormField } from "../fields/field";
|
|
6
|
+
import { FormDataValue, FormMessage } from "../form";
|
|
7
|
+
import { FormFieldControl } from "./controls";
|
|
8
|
+
|
|
9
|
+
export type SimpleInputOptions = {
|
|
10
|
+
id?: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
autocomplete?: boolean;
|
|
13
|
+
hide_errors?: boolean;
|
|
14
|
+
type?:
|
|
15
|
+
| "color"
|
|
16
|
+
| "date"
|
|
17
|
+
| "email"
|
|
18
|
+
| "file"
|
|
19
|
+
| "month"
|
|
20
|
+
| "number"
|
|
21
|
+
| "password"
|
|
22
|
+
| "search"
|
|
23
|
+
| "tel"
|
|
24
|
+
| "text"
|
|
25
|
+
| "time"
|
|
26
|
+
| "url"
|
|
27
|
+
| "week";
|
|
28
|
+
value?: string;
|
|
29
|
+
placeholder?: string;
|
|
30
|
+
readonly?: boolean;
|
|
31
|
+
step?: number;
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
export class SimpleInput<
|
|
35
|
+
ParsedValue,
|
|
36
|
+
Options extends SimpleInputOptions = SimpleInputOptions
|
|
37
|
+
> extends FormFieldControl {
|
|
38
|
+
options: SimpleInputOptions;
|
|
39
|
+
constructor(
|
|
40
|
+
public field: FormField<boolean, ParsedValue>,
|
|
41
|
+
options?: Options
|
|
42
|
+
) {
|
|
43
|
+
super([field]);
|
|
44
|
+
this.options = options || {};
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
async preInput(
|
|
48
|
+
_ctx: Context,
|
|
49
|
+
_data: Record<string, FormDataValue>
|
|
50
|
+
): Promise<FlatTemplatable> {
|
|
51
|
+
return "";
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
getType(): string {
|
|
55
|
+
return this.options.type || "text";
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
getLabel(): string {
|
|
59
|
+
return this.options.label != undefined
|
|
60
|
+
? this.options.label
|
|
61
|
+
: this.field.name;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
getID(): string {
|
|
65
|
+
return this.options.id || this.field.name;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
getPlaceholder(): string {
|
|
69
|
+
return (!this.options.placeholder )|| this.getType();
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
async getInputAttributes(
|
|
73
|
+
ctx: Context,
|
|
74
|
+
data: Record<string, FormDataValue>,
|
|
75
|
+
field_prefix: string,
|
|
76
|
+
form_id: string
|
|
77
|
+
): Promise<Record<string, string | boolean>> {
|
|
78
|
+
const readonly = this.options.readonly || false;
|
|
79
|
+
const required = this.field.required;
|
|
80
|
+
const { parsed, raw, valid } = await this.field.getValue(ctx, data);
|
|
81
|
+
return Object.fromEntries([
|
|
82
|
+
<const>["id", this.getID()],
|
|
83
|
+
<const>["type", this.getType()],
|
|
84
|
+
<const>["name", `${field_prefix}${this.field.name}`],
|
|
85
|
+
<const>[
|
|
86
|
+
"value",
|
|
87
|
+
!valid && raw
|
|
88
|
+
? raw.toString()
|
|
89
|
+
: parsed !== undefined && parsed !== null
|
|
90
|
+
? ((parsed as any)?.toString() as string) || ""
|
|
91
|
+
: "",
|
|
92
|
+
],
|
|
93
|
+
...(form_id ? [["form", form_id]] : []),
|
|
94
|
+
<const>["placeholder", this.getPlaceholder()],
|
|
95
|
+
...(readonly ? [["readonly", true]] : []),
|
|
96
|
+
...(required ? [["required", true]] : []),
|
|
97
|
+
...(!this.options.autocomplete ? [["autocomplete", "off"]] : []),
|
|
98
|
+
...(this.options.step ? [["step", this.options.step]] : []),
|
|
99
|
+
]);
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
renderAttributes(attrs: Record<string, string | boolean>) {
|
|
103
|
+
return Object.entries(attrs)
|
|
104
|
+
.map(([key, value]) => {
|
|
105
|
+
if (typeof value === "boolean") {
|
|
106
|
+
if (value) {
|
|
107
|
+
return key;
|
|
108
|
+
} else {
|
|
109
|
+
return "";
|
|
110
|
+
}
|
|
111
|
+
} else {
|
|
112
|
+
return `${key}="${attribute(value)}"`;
|
|
113
|
+
}
|
|
114
|
+
})
|
|
115
|
+
.join(" ");
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
async postInput(ctx: Context): Promise<FlatTemplatable> {
|
|
119
|
+
return "";
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
async renderInput(
|
|
123
|
+
ctx: Context,
|
|
124
|
+
attributes_str: string,
|
|
125
|
+
data: Record<string, FormDataValue>
|
|
126
|
+
): Promise<FlatTemplatable> {
|
|
127
|
+
return `<input ${attributes_str} />`;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
async render<Fields extends Record<string, FormField>>(
|
|
131
|
+
ctx: Context,
|
|
132
|
+
data: Record<string, FormDataValue>,
|
|
133
|
+
_messages: FormMessage[],
|
|
134
|
+
field_prefix: string,
|
|
135
|
+
form_id: string,
|
|
136
|
+
show_errors: boolean
|
|
137
|
+
): Promise<FlatTemplatable> {
|
|
138
|
+
const id = this.getID();
|
|
139
|
+
const label = this.getLabel();
|
|
140
|
+
const type = this.getType();
|
|
141
|
+
|
|
142
|
+
const { parsed, raw, valid, message } = await this.field.getValue(
|
|
143
|
+
ctx,
|
|
144
|
+
data
|
|
145
|
+
);
|
|
146
|
+
const placeholder = this.getPlaceholder();
|
|
147
|
+
|
|
148
|
+
return inputWrapper(
|
|
149
|
+
[id, type, getRequiredClass(this.field.required)],
|
|
150
|
+
tempstream/* HTML */ `
|
|
151
|
+
${label ? `<label for="${id}">${label}</label>` : ""}
|
|
152
|
+
${await this.preInput(ctx, data)}
|
|
153
|
+
${this.renderInput(
|
|
154
|
+
ctx,
|
|
155
|
+
this.renderAttributes(
|
|
156
|
+
await this.getInputAttributes(
|
|
157
|
+
ctx,
|
|
158
|
+
data,
|
|
159
|
+
field_prefix,
|
|
160
|
+
form_id
|
|
161
|
+
)
|
|
162
|
+
),
|
|
163
|
+
data
|
|
164
|
+
)}
|
|
165
|
+
${this.postInput(ctx)}
|
|
166
|
+
${~valid && !this.options.hide_errors && show_errors
|
|
167
|
+
? `<div class="input__error">${message}</div>`
|
|
168
|
+
: ""}
|
|
169
|
+
`
|
|
170
|
+
);
|
|
171
|
+
}
|
|
172
|
+
}
|
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
export class CollectionField<
|
|
13
13
|
F extends Field,
|
|
14
14
|
Required extends boolean
|
|
15
|
-
> extends FormField<Required, FieldOutput<F
|
|
15
|
+
> extends FormField<Required, FieldOutput<F> | null> {
|
|
16
16
|
constructor(required: Required, public sealiousField: F) {
|
|
17
17
|
super(required);
|
|
18
18
|
}
|
|
@@ -22,7 +22,10 @@ export class CollectionField<
|
|
|
22
22
|
async parse(
|
|
23
23
|
ctx: Context,
|
|
24
24
|
raw_value: FormDataValue
|
|
25
|
-
): Promise<FieldParseResult<FieldOutput<F
|
|
25
|
+
): Promise<FieldParseResult<FieldOutput<F> | null>> {
|
|
26
|
+
if (raw_value === undefined) {
|
|
27
|
+
return { parsable: true, parsed_value: null, error: null };
|
|
28
|
+
}
|
|
26
29
|
const encoded_value = (await this.sealiousField.encode(
|
|
27
30
|
ctx.$context,
|
|
28
31
|
raw_value
|
|
@@ -80,7 +80,6 @@ export abstract class MountableWithFields<
|
|
|
80
80
|
data: FormData<keyof Fields>,
|
|
81
81
|
validate: boolean
|
|
82
82
|
): FlatTemplatable {
|
|
83
|
-
console.log("RENDER CONTROLS", data.raw_values);
|
|
84
83
|
return tempstream/* HTML */ `${this.controls.map((control) =>
|
|
85
84
|
control.render(
|
|
86
85
|
ctx,
|