reactivated 0.25.0 → 1.0.0

package/dist/generator.js

@@ -0,0 +1,155 @@
+#!/usr/bin/env node
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_1 = __importDefault(require("fs"));
+// Must be above the compile import as get-stdin used by
+// json-schema-to-typescript messes up the descriptor even if unused.
+const stdinBuffer = fs_1.default.readFileSync(0);
+const json_schema_to_typescript_1 = require("json-schema-to-typescript");
+const ts_morph_1 = require("ts-morph");
+const schema = JSON.parse(stdinBuffer.toString("utf8"));
+const { urls: possibleEmptyUrls, templates, interfaces, types, values } = schema;
+const urls = Object.assign(Object.assign({}, possibleEmptyUrls), { __reactivated_do_not_use: {
+        route: "__reactivated_do_not_use",
+        args: {},
+    }, __reactivated_do_not_use_args: {
+        route: "__reactivated_do_not_use_args",
+        args: {
+            _: "string",
+        },
+    } });
+const project = new ts_morph_1.Project();
+const sourceFile = project.createSourceFile("");
+if (Object.keys(urls).length !== 0) {
+    sourceFile.addVariableStatement({
+        declarationKind: ts_morph_1.VariableDeclarationKind.Const,
+        declarations: [
+            {
+                name: "urls",
+                initializer: JSON.stringify(urls),
+            },
+        ],
+    });
+    const urlMap = sourceFile.addInterface({
+        name: "URLMap",
+    });
+    urlMap.setIsExported(true);
+    const withArguments = [""];
+    const withoutArguments = [""];
+    for (const name of Object.keys(urls)) {
+        const properties = urls[name].args;
+        const normalizedName = name.replace(/[^\w]/g, "_");
+        const urlInterface = sourceFile.addInterface({
+            name: normalizedName,
+            properties: [{ name: "name", type: `'${name}'` }],
+        });
+        const argsInterface = sourceFile.addInterface({
+            name: `${normalizedName}_args`,
+        });
+        for (const propertyName of Object.keys(properties)) {
+            argsInterface.addProperty({
+                name: propertyName,
+                type: properties[propertyName],
+            });
+        }
+        urlInterface.addProperty({
+            name: "args",
+            type: `${normalizedName}_args`,
+        });
+        urlMap.addProperty({
+            name: normalizedName,
+            type: normalizedName,
+        });
+        if (Object.keys(properties).length === 0) {
+            withoutArguments.push(normalizedName);
+        }
+        else {
+            withArguments.push(normalizedName);
+        }
+    }
+    sourceFile.addTypeAlias({ name: "WithArguments", type: withArguments.join("|") });
+    sourceFile.addTypeAlias({
+        name: "WithoutArguments",
+        type: withoutArguments.join("|"),
+    });
+    sourceFile.addStatements(`
+
+    type All = WithArguments|WithoutArguments;
+    export function reverse<T extends WithoutArguments['name']>(name: T): string;
+    export function reverse<T extends WithArguments['name']>(name: T, args: Extract<WithArguments, {name: T}>['args']): string;
+    export function reverse<T extends All['name']>(name: T, args?: Extract<WithArguments, {name: T}>['args']): string {
+        let route = urls[name].route;
+
+        if (args != null) {
+            for (const token of Object.keys(args)) {
+                route = route.replace(new RegExp('<(.+?:)' + token + '>'), (args as any)[token]);
+            }
+        }
+        return route;
+    }`);
+}
+sourceFile.addStatements(`
+import React from "react"
+import createContext from "reactivated/dist/context";
+import * as forms from "reactivated/dist/forms";
+import * as generated from "reactivated/dist/generated";
+
+// Note: this needs strict function types to behave correctly with excess properties etc.
+export type Checker<P, U extends (React.FunctionComponent<P> | React.ComponentClass<P>)> = {};
+
+export const {Context, Provider, getServerData} = createContext<_Types["Context"]>();
+
+export const getTemplate = ({template_name}: {template_name: string}) => {
+    // This require needs to be *inside* the function to avoid circular dependencies with esbuild.
+    const { default: templates, filenames } = require('../../client/templates/**/*');
+    const templatePath = "../../client/templates/" + template_name + ".tsx";
+    const possibleTemplate: {default: React.ComponentType<any>} | null = templates.find((t: any, index: number) => filenames[index] === templatePath);
+
+    if (possibleTemplate == null) {
+        throw new Error("Template " + template_name + ".tsx not found");
+    }
+    return possibleTemplate.default;
+}
+
+export const CSRFToken = forms.createCSRFToken(Context);
+
+export const {createRenderer, Iterator} = forms.bindWidgetType<_Types["globals"]["Widget"]>();
+export type FieldHandler = forms.FieldHandler<_Types["globals"]["Widget"]>;
+
+export const {Form, FormSet, Widget, useForm, useFormSet, ManagementForm} = forms;
+`);
+// tslint:disable-next-line
+(0, json_schema_to_typescript_1.compile)(types, "_Types").then((ts) => {
+    process.stdout.write("/* eslint-disable */\n");
+    process.stdout.write(ts);
+    for (const name of Object.keys(templates)) {
+        const propsName = templates[name];
+        sourceFile.addStatements(`
+
+import ${name}Implementation from "@client/templates/${name}"
+export type ${name}Check = Checker<_Types["${propsName}"], typeof ${name}Implementation>;
+
+export namespace templates {
+    export type ${name} = _Types["${propsName}"];
+}
+
+
+        `);
+    }
+    for (const name of Object.keys(interfaces)) {
+        const propsName = interfaces[name];
+        sourceFile.addStatements(`
+
+export namespace interfaces {
+    export type ${name} = _Types["${propsName}"];
+}
+
+
+        `);
+    }
+    process.stdout.write(sourceFile.getText());
+});
+//# sourceMappingURL=generator.js.map

