@sealcode/sealgen 0.11.8 → 0.12.2

package/dist/index.js

@@ -0,0 +1,26 @@
+import * as Controls from "./forms/controls/controls.js";
+import * as Field from "./forms/fields/field.js";
+import * as Fields from "./forms/fields/fields.js";
+export * from "./page/mountable.js";
+export * from "./page/page.js";
+export * from "./page/stateful-page.js";
+export * from "./forms/form-types.js";
+export * from "./forms/form.js";
+export * from "./page/props-parser.js";
+export * from "./utils/utils.js";
+export * from "./page/list.js";
+export * from "./page/sealious-list.js";
+export * from "./utils/translate.js";
+import * as sanitize from "./sanitize.js";
+export * from "./forms/multiform.js";
+import * as Components from "./components/components.js";
+export * from "./mount.js";
+export * from "./page/default-list-filters.js";
+export {
+  Components,
+  Controls,
+  Field,
+  Fields,
+  sanitize
+};
+//# sourceMappingURL=index.js.map

package/dist/make-env.js

@@ -0,0 +1,17 @@
+import os from "os";
+import { promises as fs } from "fs";
+import _locreq from "locreq";
+const target_locreq = _locreq(process.cwd());
+async function makeEnv() {
+  const { uid, gid } = os.userInfo();
+  const content = `USER_ID=${uid}
+GROUP_ID=${gid}
+`;
+  const path = target_locreq.resolve(".env");
+  await fs.writeFile(path, content);
+  console.log("wrote .env");
+}
+export {
+  makeEnv
+};
+//# sourceMappingURL=make-env.js.map

package/dist/make-hidden-inputs.js

@@ -0,0 +1,15 @@
+import { tempstream } from "tempstream";
+import { attribute } from "./sanitize.js";
+function makeHiddenInputs(ctx, fields, values, fields_to_skip) {
+  return tempstream`${Object.entries(fields).filter(([key]) => !fields_to_skip.includes(key)).map(
+    ([key, field]) => tempstream`<input
+				type="hidden"
+				name="${key}"
+				value="${field.getValue(ctx, values).then((r) => attribute(JSON.stringify(r.raw) || ""))}"
+			/>`
+  )}`;
+}
+export {
+  makeHiddenInputs
+};
+//# sourceMappingURL=make-hidden-inputs.js.map

package/dist/mount.js

@@ -0,0 +1,66 @@
+import Sealious from "sealious";
+async function handleHtmlPromise(ctx, next) {
+  await next();
+  if (ctx.body instanceof Promise) {
+    ctx.body = await ctx.body;
+  }
+  ctx.set("content-type", "text/html;charset=utf-8");
+}
+function mount(router, url, mountable, use_dummy_app = false) {
+  const raw_url = typeof url === "string" ? url : url.rawURL;
+  const args = use_dummy_app ? [
+    async (ctx, next) => {
+      ctx.$app = {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+        Logger: new Proxy(
+          {},
+          {
+            get: (_target, prop) => {
+              if (prop === "info") {
+                return () => {
+                };
+              } else {
+                return () => {
+                };
+              }
+            }
+          }
+        ),
+        getString: (x) => x
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      };
+      await next();
+    },
+    Sealious.Middlewares.parseBody(),
+    handleHtmlPromise
+  ] : [
+    Sealious.Middlewares.extractContext(),
+    Sealious.Middlewares.parseBody(),
+    handleHtmlPromise
+  ];
+  router.use(raw_url, ...args);
+  mountable.init();
+  router.get(raw_url.slice(0, -1), async (ctx, next) => {
+    const url2 = ctx.URL;
+    if (!url2.pathname.endsWith("/")) {
+      url2.pathname += "/";
+      ctx.redirect(url2.href);
+    }
+    await next();
+  });
+  router.use(raw_url, async (ctx, next) => {
+    ctx.set("content-type", "text/html;charset=utf-8");
+    const access_result = await mountable.canAccess(ctx);
+    if (!access_result.canAccess) {
+      ctx.status = 403;
+      ctx.body = access_result.message || "no access";
+      return;
+    }
+    await next();
+  });
+  mountable.mount(router, raw_url);
+}
+export {
+  mount
+};
+//# sourceMappingURL=mount.js.map

