@kokimoki/kit 1.0.2 → 1.2.0

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./kokimoki-kit-plugin";
 export * from "./preprocess-style";
+export * from "./schema-builder";

package/dist/index.js

@@ -1,2 +1,19 @@
-export * from "./kokimoki-kit-plugin";
-export * from "./preprocess-style";
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./kokimoki-kit-plugin"), exports);
+__exportStar(require("./preprocess-style"), exports);
+__exportStar(require("./schema-builder"), exports);

package/dist/kokimoki-kit-plugin.d.ts

@@ -1,2 +1,12 @@
 import type { Plugin } from "vite";
-export declare const kokimokiKitPlugin: () => Plugin;
+import type { Form } from "./schema-builder";
+export interface KokimokiKitConfig {
+    conceptId: string;
+    form: Form<any, any>;
+    deployCodes: {
+        name: string;
+        description: string;
+        clientContext: any;
+    }[];
+}
+export declare function kokimokiKitPlugin(config: KokimokiKitConfig): Plugin;

package/dist/kokimoki-kit-plugin.js

@@ -1,12 +1,19 @@
-import ObjectId from "bson-objectid";
-import fs from "fs/promises";
-import { preprocessStyle } from "./preprocess-style";
-export const kokimokiKitPlugin = () => {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kokimokiKitPlugin = void 0;
+const bson_objectid_1 = __importDefault(require("bson-objectid"));
+const promises_1 = __importDefault(require("fs/promises"));
+const preprocess_style_1 = require("./preprocess-style");
+const version_1 = require("./version");
+function kokimokiKitPlugin(config) {
     return {
         name: "kokimoki-kit",
         async transform(code, id) {
             if (id.endsWith("kokimoki.style.css")) {
-                return preprocessStyle(code);
+                return (0, preprocess_style_1.preprocessStyle)(code);
             }
             return code;
         },
@@ -42,7 +49,7 @@ export const kokimokiKitPlugin = () => {
             }
             // Ensure .kokimoki directory exists
             try {
-                await fs.mkdir(".kokimoki");
+                await promises_1.default.mkdir(".kokimoki");
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
             }
             catch (e) {
@@ -53,7 +60,7 @@ export const kokimokiKitPlugin = () => {
             // Try to read the app id from the .kokimoki/app-id file
             let appId;
             try {
-                appId = await fs.readFile(".kokimoki/app-id", "utf8");
+                appId = await promises_1.default.readFile(".kokimoki/app-id", "utf8");
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
             }
             catch (e) {
@@ -63,8 +70,8 @@ export const kokimokiKitPlugin = () => {
             }
             // If the app id doesn't exist, generate a new one
             if (!appId) {
-                appId = new ObjectId().toHexString();
-                await fs.writeFile(".kokimoki/app-id", appId);
+                appId = new bson_objectid_1.default().toHexString();
+                await promises_1.default.writeFile(".kokimoki/app-id", appId);
             }
             // Inject the app id into the index.html
             html = html.replace("<head>", `<head>
@@ -74,11 +81,29 @@ export const kokimokiKitPlugin = () => {
             "test": true,
             "host": "y-wss.kokimoki.com",
             "appId": "${appId}",
+            "configObject": ${JSON.stringify(config.form.value)},
             "base": "/",
             "assets": "/"
           }
           </script>`);
             return html;
         },
+        // write kokimoki metadata to .kokimoki directory
+        async generateBundle(_, _bundle) {
+            // write config
+            await promises_1.default.writeFile(".kokimoki/config.json", JSON.stringify({
+                kokimokiKitVersion: version_1.KOKIMOKI_KIT_VERSION,
+                conceptId: config.conceptId,
+                deployCodes: config.deployCodes,
+                build: "dist",
+            }, null, 2));
+            // write schema
+            const schema = JSON.stringify(config.form.schema, null, 2);
+            await promises_1.default.writeFile(".kokimoki/schema.json", schema);
+            // write scheme defaults
+            const defaultValue = JSON.stringify(config.form.value, null, 2);
+            await promises_1.default.writeFile(".kokimoki/schema-defaults.json", defaultValue);
+        },
     };
-};
+}
+exports.kokimokiKitPlugin = kokimokiKitPlugin;

package/dist/preprocess-style.js

@@ -1,5 +1,11 @@
-import colorNameToHex from "colornames";
-import Color from "colorjs.io";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.preprocessStyle = exports.generatePalette = exports.generateA11yOnColor = exports.destringRgb = exports.handleStringColor = exports.calculateRatio = exports.getLuminance = exports.hexToTailwindRgbString = exports.revertReplaceForColorPickers = exports.rgbToHex = exports.hexToRgb = void 0;
+const colornames_1 = __importDefault(require("colornames"));
+const colorjs_io_1 = __importDefault(require("colorjs.io"));
 // List of rgb tuple variable names (possibly temporary system to support color picker for these variables)
 const rgbTupleVariableNames = [
     "theme-font-color-base",
@@ -85,7 +91,7 @@ const rgbTupleVariableNames = [
     "color-surface-800",
     "color-surface-900",
 ];
-export function hexToRgb(hex) {
+function hexToRgb(hex) {
     const sanitizedHex = hex.replace(/##/g, "#");
     const colorParts = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(sanitizedHex);
     if (!colorParts)
@@ -97,10 +103,12 @@ export function hexToRgb(hex) {
         b: parseInt(b, 16),
     };
 }
-export function rgbToHex(r, g, b) {
+exports.hexToRgb = hexToRgb;
+function rgbToHex(r, g, b) {
     const toHex = (c) => `0${c.toString(16)}`.slice(-2);
     return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
 }
+exports.rgbToHex = rgbToHex;
 // export function replaceForColorPickers(code: string) {
 //   return code.replace(
 //     /--([a-z0-9-]+):\s*(\d+)\s+(\d+)\s+(\d+);/gi,
@@ -110,7 +118,7 @@ export function rgbToHex(r, g, b) {
 //     }
 //   );
 // }
-export function revertReplaceForColorPickers(code) {
+function revertReplaceForColorPickers(code) {
     return code.replace(/--([a-z0-9-]+):(.*?);/gi, (match, name, value) => {
         if (!rgbTupleVariableNames.includes(name))
             return match;
@@ -128,7 +136,7 @@ export function revertReplaceForColorPickers(code) {
                 .map((x) => x.trim());
             return `--${name}: ${r} ${g} ${b};`;
         }
-        const hex = colorNameToHex(value);
+        const hex = (0, colornames_1.default)(value);
         if (hex) {
             const rgb = hexToRgb(hex);
             if (rgb)
@@ -137,6 +145,7 @@ export function revertReplaceForColorPickers(code) {
         return match;
     });
 }
+exports.revertReplaceForColorPickers = revertReplaceForColorPickers;
 function lighten(hex, intensity) {
     const color = hexToRgb(`#${hex}`);
     if (!color)
@@ -155,7 +164,7 @@ function darken(hex, intensity) {
     const b = Math.round(color.b * intensity);
     return rgbToHex(r, g, b);
 }
-export function hexToTailwindRgbString(hex) {
+function hexToTailwindRgbString(hex) {
     const sanitizedHex = hex.replace(/##/g, "#");
     const colorParts = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(sanitizedHex);
     if (!colorParts)
@@ -163,7 +172,8 @@ export function hexToTailwindRgbString(hex) {
     const [, r, g, b] = colorParts;
     return `${parseInt(r, 16)} ${parseInt(g, 16)} ${parseInt(b, 16)}`;
 }
-export function getLuminance(r, g, b) {
+exports.hexToTailwindRgbString = hexToTailwindRgbString;
+function getLuminance(r, g, b) {
     const { _r, _g, _b } = typeof r === "object"
         ? { _r: r.r, _g: r.g, _b: r.b }
         : { _r: r, _g: g, _b: b }; // I'm not really happy with this ternary, but it works
@@ -176,7 +186,8 @@ export function getLuminance(r, g, b) {
     });
     return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722;
 }
-export function calculateRatio(luminance1, luminance2) {
+exports.getLuminance = getLuminance;
+function calculateRatio(luminance1, luminance2) {
     const lum1 = typeof luminance1 === "string"
         ? getLuminance(handleStringColor(luminance1))
         : luminance1;
@@ -189,7 +200,8 @@ export function calculateRatio(luminance1, luminance2) {
         ? (lum2 + 0.05) / (lum1 + 0.05)
         : (lum1 + 0.05) / (lum2 + 0.05);
 }
-export function handleStringColor(colorString, returnType = "rgb") {
+exports.calculateRatio = calculateRatio;
+function handleStringColor(colorString, returnType = "rgb") {
     // if it's a css variable
     if (colorString.includes("--")) {
         colorString = colorString.replace(/var\(|\)/g, ""); // grab just the variable name
@@ -212,6 +224,7 @@ export function handleStringColor(colorString, returnType = "rgb") {
     }
     return colorString;
 }
+exports.handleStringColor = handleStringColor;
 function cssColorToHex(colorString) {
     if (colorString.includes("#"))
         return colorString;
@@ -223,12 +236,12 @@ function cssColorToHex(colorString) {
             .map((x) => x.trim());
         return rgbToHex(Number(r), Number(g), Number(b));
     }
-    const hex = colorNameToHex(colorString);
+    const hex = (0, colornames_1.default)(colorString);
     if (hex)
         return hex;
     return "#000000";
 }
-export function destringRgb(rgbString) {
+function destringRgb(rgbString) {
     const rgb = rgbString.match(/(\d+),?\s*(\d+),?\s*(\d+)/); // matches "255, 255, 255" and "255 255 255"
     if (!rgb)
         throw new Error("Invalid RGB string!");
@@ -238,12 +251,14 @@ export function destringRgb(rgbString) {
         b: parseInt(rgb[3], 10),
     };
 }
-export function generateA11yOnColor(hex) {
+exports.destringRgb = destringRgb;
+function generateA11yOnColor(hex) {
     const black = calculateRatio(hex, "#000000");
     const white = calculateRatio(hex, "#FFFFFF");
     return black < white ? "0 0 0" : "255 255 255";
 }
-export function generatePalette(baseColor) {
+exports.generateA11yOnColor = generateA11yOnColor;
+function generatePalette(baseColor) {
     const hexValidation = new RegExp(/^#[0-9a-f]{6}$/i);
     if (!hexValidation.test(baseColor))
         baseColor = "#CCCCCC";
@@ -284,6 +299,7 @@ export function generatePalette(baseColor) {
     });
     return response;
 }
+exports.generatePalette = generatePalette;
 function preprocessGfcThemeBlock(code) {
     // Generate map of defined css variables
     const cssVariableMap = {};
@@ -330,7 +346,7 @@ function preprocessDaisyThemeBlock(code) {
     const variableRegex = /--(p|pc|b1|bc|b2|er|erc|su|suc|s|sc|a|ac):\s*(.*?);/gi;
     return code.replace(variableRegex, (_, name, value) => {
         try {
-            const oklch = new Color(value).to("oklch");
+            const oklch = new colorjs_io_1.default(value).to("oklch");
             const [l, c, h] = oklch.coords;
             const lStr = (l * 100).toFixed(1);
             const cStr = c.toFixed(3);
@@ -343,7 +359,7 @@ function preprocessDaisyThemeBlock(code) {
         }
     });
 }
-export function preprocessStyle(code) {
+function preprocessStyle(code) {
     // Find and replace [data-theme] block contents
     const themeBlockRegex = /\[data-theme=(?:"|')?(gfc|gfc-theme|mac-theme|consensus-theme|daisy-light|daisy-dark)(?:"|')?\]\s*{([\s\S]*?)}/gi;
     return code.replace(themeBlockRegex, (_, theme, block) => {
@@ -360,3 +376,4 @@ export function preprocessStyle(code) {
         }
     });
 }
+exports.preprocessStyle = preprocessStyle;

package/dist/schema-builder.d.ts

@@ -0,0 +1,95 @@
+export interface FieldOptions {
+    label?: string;
+}
+export declare abstract class Field<T> {
+    readonly options: FieldOptions;
+    constructor(options: FieldOptions);
+    abstract get value(): T;
+    abstract get schema(): any;
+}
+export declare class BooleanField extends Field<boolean> {
+    value: boolean;
+    constructor(value: boolean, options?: FieldOptions);
+    get schema(): {
+        type: string;
+        default: boolean;
+    };
+}
+export declare class ConstField<T extends string> extends Field<string extends T ? never : T> {
+    value: string extends T ? never : T;
+    constructor(value: string extends T ? never : T, options?: FieldOptions);
+    get schema(): {
+        const: string extends T ? never : T;
+    };
+}
+export declare class ImageField extends Field<string> {
+    value: string;
+    constructor(value: string, options?: FieldOptions);
+    get schema(): {
+        type: string;
+        default: string;
+    };
+}
+export declare class TextField extends Field<string> {
+    value: string;
+    constructor(value: string, options?: FieldOptions);
+    get schema(): {
+        type: string;
+        default: string;
+    };
+}
+export declare class EnumField<T extends Record<string, string>> extends Field<keyof T> {
+    enumValues: T;
+    value: keyof T;
+    constructor(enumValues: T, value: keyof T, options?: FieldOptions);
+    get schema(): {
+        enum: string[];
+    };
+}
+export declare class IntegerField extends Field<number> {
+    value: number;
+    constructor(value: number, options?: FieldOptions);
+    get schema(): {
+        type: string;
+        default: number;
+    };
+}
+export declare class FloatField extends Field<number> {
+    value: number;
+    constructor(value: number, options?: FieldOptions);
+    get schema(): {
+        type: string;
+        default: number;
+    };
+}
+export declare class FormGroup<T extends Record<string, Field<any>>, O extends Record<string, Field<any>>> extends Field<{
+    [key in keyof T]: T[key]["value"];
+} & Partial<{
+    [key in keyof O]: O[key]["value"];
+}>> {
+    requiredFields: T;
+    optionalFields: O;
+    constructor(requiredFields: T, optionalFields?: O, options?: FieldOptions);
+    get value(): {
+        [key in keyof T]: T[key]["value"];
+    } & Partial<{
+        [key in keyof O]: O[key]["value"];
+    }>;
+    get schema(): {
+        type: string;
+        properties: any;
+        required: string[];
+    };
+}
+export declare class FormArray<T> extends Field<T[]> {
+    private factory;
+    value: Field<T>["value"][];
+    constructor(factory: () => Field<T>, value: Field<T>["value"][], options?: FieldOptions);
+    get schema(): {
+        type: string;
+        items: any;
+        default: T[];
+    };
+}
+export declare class Form<R extends Record<string, Field<any>>, O extends Record<string, Field<any>>> extends FormGroup<R, O> {
+}

package/dist/schema-builder.js

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = exports.FormArray = exports.FormGroup = exports.FloatField = exports.IntegerField = exports.EnumField = exports.TextField = exports.ImageField = exports.ConstField = exports.BooleanField = exports.Field = void 0;
+const defaultFieldOptions = {};
+class Field {
+    options;
+    constructor(options) {
+        this.options = options;
+    }
+}
+exports.Field = Field;
+class BooleanField extends Field {
+    value;
+    constructor(value, options = defaultFieldOptions) {
+        super(options);
+        this.value = value;
+    }
+    get schema() {
+        return {
+            type: "boolean",
+            default: this.value,
+        };
+    }
+}
+exports.BooleanField = BooleanField;
+class ConstField extends Field {
+    value;
+    constructor(value, options = defaultFieldOptions) {
+        super(options);
+        this.value = value;
+    }
+    get schema() {
+        return {
+            const: this.value,
+        };
+    }
+}
+exports.ConstField = ConstField;
+class ImageField extends Field {
+    value;
+    constructor(value, options = defaultFieldOptions) {
+        super(options);
+        this.value = value;
+    }
+    get schema() {
+        return {
+            type: "string",
+            default: this.value,
+        };
+    }
+}
+exports.ImageField = ImageField;
+class TextField extends Field {
+    value;
+    constructor(value, options = defaultFieldOptions) {
+        super(options);
+        this.value = value;
+    }
+    get schema() {
+        return {
+            type: "string",
+            default: this.value,
+        };
+    }
+}
+exports.TextField = TextField;
+class EnumField extends Field {
+    enumValues;
+    value;
+    constructor(enumValues, value, options = defaultFieldOptions) {
+        super(options);
+        this.enumValues = enumValues;
+        this.value = value;
+    }
+    get schema() {
+        return {
+            enum: Object.keys(this.enumValues),
+        };
+    }
+}
+exports.EnumField = EnumField;
+class IntegerField extends Field {
+    value;
+    constructor(value, options = defaultFieldOptions) {
+        super(options);
+        this.value = value;
+    }
+    get schema() {
+        return {
+            type: "integer",
+            default: this.value,
+        };
+    }
+}
+exports.IntegerField = IntegerField;
+class FloatField extends Field {
+    value;
+    constructor(value, options = defaultFieldOptions) {
+        super(options);
+        this.value = value;
+    }
+    get schema() {
+        return {
+            type: "number",
+            default: this.value,
+        };
+    }
+}
+exports.FloatField = FloatField;
+class FormGroup extends Field {
+    requiredFields;
+    optionalFields;
+    constructor(requiredFields, optionalFields = {}, options = defaultFieldOptions) {
+        super(options);
+        this.requiredFields = requiredFields;
+        this.optionalFields = optionalFields;
+    }
+    get value() {
+        const value = Object.entries(this.requiredFields).reduce((acc, [key, field]) => {
+            acc[key] = field.value;
+            return acc;
+        }, {});
+        Object.entries(this.optionalFields).forEach(([key, field]) => {
+            if (field.value !== undefined) {
+                value[key] = field.value;
+            }
+        });
+        return value;
+    }
+    get schema() {
+        const properties = {};
+        Object.entries(this.requiredFields).forEach(([key, field]) => {
+            properties[key] = field.schema;
+        });
+        Object.entries(this.optionalFields).forEach(([key, field]) => {
+            properties[key] = field.schema;
+        });
+        return {
+            type: "object",
+            properties,
+            required: Object.keys(this.requiredFields),
+        };
+    }
+}
+exports.FormGroup = FormGroup;
+class FormArray extends Field {
+    factory;
+    value;
+    constructor(factory, value, options = defaultFieldOptions) {
+        super(options);
+        this.factory = factory;
+        this.value = value;
+    }
+    get schema() {
+        const field = this.factory();
+        return {
+            type: "array",
+            items: field.schema,
+            default: this.value,
+        };
+    }
+}
+exports.FormArray = FormArray;
+class Form extends FormGroup {
+}
+exports.Form = Form;

package/dist/version.d.ts

@@ -0,0 +1 @@
+export declare const KOKIMOKI_KIT_VERSION = "1.2.0";

package/dist/version.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.KOKIMOKI_KIT_VERSION = void 0;
+exports.KOKIMOKI_KIT_VERSION = "1.2.0";

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@kokimoki/kit",
-  "version": "1.0.2",
+  "version": "1.2.0",
   "description": "",
-  "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -10,6 +9,7 @@
   ],
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
+    "prebuild": "node -p \"'export const KOKIMOKI_KIT_VERSION = ' + JSON.stringify(require('./package.json').version) + ';'\" > src/version.ts",
     "build": "tsc"
   },
   "author": "Loquiz OÜ",