package/dist/generator.js.map

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

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEA,oDAAkC;AAClC,sDAAoC"}

package/dist/models.js.map

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

package/dist/renderer.js

@@ -0,0 +1,117 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a, _b;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.server = exports.SOCKET_PATH = exports.serverRender = exports.simpleRender = exports.render = exports.renderPage = exports.BODY_SIZE_LIMIT = void 0;
+const fs_1 = __importDefault(require("fs"));
+const http_1 = __importDefault(require("http"));
+const react_1 = __importDefault(require("react"));
+const server_1 = __importDefault(require("react-dom/server"));
+const react_helmet_async_1 = require("react-helmet-async");
+// Useful when running e2e tests or the like, where the output is not
+// co-located with the running process.
+const REACTIVATED_CLIENT_ROOT = (_a = process.env.REACTIVATED_CLIENT_ROOT) !== null && _a !== void 0 ? _a : `../client`;
+// TODO: WHAT DOES THIS NEED TO BE? Even 100k was super fragile and a 10 choice field broke it.
+exports.BODY_SIZE_LIMIT = "100000000k";
+const renderPage = ({ html, helmet, context, props, }) => `
+<!DOCTYPE html>
+<html ${helmet.htmlAttributes.toString()}>
+    <head>
+        <script>
+            // These go first because scripts below need them.
+            // WARNING: See the following for security issues around embedding JSON in HTML:
+            // http://redux.js.org/recipes/ServerRendering.html#security-considerations
+            window.__PRELOADED_PROPS__ = ${JSON.stringify(props).replace(/</g, "\\u003c")}
+            window.__PRELOADED_CONTEXT__ = ${JSON.stringify(context).replace(/</g, "\\u003c")}
+        </script>
+
+        ${helmet.base.toString()}
+        ${helmet.link.toString()}
+        ${helmet.meta.toString()}
+        ${helmet.noscript.toString()}
+        ${helmet.script.toString()}
+        ${helmet.style.toString()}
+        ${helmet.title.toString()}
+    </head>
+    <body ${helmet.bodyAttributes.toString()}>
+        <div id="root">${html}</div>
+    </body>
+</html>
+`;
+exports.renderPage = renderPage;
+const PATHS = ["/", "/form/"];
+const render = ({ context, props }) => {
+    const { Provider, getTemplate } = require("_reactivated/index.tsx");
+    try {
+        const Template = getTemplate(context);
+        const helmetContext = {};
+        const rendered = server_1.default.renderToString(react_1.default.createElement(react_helmet_async_1.HelmetProvider, { context: helmetContext },
+            react_1.default.createElement(Provider, { value: context },
+                react_1.default.createElement(Template, Object.assign({}, props)))));
+        const { helmet } = helmetContext;
+        return {
+            status: "success",
+            rendered: (0, exports.renderPage)({
+                html: rendered,
+                helmet,
+                props,
+                context,
+            }),
+        };
+    }
+    catch (error) {
+        return { status: "error", error };
+    }
+};
+exports.render = render;
+const simpleRender = () => {
+    const input = fs_1.default.readFileSync(0);
+    const { context, props } = JSON.parse(input.toString("utf8"));
+    process.stdout.write(JSON.stringify((0, exports.render)({ context, props })));
+};
+exports.simpleRender = simpleRender;
+const serverRender = (body) => {
+    const { context, props } = JSON.parse(body.toString("utf8"));
+    return (0, exports.render)({ context, props });
+};
+exports.serverRender = serverRender;
+const OK_RESPONSE = 200;
+const ERROR_REPONSE = 500;
+// Relative path to keep it under 100 characters.
+// See: https://unix.stackexchange.com/questions/367008/why-is-socket-path-length-limited-to-a-hundred-chars
+exports.SOCKET_PATH = (_b = process.env.REACTIVATED_SOCKET) !== null && _b !== void 0 ? _b : `node_modules/_reactivated/reactivated.sock`;
+exports.server = http_1.default.createServer((req, res) => {
+    let body = Buffer.from("");
+    req.on("data", (chunk) => {
+        body = Buffer.concat([body, chunk]);
+    });
+    req.on("end", () => {
+        const result = (0, exports.serverRender)(body);
+        if (result.status === "success") {
+            res.writeHead(OK_RESPONSE, { "Content-Type": "text/html; charset=utf-8" });
+            res.end(result.rendered);
+        }
+        else {
+            res.writeHead(ERROR_REPONSE, { "Content-Type": "application/json" });
+            res.end(JSON.stringify(result.error, Object.getOwnPropertyNames(result.error)));
+        }
+    });
+});
+if (fs_1.default.existsSync(exports.SOCKET_PATH)) {
+    fs_1.default.unlinkSync(exports.SOCKET_PATH);
+}
+exports.server.listen(exports.SOCKET_PATH, () => {
+    const address = exports.server.address();
+    if (address == null) {
+        throw new Error();
+    }
+    else if (typeof address === "string") {
+        process.stdout.write(`RENDERER:${address}:LISTENING`);
+    }
+    else {
+        process.stdout.write(`RENDERER:${address.port.toString()}:LISTENING`);
+    }
+});
+//# sourceMappingURL=renderer.js.map