package/dist/notifier.js

@@ -0,0 +1,21 @@
+import WebSocket from "ws";
+function make_notifier(port) {
+  const server = new WebSocket.Server({
+    port
+  });
+  let sockets = [];
+  server.on("connection", function(socket) {
+    sockets.push(socket);
+    socket.on("close", function() {
+      sockets = sockets.filter((s) => s !== socket);
+    });
+  });
+  console.log("build notifier listening on websocket at port " + port);
+  return function notify(message) {
+    sockets.forEach((s) => s.send(message));
+  };
+}
+export {
+  make_notifier
+};
+//# sourceMappingURL=notifier.js.map

package/dist/page/access-control.js

@@ -0,0 +1,19 @@
+function peopleWhoCan(action, collection) {
+  return async function(ctx) {
+    const policy = collection.getPolicy(action);
+    const result = await policy.check(ctx.$context);
+    if (!result) {
+      ctx.status = 403;
+      return { canAccess: false, message: "Not allowed" };
+    }
+    if (!result.allowed) {
+      ctx.status = 403;
+      return { canAccess: false, message: result.reason };
+    }
+    return { canAccess: true, message: "" };
+  };
+}
+export {
+  peopleWhoCan
+};
+//# sourceMappingURL=access-control.js.map

package/dist/page/default-list-filters.js

@@ -0,0 +1,46 @@
+const BooleanListFilter = (value, field) => {
+  return (
+    /* HTML */
+    `<label>
+		${field.name}
+		<select name="filter[${field.name}]" autocomplete="off">
+			<option value="true" ${value == "true" ? "selected" : ""}>
+				True
+			</option>
+			<option value="false" ${value == "false" ? "selected" : ""}>
+				False
+			</option>
+			<option
+				value=""
+				${value == "null" || value == "" || value == "undefined" || value == void 0 ? "selected" : ""}
+			>
+				-
+			</option>
+		</select>
+	</label>`
+  );
+};
+const SimpleTextFilter = (value, field) => {
+  return (
+    /* HTML */
+    `<label>
+		${field.name}
+		<input
+			type="text"
+			name="${field.name}"
+			${value ? `value="${value}"` : value}
+		/>
+	</label>`
+  );
+};
+const DefaultListFilters = {
+  boolean: BooleanListFilter,
+  text: SimpleTextFilter,
+  fallback: SimpleTextFilter
+};
+export {
+  BooleanListFilter,
+  DefaultListFilters,
+  SimpleTextFilter
+};
+//# sourceMappingURL=default-list-filters.js.map

package/dist/page/list.js