package/dist/renderer.js.map

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

package/dist/types.js.map

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

package/package.json

@@ -1,9 +1,22 @@
 {
     "name": "reactivated",
-    "version": "0.25.0",
-    "repository": "github:silviogutierrez/reactivated",
-    "license": "MIT",
+    "version": "1.0.0",
     "description": "",
+    "main": "dist/index2.js",
+    "typings": "dist/index.d.ts",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "build": "tsc"
+    },
+    "author": "",
+    "bin": {
+        "setup_environment.sh": "./scripts/setup_environment.sh",
+        "generate_client_assets": "./dist/generator.js",
+        "generate_client_constants": "./dist/generator/constants.js",
+        "build.client.js": "./dist/build.client.js",
+        "build.renderer.js": "./dist/build.renderer.js"
+    },
+    "license": "ISC",
     "dependencies": {
         "@babel/core": "^7.16.7",
         "@babel/preset-react": "^7.17.12",
@@ -13,8 +26,6 @@
         "@linaria/esbuild": "3.0.0-beta.21",
         "@linaria/react": "3.0.0-beta.21",
         "@linaria/shaker": "3.0.0-beta.21",
-        "@types/react": "^18.0.12",
-        "@types/react-dom": "^18.0.5",
         "@typescript-eslint/eslint-plugin": "^5.30.6",
         "@typescript-eslint/parser": "^5.30.6",
         "@vanilla-extract/css": "^1.6.8",
@@ -29,22 +40,15 @@
         "eslint-plugin-react-hooks": "^4.6.0",
         "immer": "^9.0.7",
         "json-schema-to-typescript": "^10.1.5",
-        "react": "^18.1.0",
-        "react-dom": "^18.1.0",
-        "react-helmet-async": "^1.3.0",
         "terser": "^5.10.0",
         "ts-morph": "^13.0.2",
         "typescript": "^4.7.4"
     },
-    "devDependencies": {},
-    "main": "lib/index.js",
-    "scripts": {
-        "@ comment 1": "tsc && find . \\( -name '*.ts' -o -name '*.tsx' \\)  -not -path './node_modules/*' -exec rm {} \\;",
-        "@ comment 2": "See .npmignore for how we prevent .ts and .tsx files from being uploaded. Above is another way.",
-        "prepublishOnly": "tsc",
-        "postpublish": "git clean -fd",
-        "build": "tsc --outDir dist",
-        "start": "rm -rf ../../sample/node_modules/reactivated && tsc -w --outDir ../../sample/node_modules/reactivated"
-    },
-    "author": ""
+    "peerDependencies": {
+        "@types/react": "^18.0.12",
+        "@types/react-dom": "^18.0.5",
+        "react": "^18.1.0",
+        "react-dom": "^18.1.0",
+        "react-helmet-async": "^1.3.0"
+    }
 }