@@ -0,0 +1,199 @@
+import { tempstream } from "tempstream";
+import { Page } from "./page.js";
+import { naturalNumbers, UrlWithNewParams } from "../utils/utils.js";
+import { makeHiddenInputs } from "../make-hidden-inputs.js";
+import qs from "qs";
+import { NumberField } from "../forms/fields/number.js";
+import { SimpleFormField } from "../forms/fields/simple-form-field.js";
+const BasePagePropsShape = {};
+const BaseListPageFields = {
+  page: new NumberField(false, 1),
+  itemsPerPage: new NumberField(false, 12),
+  sort: new SimpleFormField(false)
+};
+const SORT_SEPARATOR = ":";
+function decodeSort(s) {
+  if (typeof s !== "string" || !s.includes(SORT_SEPARATOR)) {
+    return null;
+  }
+  let order = s.split(SORT_SEPARATOR)[1];
+  const field = s.split(SORT_SEPARATOR)[0];
+  if (order !== "asc" && order !== "desc") {
+    order = "asc";
+    return {
+      field,
+      order
+    };
+  } else {
+    return { field, order };
+  }
+}
+function encodeSort(field, order) {
+  return [field, order].join(SORT_SEPARATOR);
+}
+class ListPage extends Page {
+  constructor() {
+    super(...arguments);
+    this.filterFields = {};
+    this.filterControls = [];
+  }
+  init() {
+    super.init();
+    for (const [fieldname, field] of Object.entries(this.filterFields)) {
+      field.init(fieldname);
+    }
+  }
+  renderListContainer(_, content) {
+    return tempstream`<div>${content}</div>`;
+  }
+  async getPaginationConfig(ctx) {
+    const values = await this.extractRawValues(ctx);
+    const { parsed: page } = await this.fields.page.getValue(ctx, values);
+    const { parsed: itemsPerPage } = await this.fields.itemsPerPage.getValue(ctx, values);
+    return { page, itemsPerPage };
+  }
+  async renderItems(ctx, values, items) {
+    if (!values) {
+      values = await this.extractRawValues(ctx);
+    }
+    const { itemsPerPage, page } = await this.getPaginationConfig(ctx);
+    const items_promise = this.getItems(ctx, page, itemsPerPage, values);
+    return tempstream`${(items ? Promise.resolve(items) : items_promise).then(
+      (items2) => items2.map((item, index) => this.renderItem(ctx, item, index))
+    )}`;
+  }
+  async render(ctx) {
+    const values = await this.extractRawValues(ctx);
+    return tempstream`${this.renderPagination(ctx, values)}
+			  ${this.renderFilters(ctx)}
+${this.renderListContainer(ctx, this.renderItems(ctx, values))}`;
+  }
+  async renderPagination(ctx, values) {
+    const { itemsPerPage, page } = await this.getPaginationConfig(ctx);
+    const totalIems = await this.getTotalPages(ctx, itemsPerPage, values);
+    return tempstream`<div class="list-pagination">
+			<div class="list-pagination__left">
+				${page > 1 ? this.renderPageButton(ctx, 1, "Pierwsza strona") : ""}
+				${page > 1 ? this.renderPageButton(ctx, page - 1, "Poprzednia strona") : ""}
+			</div>
+			<div class="list-pagination__center">
+				<select
+					title="choose page"
+					onchange="if (this.value) Turbo.visit(this.value)"
+				>
+					${Array.from(naturalNumbers(1, totalIems)).map(
+      (n) => (
+        /* HTML */
+        `<option
+							value="${UrlWithNewParams(
+          ctx,
+          //eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+          this.propsParser.overwriteProp(ctx, {
+            page: n
+          })
+        )}"
+							${page === n ? "selected" : ""}
+						>
+							${n}
+						</option>`
+      )
+    )}
+				</select>
+			</div>
+			<div class="list-pagination__right">
+				${page < totalIems ? this.renderPageButton(ctx, page + 1, "Nast\u0119pna strona") : ""}
+				${page < totalIems ? this.renderPageButton(ctx, totalIems, "Ostatnia strona") : ""}
+			</div>
+		</div>`;
+  }
+  renderPageButton(ctx, page, text) {
+    return (
+      /* HTML */
+      `<a
+			href="${UrlWithNewParams(
+        ctx,
+        //eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        this.propsParser.overwriteProp(ctx, {
+          page
+        })
+      )}"
+			>${text}</a
+		>`
+    );
+  }
+  async getFilterValues(ctx) {
+    const filter = {};
+    const raw_values = await this.extractRawValues(ctx);
+    for (const [fieldname, field] of Object.entries(this.filterFields)) {
+      const { parsed } = await field.getValue(ctx, raw_values);
+      filter[fieldname] = field.mapToFilter(parsed);
+    }
+    return filter;
+  }
+  async getSort(ctx) {
+    const { sort } = await this.extractRawValues(ctx);
+    const decoded = decodeSort(sort);
+    if (decoded === null) {
+      return this.getDefaultSort(ctx);
+    } else {
+      return decoded;
+    }
+  }
+  makeSortLink(ctx, field, order) {
+    const url = new URL(ctx.url, "https://example.com");
+    const params = qs.parse(url.search.slice(1));
+    params.sort = encodeSort(field, order);
+    url.search = qs.stringify(params);
+    return url.pathname + url.search;
+  }
+  async renderFilters(ctx) {
+    const values = await this.extractRawValues(ctx);
+    return tempstream`<form method="GET">
+			${makeHiddenInputs(ctx, this.fields, values, [
+      "page",
+      ...Object.values(this.filterFields).map((f) => f.name)
+    ])}
+			${this.filterControls.map((control) => {
+      return control.render(
+        this.makeFormControlContext(
+          ctx,
+          { raw_values: values, messages: [] },
+          false
+        )
+      );
+    })}
+		</form>`;
+  }
+  async renderHeading(ctx, field, label = field) {
+    const current_sort = await this.getSort(ctx);
+    const current_order = current_sort?.field == field ? current_sort.order : null;
+    const order = current_order == "desc" ? "asc" : "desc";
+    return (
+      /* HTML */
+      `<th>
+			<a href="${this.makeSortLink(ctx, field, order)}"
+				>${label}
+				${current_order && (current_order == "asc" ? "\u2191" : "\u2193") || ""}</a
+			>
+		</th>`
+    );
+  }
+  getDefaultSort(_) {
+    return null;
+  }
+  renderTableHead(ctx, fields) {
+    return tempstream`<thead>
+			<tr>
+				${fields.map(
+      ({ label, field }) => this.renderHeading(ctx, field, label)
+    )}
+			</tr>
+		</thead>`;
+  }
+}
+export {
+  BaseListPageFields,
+  BasePagePropsShape,
+  ListPage
+};
+//# sourceMappingURL=list.js.map