package/scripts/setup_environment.sh

@@ -0,0 +1,39 @@
+# This script is meant to be sourced, not run in a subshell.
+SOURCE_DATE_EPOCH=$(date +%s)
+export SOURCE_DATE_EPOCH
+VIRTUAL_ENV=$PWD/.venv
+PATH=$VIRTUAL_ENV/bin:$PATH
+POSTGRESQL_DATA="$VIRTUAL_ENV/postgresql"
+POSTGRESQL_LOGS="$VIRTUAL_ENV/postgresql/logs.txt"
+TMP_ENV="$TMPDIR/reactivated/$(echo "$VIRTUAL_ENV" | md5sum | awk '{print $1}')"
+
+export PGPORT=1
+export PGDATABASE="database"
+export PGHOST=$TMP_ENV
+EXTERNAL_PID="$TMP_ENV/postmaster.pid"
+
+if [ ! -d "$VIRTUAL_ENV" ]; then
+    if [ -f "$EXTERNAL_PID" ]; then
+        kill -9 "$(cat "$EXTERNAL_PID")"
+        rm "$EXTERNAL_PID"
+    fi
+
+    NEED_DATABASE=true
+    npm install
+    rm -rf "$TMP_ENV"
+    virtualenv "$VIRTUAL_ENV"
+    mkdir "$VIRTUAL_ENV/static"
+    initdb "$POSTGRESQL_DATA"
+    pip install -r requirements.txt
+
+fi
+
+mkdir -p "$TMP_ENV"
+
+if [ ! -f "$EXTERNAL_PID" ]; then
+    pg_ctl -o "-p 1 -k \"$PGHOST\" -c listen_addresses=\"\" -c external_pid_file=\"$EXTERNAL_PID\"" -D "$POSTGRESQL_DATA" -l "$POSTGRESQL_LOGS" start &>/dev/null
+fi
+
+if [ "$NEED_DATABASE" == true ]; then
+    createdb $PGDATABASE &>/dev/null
+fi

package/src/babel.config.tsx

@@ -0,0 +1,14 @@
+export default {
+    presets: [["@babel/preset-typescript", {allowNamespaces: true}]],
+    plugins: [
+        [
+            "module-resolver",
+            {
+                root: ["./"],
+                alias: {
+                    "@client": "./client",
+                },
+            },
+        ],
+    ],
+};

package/src/build.client.tsx

@@ -0,0 +1,59 @@
+#!/usr/bin/env node
+
+import linaria from "@linaria/esbuild";
+import {vanillaExtractPlugin} from "@vanilla-extract/esbuild-plugin";
+import * as esbuild from "esbuild";
+import ImportGlobPlugin from "esbuild-plugin-import-glob";
+
+const entryNames = process.argv.slice(2);
+
+const entryPoints = Object.fromEntries(
+    entryNames.map((entry) => [entry, `./client/${entry}.tsx`]),
+);
+
+const production = process.env.NODE_ENV === "production";
+const identifiers = production ? "short" : "debug";
+
+const env = {
+    NODE_ENV: production ? "production" : "development",
+    BUILD_VERSION: process.env.BUILD_VERSION,
+    TAG_VERSION: process.env.TAG_VERSION,
+};
+
+esbuild
+    .build({
+        entryPoints,
+        bundle: true,
+        // We use terser to minify because esbuild breaks safari sourcemaps.
+        // It's likely a Safari bug, but terser seems to work for some reason.
+        minify: false,
+        // Related to sourcemaps as well in Safari.
+        legalComments: "none",
+        platform: "browser",
+        outdir: "./static/dist",
+        sourcemap: true,
+        target: "es2018",
+        preserveSymlinks: true,
+        watch: production === false,
+        external: ["moment", "@client/generated/images"],
+        define: {
+            // You need both. The one from the stringified JSON is not picked
+            // up during the build process.
+            "process.env.NODE_ENV": production ? '"production"' : '"development"',
+            process: JSON.stringify({env}),
+
+            // Redux persist needs this.
+            global: "{}",
+        },
+        plugins: [
+            ImportGlobPlugin(),
+            // We manually pass in identifiers because the client is not
+            // minified by esbuild but the renderer is, so class names could
+            // differ.
+            // Instead of set it manually instead of relying on minification
+            // settings.
+            vanillaExtractPlugin({identifiers}),
+            linaria({sourceMap: true, esbuildOptions: {sourcemap: "inline"}}),
+        ],
+    })
+    .catch(() => process.exit(1));