package/dist/page/mountable-with-fields.js

@@ -0,0 +1,106 @@
+import { tempstream } from "tempstream";
+import {
+  FormControlContext
+} from "../forms/controls/form-control.js";
+import { Mountable } from "./mountable.js";
+class MountableWithFields extends Mountable {
+  constructor() {
+    super();
+    this.field_names_prefix = "";
+    // useful for multiform, where many forms are merged into one and field assignment is made using the prefix
+    this.form_id = "";
+    if (!this.fields)
+      this.fields = {};
+  }
+  init() {
+    for (const [name, field] of Object.entries(this.fields)) {
+      field.init(name);
+    }
+  }
+  makeFormControlContext(ctx, data, validate, field_name_prefix = this.field_names_prefix, form_id = this.form_id) {
+    return new FormControlContext(
+      ctx,
+      data.raw_values,
+      data.messages,
+      field_name_prefix,
+      form_id,
+      validate
+    );
+  }
+  // this one is meant to be overwritten
+  async validateValues(ctx, data) {
+    return {
+      valid: true,
+      error: ""
+    };
+  }
+  async validate(ctx, values) {
+    const field_errors = {};
+    let valid = true;
+    const form_messages = [];
+    await Promise.all(
+      Object.entries(values).filter(([fieldname]) => fieldname in this.fields).map(async ([key]) => {
+        const field = this.fields[key];
+        const { valid: fieldvalid, message: fieldmessage } = await field.getValue(ctx, values);
+        if (!fieldvalid) {
+          valid = false;
+          field_errors[field.name] = fieldmessage;
+        }
+      })
+    );
+    const formValidationResult = await this.validateValues(ctx, values);
+    if (!formValidationResult.valid) {
+      form_messages.push({
+        type: "error",
+        text: formValidationResult.error
+      });
+      valid = false;
+    }
+    return { valid, field_errors, form_messages };
+  }
+  renderControls(fctx) {
+    return tempstream`${this.controls.map(
+      (control) => control.render(fctx)
+    )}`;
+  }
+  async renderError(_, error) {
+    return error.message;
+  }
+  renderMessages(_, data) {
+    return tempstream`<div class="form-messages">
+			${data.messages.map(
+      (message) => `<div class="form-message form-message--${message.type}">${message.text}</div>`
+    )}
+		</div>`;
+  }
+  async getParsedValues(ctx) {
+    const raw_values = await this.extractRawValues(ctx);
+    const result = {};
+    const promises = Object.entries(this.fields).map(
+      async ([key, field]) => {
+        const { parsed } = await field.getValue(ctx, raw_values);
+        result[key] = parsed;
+      }
+    );
+    await Promise.all(promises);
+    return result;
+  }
+  async getDatabaseValues(ctx) {
+    const raw_values = await this.extractRawValues(ctx);
+    const result = {};
+    const promises = Object.entries(this.fields).map(
+      async ([key, field]) => {
+        const db_value = await field.getDatabaseValue(ctx, raw_values);
+        if (db_value !== void 0) {
+          result[key] = db_value;
+        }
+      }
+    );
+    await Promise.all(promises);
+    return result;
+  }
+}
+export {
+  MountableWithFields
+};
+//# sourceMappingURL=mountable-with-fields.js.map