package/src/build.renderer.tsx

@@ -0,0 +1,69 @@
+#!/usr/bin/env node
+
+import linaria from "@linaria/esbuild";
+import {vanillaExtractPlugin} from "@vanilla-extract/esbuild-plugin";
+import * as esbuild from "esbuild";
+import ImportGlobPlugin from "esbuild-plugin-import-glob";
+import http from "http";
+import fs = require("fs");
+
+let server: http.Server | null = null;
+
+const CACHE_KEY = `${process.cwd()}/node_modules/_reactivated/renderer.js`;
+const production = process.env.NODE_ENV === "production";
+const identifiers = production ? "short" : "debug";
+
+esbuild
+    .build({
+        stdin: {
+            contents: `
+                export {server} from "reactivated/dist/renderer";
+            `,
+            resolveDir: process.cwd(),
+            loader: "ts",
+        },
+        minify: production,
+        bundle: true,
+        platform: "node",
+        outfile: "./node_modules/_reactivated/renderer.js",
+        sourcemap: true,
+        target: "es2018",
+        preserveSymlinks: true,
+        // Needed so _reactivated is included in renderer.tsx regardless
+        // of the location of reactivated being in the cwd node_modules or
+        // above as in monorepos.
+        nodePaths: [`${process.cwd()}/node_modules`],
+        watch:
+            production === true
+                ? false
+                : {
+                      onRebuild: () => {
+                          restartServer();
+                      },
+                  },
+        plugins: [
+            ImportGlobPlugin(),
+            // We manually pass in identifiers because the client is not
+            // minified by esbuild but the renderer is, so class names could
+            // differ.
+            // Instead of set it manually instead of relying on minification
+            // settings.
+            vanillaExtractPlugin({identifiers}),
+            linaria({sourceMap: true}),
+        ],
+    })
+    .then(() => {
+        if (production === false) {
+            restartServer();
+        }
+    })
+    .catch(() => process.exit(1));
+
+const restartServer = () => {
+    if (server != null) {
+        server.close();
+    }
+
+    delete require.cache[CACHE_KEY];
+    server = require(CACHE_KEY).server;
+};

package/src/client.tsx

@@ -0,0 +1,15 @@
+import React from "react";
+import {hydrate} from "react-dom";
+
+const props = (window as any).__PRELOADED_STATE__;
+
+if ((module as any).hot) {
+    (module as any).hot.accept();
+}
+
+// tslint:disable-next-line
+const Template = require("client/templates/" + props.template_name + ".tsx").default;
+
+export const bootstrap = () => {
+    hydrate(<Template {...props} />, document.getElementById("root"));
+};

package/src/components/Form.tsx

@@ -0,0 +1,73 @@
+import React from "react";
+
+import {getValueForSelect, WidgetType} from "./Widget";
+
+interface FieldLike {
+    name: string;
+    widget: WidgetType;
+    label: string;
+    help_text: string;
+}
+
+/*
+interface Form {
+    fields: {
+        [name: string]: FieldLike;
+    },
+    errors: {
+        [P in keyof this['fields']]: string[]|null;
+    }
+    iterator: Array<keyof this['fields']>;
+}
+*/
+
+export interface FieldMap {
+    [name: string]: FieldLike;
+}
+
+export interface FormLike<T extends FieldMap> {
+    name: string;
+    fields: T;
+    errors: {[P in keyof T]?: string[]} | null;
+    iterator: Array<keyof T>;
+    prefix: string;
+}
+
+export interface FormSetLike<T extends FieldMap> {
+    initial_form_count: number;
+    total_form_count: number;
+    max_num: number;
+    min_num: number;
+    can_delete: boolean;
+    can_order: boolean;
+    non_form_errors: string[];
+
+    // Technically we don't need management form.
+    // Since we have ManagementForm as a component that uses initial and total.
+    management_form: unknown;
+    prefix: string;
+
+    forms: Array<FormLike<T>>;
+    empty_form: FormLike<T>;
+}
+
+export const ManagementForm = <T extends FieldMap>({
+    formSet,
+}: {
+    formSet: FormSetLike<T>;
+}) => {
+    return (
+        <>
+            <input
+                type="hidden"
+                name={`${formSet.prefix}-INITIAL_FORMS`}
+                value={formSet.initial_form_count}
+            />
+            <input
+                type="hidden"
+                name={`${formSet.prefix}-TOTAL_FORMS`}
+                value={formSet.total_form_count}
+            />
+        </>
+    );
+};