package/dist/page/mountable.js

@@ -0,0 +1,9 @@
+class Mountable {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  init() {
+  }
+}
+export {
+  Mountable
+};
+//# sourceMappingURL=mountable.js.map

package/dist/page/page.js

@@ -0,0 +1,31 @@
+import { tempstream } from "tempstream";
+import {
+  MountableWithFields
+} from "./mountable-with-fields.js";
+import { AllQueryParams } from "./props-parser.js";
+class Page extends MountableWithFields {
+  constructor() {
+    super(...arguments);
+    this.propsParser = new AllQueryParams();
+    this.controls = [];
+  }
+  mount(router, path) {
+    router.get(path, async (ctx) => {
+      ctx.body = await this.render(ctx);
+    });
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  async canAccess(_) {
+    return { canAccess: true, message: "" };
+  }
+  async renderError(_, error) {
+    return tempstream`<div>${error.message}</div>`;
+  }
+  async extractRawValues(ctx) {
+    return this.propsParser.decode(ctx) || {};
+  }
+}
+export {
+  Page
+};
+//# sourceMappingURL=page.js.map

package/dist/page/props-parser.js

@@ -0,0 +1,24 @@
+import merge from "merge";
+class PagePropsParser {
+  overwriteProp(ctx, new_props) {
+    const result = {};
+    merge.recursive(result, this.decode(ctx), new_props);
+    return result;
+  }
+}
+class AllQueryParams extends PagePropsParser {
+  decode(ctx) {
+    return ctx.query;
+  }
+  encode(props) {
+    return props;
+  }
+  getHTMLInputName(prop_name) {
+    return prop_name;
+  }
+}
+export {
+  AllQueryParams,
+  PagePropsParser
+};
+//# sourceMappingURL=props-parser.js.map

package/dist/page/sealious-list.js

@@ -0,0 +1,61 @@
+import { ListPage } from "./list.js";
+import { peopleWhoCan } from "./access-control.js";
+import qs from "qs";
+import { is, predicates } from "@sealcode/ts-predicates";
+class SealiousItemListPage extends ListPage {
+  constructor(collection) {
+    super();
+    this.collection = collection;
+    this.canAccess = peopleWhoCan("list", this.collection);
+  }
+  async getContextForList(ctx) {
+    return ctx.$context;
+  }
+  async getTotalPages(ctx, itemsPerPage) {
+    const query = this.collection.list(await this.getContextForList(ctx));
+    await this.addFilter(ctx, query);
+    const { items } = await query.fetch();
+    return Math.ceil(items.length / itemsPerPage);
+  }
+  async addFilter(ctx, list) {
+    const filters = await this.getFilterValues(ctx);
+    for (const key in filters) {
+      if (filters[key] === void 0 || filters[key] == "") {
+        delete filters[key];
+      }
+    }
+    if (Object.keys(filters).length) {
+      list.filter(filters);
+    }
+  }
+  async makeQuery(ctx) {
+    const query = this.collection.list(await this.getContextForList(ctx));
+    const sort = await this.getSort(ctx);
+    if (sort) {
+      query.sort({ [sort.field]: sort.order });
+    }
+    return query;
+  }
+  async getItems(ctx, page, itemsPerPage) {
+    const query = await this.makeQuery(ctx);
+    await this.addFilter(ctx, query);
+    const { items } = await query.paginate({ items: itemsPerPage, page }).fetch();
+    return items;
+  }
+  async getFilterValues(ctx) {
+    const query_params = qs.parse(ctx.search.slice(1));
+    const _filter_values = query_params?.filter || {};
+    let filter_values = is(
+      _filter_values,
+      predicates.record(predicates.string, predicates.string)
+    ) ? _filter_values : {};
+    return filter_values;
+  }
+  async renderItem(_, item, index) {
+    return `<div>${item.id}</div>`;
+  }
+}
+export {
+  SealiousItemListPage
+};
+//# sourceMappingURL=sealious-list.js.map