grid-apps-cmms/src/mesh/api.js

/** Copyright Stewart Allen <sa@grid.space> -- All Rights Reserved */

import { broker } from '../moto/broker.js';
import { history } from './history.js';
import { client as motoClient } from '../moto/client.js';
import { space as motoSpace } from '../moto/space.js';
import { base } from '../geo/base.js';
import { handles } from './handles.js';
import { util as meshUtil } from './util.js';
import { edges as meshEdges } from './edges.js';
import { group as meshGroup } from './group.js';
import { model as meshModel } from './model.js';
import { sketch as meshSketch } from './sketch.js';
import { script } from './script.js';
import { newPolygon } from '../geo/polygon.js';
import { THREE } from '../ext/three.js';
import { $, $C, h } from '../moto/webui.js';

const { Matrix4, Vector3 } = THREE;
const worker = motoClient.fn;
const groups = [];
const sketches = [];

let selected = [];
let tools = [];

const selection = {
    count() {
        return selected.length;
    },

    // @returns {MeshObject[]} or all groups if not strict and no selection
    list(strict = false) {
        return selected.length || strict ? selected.slice() : groups.slice();
    },

    // return selected groups + groups from selected models
    groups(strict = true) {
        let all = selection.list(strict);
        let grp = all.filter(s => s instanceof meshGroup);
        let mdl = all.filter(s => s instanceof meshModel);
        for (let m of mdl) {
            grp.addOnce(m.group);
        }
        return grp;
    },

    // return selected models + models from selected groups
    models(strict = true) {
        let all = selection.list(strict);
        let grp = all.filter(s => s instanceof meshGroup);
        let mdl = all.filter(s => s instanceof meshModel);
        for (let g of grp) {
            for (let m of g.models) {
                mdl.addOnce(m);
            }
        }
        return mdl;
    },

    sketches() {
        return selection.list(true).filter(s => s.type === 'sketch');
    },

    sketch() {
        return selection.sketches()[0];
    },

    sketch_items() {
        return selection.list(true).filter(s => s.type === 'sketch_item')
    },

    contains(object) {
        return selected.contains(object);
    },

    // @param group {MeshObject[]}
    set(objects, toolist) {
        // flatten groups into model lists when present
        selected = objects.map(o => o.models ? o.models : o).flat();
        tools = toolist || [];
        meshUtil.defer(selection.update);
        return api.selection;
    },

    // @param group {MeshObject}
    add(object, tool = mode.is([ modes.tool ])) {
        // eject incompatible types from selection
        switch (object.type) {
            case 'sketch':
                mode.sketch();
                tools.length = 0;
                selected.length = 0;
                meshEdges?.end();
                break;
            case 'group':
            case 'model':
                selected = selected.filter(s => s.type !== 'sketch');
                break;
        }
        // when group added, add group models instead
        if (object.models) {
            for (let m of object.models) {
                selected.addOnce(m);
                if (tool) {
                    tools.addOnce(m);
                }
            }
        } else {
            selected.addOnce(object);
            if (tool) {
                tools.addOnce(object);
            }
        }
        meshUtil.defer(selection.update);
    },

    // @param group {MeshObject}
    remove(object) {
        if (object.models) {
            for (let m of object.models) {
                selected.remove(m);
                tools.remove(m);
            }
        } else {
            selected.remove(object);
            tools.remove(object);
        }
        meshUtil.defer(selection.update);
    },

    // remove all
    delete() {
        if (sketch.selected.delete()) {
            return;
        }
        for (let s of selection.list()) {
            selection.remove(s);
            tools.remove(s);
            s.remove();
        }
    },

    // @param group {MeshObject}
    toggle(object, tool = mode.is([ modes.tool ])) {
        if (object.models) {
            for (let m of object.models) {
                if (selected.contains(m)) {
                    return selection.remove(object);
                }
            }
            return selection.add(object, tool);
        }
        if (selected.contains(object)) {
            selection.remove(object);
        } else {
            selection.add(object, tool);
        }
    },

    clear() {
        if (sketch.selected.clear()) {
            return;
        }
        for (let s of selection.list()) {
            selection.remove(s);
            tools.remove(s);
        }
        for (let m of api.model.list()) {
            m.clearSelections();
        }
        return true;
    },

    visible() {
        for (let m of selection.models()) {
            m.visible(...arguments);
        }
        meshUtil.defer(selection.update);
    },

    // update selection and wireframe for all objects
    update() {
        // de-select all
        for (let group of groups) {
            group.select(false);
            group.normals(prefs.map.space.norm || false);
            group.wireframe(prefs.map.space.wire || false, {
                opacity: prefs.map.wireframe.opacity,
                edges: prefs.map.space.wire_edge
            });
        }
        for (let sketch of sketches) {
            sketch.select(false);
        }
        api.updateFog();
        // prevent selection of model and its group
        let mgsel = selected.filter(s => s instanceof meshModel).map(m => m.group);
        selected = selected.filter(sel => !mgsel.contains(sel)).filter(v => v);
        // highlight selected
        for (let object of selected) {
            object.select(true, tools.contains(object));
        }
        // update saved selection id list
        prefs.save( prefs.map.space.select = selected.map(s => s.id) );
        prefs.save( prefs.map.space.tools = tools.map(s => s.id) );
        // force repaint in case of idle
        motoSpace.update();
        return selection;
    },

    update_defer() {
        meshUtil.defer(selection.update);
        return selection;
    },

    drag(opt = {}) {
        if (opt.start) {
            broker.publish('drag_start', selected);
        } else if (opt.end) {
            broker.publish('drag_end', selected);
        } else {
            broker.publish('drag', opt);
        }
        selected.forEach(s => s.drag(opt));
        return selection;
    },

    move(dx = 0, dy = 0, dz = 0) {
        let set = [...selection.groups(), ...selection.sketches()];
        for (let s of set) {
            s.move(dx, dy, dz);
        }
        broker.publish('move', { set, dx, dy, dz });
        return selection;
    },

    move_models(dx = 0, dy = 0, dz = 0) {
        for (let s of selection.models()) {
            s.move(dx, dy, dz);
        }
        broker.publish('move', { set: selection.models(), dx, dy, dz });
        return selection;
    },

    rotate(dx = 0, dy = 0, dz = 0) {
        for (let s of selection.groups()) {
            s.rotate(dx, dy, dz);
        }
        broker.publish('rotate', { set: selection.models(), dx, dy, dz });
        return selection;
    },

    qrotate(q) {
        for (let s of selection.groups()) {
            s.qrotate(q);
        }
        broker.publish('qrotate', { set: selection.groups(), q });
        return selection;
    },

    scale(dx = 0, dy = 0, dz = 0) {
        for (let s of selection.groups()) {
            s.scale(dx, dy, dz);
        }
        broker.publish('scale', { set: selection.groups(), dx, dy, dz });
        return selection;
    },

    floor() {
        for (let s of selection.groups()) {
            s.floor();
        }
        call.selection_update();
        return selection;
    },

    centerXY() {
        for (let s of [...selection.groups(), ...selection.sketches()]) {
            s.centerXY();
        }
        call.selection_update();
        return selection;
    },

    boundsBox() {
        handles.toggleBounds();
        return selection;
    },

    home() {
        return selection.centerXY().floor();
    },

    focus() {
        selection.count() && api.focus(selection.list());
    },

    bounds() {
        return meshUtil.bounds(selected.map(s => s.object));
    },

    show() {
        for (let m of selection.models()) {
            m.visible(true);
        }
    },

    hide() {
        for (let m of selection.models()) {
            m.visible(false);
        }
    }
};

const pattern = {
    /**
     * @param {int} count number of entities
     * @param {float[]} center [x,y,z]
     */
    circle() {
        async function doit(count = 3, center = [0,0], zdelta = 0) {
            api.modal.hide();
            let models = selection.models();
            let [ cx, cy ] = center;
            for (let model of models) {
                let pos = model.bounds.mid;
                let stepr = (Math.PI * 2) / count;
                let modnu = [ model ];
                for (let i=1; i<count; i++) {
                    let clone = model.duplicate().centerTo({ x:cx, y:cy, z:pos.z });
                    clone.rotate(0, 0, stepr * i);
                    clone.reCenter();
                    modnu.push(clone);
                }
                await api.tool.regroup(modnu);
            }
        }
        api.modal.dialog({
            title: "circle pattern",
            body: [ h.div({ class: "additem" }, [
                h.label('total count'),
                h.input({ value: 3, size: 5, id: "_count" }),
                h.label('center x,y'),
                h.input({ value: "0,0", size: 5, id: "_center" }),
                // h.label('z delta'),
                // h.input({ value: "0", size: 5, id: "_zdelta" }),
                h.button({ _: "create", onclick() {
                    let { _count, _center, _zdelta } = api.modal.bound;
                    doit(
                        parseInt(_count.value),
                        _center.value.split(',').map(v => parseFloat(v)),
                        // parseFloat(_zdelta.value)
                    );
                } })
            ]) ]
        });
        api.modal.bound._count.focus();
    },

    grid() {
        async function doit(x = 3, y = 3, xs = 10, ys = 10) {
            api.modal.hide();
            let models = selection.models();
            for (let model of models) {
                let modnu = [ model ];
                for (let i=0; i<x; i++) {
                    for (let j=0; j<y; j++) {
                        if (i === 0 && j === 0) continue;
                        let clone = await model.duplicate().reCenter();
                        clone.move(i * xs, -j * ys, 0);
                        modnu.push(clone);
                    }
                }
                await api.tool.regroup(modnu);
            }
        }
        api.modal.dialog({
            title: "grid pattern",
            body: [ h.div({ class: "additem" }, [
                h.label('x count'),
                h.input({ value: 3, size: 5, id: "_x" }),
                h.label('y count'),
                h.input({ value: 3, size: 5, id: "_y" }),
                h.label('x spacing'),
                h.input({ value: 20, size: 5, id: "_xs" }),
                h.label('y spacing'),
                h.input({ value: 20, size: 5, id: "_ys" }),
                h.button({ _: "create", onclick() {
                    doit(
                        parseInt(api.modal.bound._x.value) || 3,
                        parseInt(api.modal.bound._y.value) || 3,
                        parseFloat(api.modal.bound._xs.value) || 3,
                        parseFloat(api.modal.bound._ys.value) || 3,
                    );
                } })
            ]) ]
        });
        api.modal.bound._x.focus();
    }
};

const group = {
    // @returns {MeshGroup[]}
    list() {
        return groups.slice();
    },

    // @param group {MeshModel[]}
    new(models, id, name) {
        return group.add(new meshGroup(models, id, name));
    },

    // @param group {MeshGroup}
    add(group) {
        groups.addOnce(group);
        motoSpace.world.add(group.object);
        meshUtil.defer(selection.update);
        motoSpace.update();
        return group;
    },

    // @param group {MeshGroup}
    remove(group) {
        groups.remove(group);
        motoSpace.world.remove(group.object);
        motoSpace.update();
    }
};

let model = {
    // @returns {MeshModel[]}
    list() {
        return groups.map(g => g.models).flat();
    }
};

let sketch = {
    add(sk) {
        sketches.addOnce(sk);
        motoSpace.world.add(sk.object);
        meshUtil.defer(selection.update);
        return sk;
    },

    remove(sk) {
        sketches.remove(sk);
        motoSpace.world.remove(sk.object);
        motoSpace.update();
    },

    list() {
        return sketches;
    },

    extrude(opt = {}) {
        let sketch = selection.sketch();
        if (!sketch) {
            return log('select a sketch to extrude');
        }
        api.modal.dialog({
            title: "extrude",
            body: [ h.div({ class: "additem" }, [
                h.label('height'),
                h.input({ value: opt.height || 10, size: 5, id: "_height" }),
                h.hr(),
                h.code("optional"),
                h.hr(),
                h.label('chamfer top'),
                h.input({ value: opt.chamfer_top || 0, size: 5, id: "_chamtop" }),
                h.label('chamfer bottom'),
                h.input({ value: opt.chamfer_bottom || 0, size: 5, id: "_chambot" }),
                h.button({ _: "create", onclick() {
                    const { _height, _chamtop, _chambot } = api.modal.bound;
                    sketch.extrude({
                        selection: sketch.selection.count() > 0,
                        ...opt,
                        height: parseFloat(_height.value),
                        chamfer_top: parseFloat(_chamtop.value),
                        chamfer_bottom: parseFloat(_chambot.value),
                    });
                    api.modal.hide();
                } })
            ]) ]
        });
        api.modal.bound._height.focus();
    },

    // related to items selections in a selected sketch
    arrange: {
        group() {
            sketch.selection.ifcan((sketch, items) => {
                sketch.arrange.group(items);
            }, 2);
        },

        ungroup() {
            sketch.selection.ifcan((sketch, items) => {
                sketch.arrange.ungroup(items);
            });
        },

        center() {
            sketch.selection.bounded_op((sketch, bounds, recs) => {
                let center = bounds.center(0);
                for (let rec of recs) {
                    let { item } = rec;
                    let poly = newPolygon().fromObject(item);
                    poly.move({ x: -center.x, y: -center.y, z: 0 });
                    Object.assign(rec.item, poly.toObject());
                }
                sketch.render();
                selection.centerXY();
            });
        },

        fliph() {
            sketch.selection.ifcan((sketch, items) => {
                items.filter(i => i.type === 'polygon').forEach(item => {
                    Object.assign(item, newPolygon().fromObject(item).flip('x').toObject());
                });
                sketch.render();
            });
        },

        flipv() {
            sketch.selection.ifcan((sketch, items) => {
                items.filter(i => i.type === 'polygon').forEach(item => {
                    Object.assign(item, newPolygon().fromObject(item).flip('y').toObject());
                });
                sketch.render();
            });
        },

        rotate() {
            function doit(sketch, items, angle) {
                items.filter(i => i.type === 'polygon').forEach(item => {
                    Object.assign(item, newPolygon().fromObject(item).rotate(-angle).toObject());
                });
                sketch.render();
            }
            sketch.selection.ifcan((sketch, items) => {
                api.modal.dialog({
                    title: "rotate",
                    body: [ h.div({ class: "additem" }, [
                        h.label('angle'),
                        h.input({ value: 90, size: 5, id: "_angle" }),
                        h.button({ _: "rotate", onclick() {
                            const { _angle } = api.modal.bound;
                            doit(sketch, items, parseFloat(_angle.value));
                            api.modal.hide();
                        } })
                    ]) ]
                });
                api.modal.bound._angle.focus();
            });
        },

        down() {
            sketch.selection.ifcan((sketch, items) => {
                items.forEach(item => sketch.arrange.down(item));
                sketch.render();
            });
        },

        up() {
            sketch.selection.ifcan((sketch, items) => {
                items.forEach(item => sketch.arrange.up(item));
                sketch.render();
            });
        },

        top() {
            sketch.selection.ifcan((sketch, items) => {
                items.forEach(item => sketch.arrange.top(item));
                sketch.render();
            });
        },

        bottom() {
            sketch.selection.ifcan((sketch, items) => {
                items.forEach(item => sketch.arrange.bottom(item));
                sketch.render();
            });
        },
    },

    // related to a selected sketch
    selected: {
        get one() {
            return selection.sketch();
        },

        list() {
            return selection.sketches();
        },

        clear() {
            let list = selection.list(true);
            return list[0]?.type === 'sketch' && list[0].selection.clear();
        },

        delete() {
            let list = selection.list(true);
            return list[0]?.type === 'sketch' && list[0].selection.delete();
        },
    },

    // related to items selections in a selected sketch
    selection: {
        ifcan(fn, count = 1) {
            let one = sketch.selected.one;
            let items = one?.items.filter(i => i.selected);
            if (items?.length >= count) {
                return fn(one, items) || true;
            } else {
                return false;
            }
        },

        bounded_op(fn) {
            return sketch.selection.ifcan((sketch, items) => {
                let bounds;
                let recs = [];
                items.filter(i => i.type === 'polygon').forEach(item => {
                    let poly = newPolygon().fromObject(item);
                    let bnds = poly.bounds;
                    bounds = (bounds ? bounds.merge(bnds) : bnds);
                    recs.push({ item, poly });
                });
                return (bounds && (fn(sketch, bounds, recs) || true)) || false;
            }) || false;
        },

        duplicate(opt = {}) {
            return sketch.selection.bounded_op((sketch, bounds, recs) => {
                let { shift, select } = opt;
                let x = bounds.width(), y = 0, z = 0;
                for (let rec of recs) {
                    let { item, poly } = rec;
                    let item2 = structuredClone(item);
                    item.selected = !select;
                    item2.group += 'D';
                    shift && Object.assign(item2, poly.move({ x, y, z }).toObject());
                    sketch.add.item(item2, { select });
                }
            });
        },
    },

    // related to items selections in a selected sketch
    boolean: {
        nest() {
            sketch.selected.one?.boolean.nest();
        },

        flatten() {
            sketch.selected.one?.boolean.flatten();
        },

        evenodd() {
            sketch.selected.one?.boolean.evenodd();
        },

        union() {
            sketch.selected.one?.boolean.union();
        },

        intersect() {
            sketch.selected.one?.boolean.intersect();
        },

        difference() {
            sketch.selected.one?.boolean.difference();
        }
    },

    // related to items selections in a selected sketch
    pattern: {
        circle() {
            sketch.selected.one?.pattern.circle();
        },

        grid() {
            sketch.selected.one?.pattern.grid();
        }
    }
};

let add = {
    sketch(opt) {
        mode.sketch();
        let nu = new meshSketch(opt);
        selection.set([ sketch.add(nu) ]);
        return nu;
    },

    /** add sketch components */

    circle() {
        let sketch = selection.sketch();
        if (!sketch) {
            return log('select a sketch');
        }
        api.modal.dialog({
            title: "add circle",
            body: [ h.div({ class: "additem" }, [
                h.label('radius in mm'),
                h.input({ value: 10, size: 5, id: "_radius" }),
                h.hr(),
                h.code("optional"),
                h.hr(),
                h.label('point spacing'),
                h.input({ value: 0, size: 5, id: "_spacing" }),
                h.label('point count'),
                h.input({ value: 0, size: 5, id: "_points" }),
                h.button({ _: "create", onclick() {
                    const { _radius, _points, _spacing } = api.modal.bound;
                    sketch.add.circle({
                        radius: parseFloat(_radius.value),
                        points: parseInt(_points.value),
                        spacing: parseFloat(_spacing.value),
                    });
                    api.modal.hide();
                } })
            ]) ]
        });
        api.modal.bound._radius.focus();
    },

    rectangle() {
        let sketch = selection.sketch();
        if (!sketch) {
            return log('select a sketch');
        }
        api.modal.dialog({
            title: "add rectangle",
            body: [ h.div({ class: "additem" }, [
                h.label('width'),
                h.input({ value: 20, size: 5, id: "_width" }),
                h.label('height'),
                h.input({ value: 20, size: 5, id: "_height" }),
                h.button({ _: "create", onclick() {
                    const { _width, _height } = api.modal.bound;
                    sketch.add.rectangle({
                        width: parseFloat(_width.value),
                        height: parseFloat(_height.value),
                    });
                    api.modal.hide();
                } })
            ]) ]
        });
        api.modal.bound._width.focus();
    },

    /** add models */

    input() {
        api.modal.dialog({
            title: "vertices",
            body: [ h.div({ class: "addact" }, [
                h.textarea({ value: '', cols:30, rows:4, id: "genvrt" }),
                h.button({ _: "create", onclick() {
                    const vert = (api.modal.bound.genvrt.value)
                        .split(',').map(v => parseFloat(v)).toFloat32();
                    const nmdl = new meshModel({ file: "input", mesh: vert });
                    const ngrp = api.group.new([ nmdl ]);
                    api.modal.hide();
                } })
            ]) ]
        });
        api.modal.bound.genvrt.focus();
    },

    plane() {
        const [ x,y ] = [ ...arguments ];
        const box = new THREE.PlaneGeometry(1,1).toNonIndexed();
        const vert = box.attributes.position.array;
        const nmdl = new meshModel({ file: "plane", mesh: vert });
        nmdl._loft = function(plane) {
            function uv(v) {
                let m = new Set();
                let g = [...v].group(3).filter(a => {
                    let k = a.map(v => v.round(5)).join('-');
                    if (m.has(k)) return false;
                    m.add(k); return true;
                });
                return [ g[0], g[1], g[3], g[2] ];
            };
            let s0 = uv(vert);
            let s1 = uv(plane.attributes.position.array);
            let v = [];
            for (let i=0; i<4; i++) {
                let p0 = [ s0[i], s0[(i+1)%4] ];
                let p1 = [ s1[i], s1[(i+1)%4] ];
                v.push(...p1[1]);
                v.push(...p0[1]);
                v.push(...p0[0]);
                v.push(...p1[0]);
                v.push(...p1[1]);
                v.push(...p0[0]);
            }
            let pa = [...plane.attributes.position.array];
            v.push(...pa.group(3).reverse().flat());
            v.push(...vert);
            const nmdl = new meshModel({ file: "loft", mesh: v.toFloat32() });
            const ngrp = api.group.new([ nmdl ]);
            selection.set([ nmdl ]);
            return ngrp;
        };
        const ngrp = api.group.new([ nmdl ]);
        ngrp.scale(x ?? 10, y ?? 10, 1).floor();
        selection.set([ nmdl ]);
        return ngrp;
    },

    cube() {
        const [ x,y,z ] = [ ...arguments ].map(v => parseFloat(v) || undefined);
        const box = new THREE.BoxGeometry(1,1,1).toNonIndexed();
        const vert = box.attributes.position.array;
        const nmdl = new meshModel({ file: "box", mesh: vert });
        const ngrp = api.group.new([ nmdl ]);
        ngrp.scale(x ?? 10, y ?? 10, z ?? 10).floor();
        selection.set([ nmdl ]);
        return ngrp;
    },

    cylinder() {
        function gencyl(opt = {}) {
            let { diameter, height, facets, chamfer, bore } = opt;
            api.modal.hide();
            if (diameter && height) {
                const center = { x:0, y:0, z:0 };
                log(`add cylinder faces=${facets} height=${height} diameter=${diameter}`);
                facets = Math.max(3, facets || diameter * 3)
                const cyl = newPolygon().centerCircle(center, diameter/2, facets);
                if (bore && bore < diameter) {
                    cyl.addInner(newPolygon().centerCircle(center, bore/2, facets));
                }
                const vert = cyl.extrude(height, { chamfer }).toFloat32();
                const nmdl = new meshModel({ file: "cylinder", mesh: vert });
                const ngrp = api.group.new([ nmdl ]);
                selection.set([ nmdl ]);
                ngrp.floor();
            }
        }
        api.modal.dialog({
            title: "cylinder",
            body: [ h.div({ class: "additem" }, [
                h.label('diameter'),
                h.input({ value: 20, size: 5, id: "_diameter" }),
                h.label('height'),
                h.input({ value: 10, size: 5, id: "_height" }),
                h.hr(),
                h.label('bore'),
                h.input({ value: 0, size: 5, id: "_bore" }),
                h.label('facets'),
                h.input({ value: 0, size: 5, id: "_facets" }),
                h.label('chamfer'),
                h.input({ value: 0, size: 5, id: "_chamfer" }),
                h.button({ _: "create", onclick() {
                    const { _diameter, _facets, _height, _chamfer, _bore } = api.modal.bound;
                    gencyl({
                        diameter: parseFloat(_diameter.value),
                        height: parseFloat(_height.value),
                        facets: parseInt(_facets.value),
                        bore: parseFloat(_bore.value),
                        chamfer: parseFloat(_chamfer.value),
                    });
                } })
            ]) ]
        });
        api.modal.bound._diameter.focus();
    },

    gear() {
        function gengear(bound) {
            const { _teeth, _module, _angle, _twist, _shaft, _offset, _height, _chamfer } = bound;
            api.modal.hide();
            let params;
            worker.model_gen_gear(params = {
                teeth: parseInt(_teeth.value),
                module: parseFloat(_module.value),
                angle: parseFloat(_angle.value),
                twist: parseFloat(_twist.value),
                shaft: parseFloat(_shaft.value),
                offset: parseFloat(_offset.value),
                height: parseFloat(_height.value),
                chamfer: parseFloat(_chamfer.value),
            }).then(gear => {
                const nmdl = new meshModel({ file: "gear", mesh: gear.toFloat32() });
                const ngrp = group.new([ nmdl ]);
                selection.set([ nmdl ]);
                ngrp.floor();
                Object.assign(last, params);
                api.prefs.save();
            });
        }
        let last = api.prefs.map.gear = (api.prefs.map.gear || {});
        api.modal.dialog({
            title: "gear generator",
            body: [ h.div({ class: "additem" }, [
                h.label('number of teeth'),
                h.input({ value: last.teeth || 20, size: 5, id: "_teeth" }),
                h.label('shaft diameter'),
                h.input({ value: last.shaft || 5, size: 5, id: "_shaft" }),
                h.label('z height'),
                h.input({ value: last.height || 15, size: 5, id: "_height" }),
                h.label({ _:'chamfer', title:"negative values apply chamfer to the bottom only" }),
                h.input({ value: last.chamfer || 0, size: 5, id: "_chamfer" }),
                h.hr(),
                h.code("all other settings must"),
                h.code("match for gears to mesh"),
                h.hr(),
                h.label('module (diam / teeth)'),
                h.input({ value: last.module || 3, size: 5, id: "_module" }),
                h.label('pressure angle'),
                h.input({ value: last.angle || 20, size: 5, id: "_angle" }),
                h.label('twist angle (helix)'),
                h.input({ value: last.twist || 0, size: 5, id: "_twist" }),
                h.label('tooth offset (play)'),
                h.input({ value: last.offset || 0.1, size: 5, id: "_offset" }),
                h.button({ _: "create", onclick() { gengear(api.modal.bound) } })
            ]) ]
        });
        api.modal.bound._teeth.focus();
    },

    threads() {
        function genthreads(bound) {
            const { _height, _radius, _turns, _depth, _steps, _taper } = bound;
            api.modal.hide();
            let params;
            worker.model_gen_threads(params = {
                height: parseFloat(_height.value),
                radius: parseFloat(_radius.value),
                turns: parseFloat(_turns.value),
                depth: parseFloat(_depth.value),
                steps: parseFloat(_steps.value),
                taper: _taper.checked ? true : false,
            }).then(verts => {
                const nmdl = new meshModel({ file: "threads", mesh: verts.toFloat32() });
                const ngrp = group.new([ nmdl ]);
                selection.set([ nmdl ]);
                ngrp.floor();
                Object.assign(last, params);
                api.prefs.save();
            });
        }
        let last = api.prefs.map.threads = (api.prefs.map.threads || {});
        api.modal.dialog({
            title: "threads generator",
            body: [ h.div({ class: "additem" }, [
                h.label('height'),
                h.input({ value: last.height || 25, size: 5, id: "_height" }),
                h.label('radius'),
                h.input({ value: last.radius || 10, size: 5, id: "_radius" }),
                h.label('turns'),
                h.input({ value: last.turns || 10, size: 5, id: "_turns" }),
                h.label('depth'),
                h.input({ value: last.depth || 1, size: 5, id: "_depth" }),
                h.label('steps'),
                h.input({ value: last.steps || 100, size: 5, id: "_steps" }),
                h.label('taper'),
                h.input({ id: "_taper", type: "checkbox" }),
                h.button({ _: "create", onclick() { genthreads(api.modal.bound) } })
            ]) ]
        });
        api.modal.bound._height.focus();
        if (last.taper) api.modal.bound._taper.checked = true;
    }
};

let file = {
    import() {
        // binding created in mesh.build
        $('import').click();
        // allow importing the same file twice
        setTimeout(() => { $('import').value = ''; }, 100);
    },

    export() {
        let recs = selection.models().map(m => { return {
            id: m.id, matrix: m.matrix, file: m.file
        } });
        if (recs.length === 0) {
            return log(`no models to export`);
        }
        function doit(ext = 'obj') {
            log(`exporting ${recs.length} model(s)`);
            let file = api.modal.bound.filename.value || "export.obj";
            if (file.toLowerCase().indexOf(`.${ext}`) < 0) {
                file = `${file}.${ext}`;
            }
            worker.file_export({
                recs, format: ext
            }).then(data => {
                if (data.length) {
                    meshUtil.download(data, file);
                }
            }).finally( api.modal.hide );
        }
        api.modal.dialog({
            title: `export ${recs.length} model(s)`,
            body: [ h.div({ class: "export" }, [
                h.div([
                    h.div("filename"),
                    h.input({ id: "filename", value: "mesh_export" })
                ]),
                h.div([
                    h.button({ _: "download OBJ", onclick() { doit('obj') } }),
                    h.button({ _: "download STL", onclick() { doit('stl') } }),
                    h.button({ _: "download STEP", onclick() { doit('step') } }),
                ])
            ]) ]
        });
    },
};

// return selection if models are invalid. can happen when called from
// even bound to a button which delivers a PointEvent argument
function fallback(models, strict) {
    return Array.isArray(models) ? models : selection.models(strict);
}

const tool = {
    merge(models) {
        models = fallback(models);
        if (models.length < 2) {
            return log('nothing to merge');
        }
        log(`merging ${models.length} models`).pin();
        return worker.model_merge(models.map(m => {
            return { id: m.id, matrix: m.matrix }
        }))
        .then(data => {
            let group = api.group.new([new meshModel({
                file: `merged`,
                mesh: data
            })]).promote();
            api.selection.visible(false);
            api.selection.set([group]);
            log('merge complete').unpin();
            return group;
        });
    },

    union(models) {
        models = fallback(models);
        if (models.length < 2) {
            return log('nothing to union');
        }
        log(`union ${models.length} models`).pin();
        worker
            .model_union(models.map(m => m.id))
            .then(data => {
                let group = api.group.new([new meshModel({
                    file: `union`,
                    mesh: data
                })]).promote();
                api.selection.delete();
                api.selection.set([ group ]);
            })
            .catch(error => {
                log(`union error: ${error}`);
            })
            .finally(() => {
                log('union complete').unpin();
            });
    },

    difference(models) {
        models = fallback(models);
        if (models.length < 2) {
            return log('nothing to diff');
        }
        log(`diff ${models.length} models`).pin();
        worker.model_difference(models.map(m => m.id))
        .then(data => {
            let group = api.group.new([new meshModel({
                file: `diff`,
                mesh: data
            })]).promote();
            api.selection.delete();
            api.selection.set([group]);
        })
        .catch(error => {
            log(`diff error: ${error}`);
        })
        .finally(() => {
            log('diff complete').unpin();
        });
    },

    intersect(models) {
        models = fallback(models);
        if (models.length < 2) {
            return log('nothing to intersect');
        }
        log(`intersect ${models.length} models`).pin();
        worker.model_intersect(models.map(m => m.id))
        .then(data => {
            let group = api.group.new([new meshModel({
                file: `intersect`,
                mesh: data
            })]).promote();
            api.selection.delete();
            api.selection.set([group]);
        })
        .catch(error => {
            log(`intersect error: ${error}`);
        })
        .finally(() => {
            log('intersect complete').unpin();
        });
    },

    subtract(models) {
        models = fallback(models);
        if (models.length < 2) {
            return log('nothing to subtract');
        }
        log(`subtract ${models.length} models`).pin();
        return worker.model_subtract(models.map(m => {
            return { id: m.id, tool: m.tool() }
        }))
        .then(data => {
            let group = api.group.new([new meshModel({
                file: `subtract`,
                mesh: data
            })]).promote();
            api.selection.delete();
            api.selection.set([group]);
            return group;
        })
        .catch(error => {
            log(`subtract error: ${error}`);
        })
        .finally(() => {
            log('subtract complete').unpin();
        });
    },

    duplicate() {
        let { dup_shift, dup_sel } = api.prefs.map.space;
        if (sketch.selection.duplicate({ select: dup_sel, shift: dup_shift })) {
            return;
        }
        let models = selection.models();
        if (dup_sel) {
            selection.clear();
        }
        let nm = [];
        for (let m of models) {
            nm.push(m.duplicate({ select: dup_sel, shift: dup_shift }));
        }
        return tool.regroup(nm);
    },

    mirror() {
        for (let m of selection.models()) {
            m.mirror();
        }
    },

    invert() {
        for (let m of selection.models(false)) {
            m.invert(api.mode.get());
        }
    },

    triangulate() {
        for (let m of selection.models(false)) {
            m.triangulateSelections();
        }
    },

    toSketch() {
        for (let m of api.model.list()) {
            m.selectionToSketch();
        }
    },

    rename(models, type = 'model') {
        models = fallback(models, true);
        let model = models[0];
        if (!model) {
            return;
        }
        if (models.length > 1) {
            return log('rename requires a single selection');
        }
        let onclick = onkeydown = (ev) => {
            let el = $('tempedit');
            if (!el || (ev.code && ev.code !== 'Enter')) {
                return;
            }
            model.rename( el.value.trim() );
            meshUtil.defer(selection.update);
            api.modal.hide();
        };
        let { tempedit } = api.modal.show(`rename ${type}`, h.div({ class: "rename"}, [
            h.input({ id: "tempedit", value: model.file, onkeydown }),
            h.button({ _: 'ok', onclick })
        ]));
        tempedit.setSelectionRange(0,1000);
        tempedit.focus();
    },

    regroup(models) {
        models = fallback(models, true);
        if (models.length) {
            log(`regrouping ${models.length} model(s)`);
            let group = api.group.new(models.map(m => m.ungroup()));
            let bounds = group.bounds;
            models.forEach(m => m.centerTo(bounds.mid));
            return group;
        }
    },

    analyze(models, opt = { compound: true }) {
        models = fallback(models);
        log('analyzing mesh(es)').pin();
        let promises = [];
        let mcore = new Matrix4().makeRotationX(Math.PI / 2);
        for (let m of models) {
            let p = worker.model_analyze({ id: m.id, opt }).then(data => {
                let { areas, edges } = data.mapped;
                let nm = areas.map(area => new meshModel({
                    file: (area.length/3).toString(),
                    mesh: area.toFloat32()
                })).map( nm => nm.applyMatrix4(mcore.clone().multiply(m.mesh.matrixWorld)) );
                if (nm.length) {
                    api.group.new(nm, undefined, "patch");
                }
            });
            promises.push(p);
        }
        return Promise.all(promises).then(() => {
            log('analysis complete').unpin();
        });
    },

    isolate(models) {
        models = fallback(models);
        log('isolating bodies').pin();
        let promises = [];
        let mcore = new Matrix4().makeRotationX(Math.PI / 2);
        let mark = Date.now();
        for (let m of models) {
            let p = worker.model_isolate({ id: m.id }).then(bodies => {
                bodies = bodies.map(vert => new meshModel({
                    file: m.file,
                    mesh: vert.toFloat32()
                })).map( nm => nm.applyMatrix4(mcore.clone().multiply(m.mesh.matrixWorld)) );
                api.group.new(bodies, undefined, "isolate");
            });
            promises.push(p);
        }
        return Promise.all(promises).then(() => {
            log('isolation complete').unpin();
            // log(`... isolate time = ${Date.now() - mark}`);
        });
    },

    indexFaces(models, opt = {}) {
        models = fallback(models, false);
        log('mapping faces').pin();
        let promises = [];
        let mark = Date.now();
        for (let m of models) {
            let p = worker.model_indexFaces({ id: m.id, opt }).then(data => {
                // console.log({map_info: data});
            });
            promises.push(p);
        }
        Promise.all(promises).then(() => {
            log('mapping complete').unpin();
            // log(`... index time = ${Date.now() - mark}`);
        });
    },

    heal(models, opt = {}) {
        models = fallback(models);
        let promises = [];
        for (let m of models) {
            let p = worker.model_heal({
                id: m.id, opt
            }).then(data => {
                data?.vertices && m.reload(data.vertices);
                return data;
            });
            promises.push(p);
        }
        return new Promise((resolve, reject) => {
            Promise.all(promises).then(resolve).catch(error => reject);
        });
    },

    repair(models) {
        models = fallback(models);
        log('repairing mesh(es)').pin();
        tool.heal(models, { merge: true }).then(() => {
            log('repair commplete').unpin();
            meshUtil.defer(selection.update);
        });
    },

    clean(models) {
        models = fallback(models);
        tool.heal(models, {
            round: 3,
            precision: 3,
            merge: false,
            dedup: true,
            clean: true
        }).then((data) => {
            for (let od of data) {
                let { vertices, zlist } = od;
                console.log({ zlist });
                log(`${vertices.length/3} vertices, ${zlist.length} unique Z`);
            }
            log('cleaning complete').unpin();
            meshUtil.defer(selection.update);
        });
    },

    flatten(models) {
        fallback(models, false).map(model => model.selectionFlatten());
    }
};

const modes = {
    object: "object",   // mesh or group
    tool: "tool",       // mesh or group for subtraction
    face: "face",       // facet / triangle
    surface: "surface", // normal aligned & adjacent faces
    edge: "edge",       // edge of a face
    sketch: "sketch",   // 2D sketching
};

// edit mode
const mode = {
    set(mode) {
        prefs.save(prefs.map.mode = mode);
        for (let key of Object.values(modes)) {
            $(`mode-${key}`).classList.remove('selected');
        }
        $(`mode-${mode}`).classList.add('selected');
        $('mode-label').innerText = mode;
        api.mode.check();
        meshEdges?.end();
        if (mode === 'sketch') {
            $C('sketch-on',   null, 'hide');
            $C('sketch-off', 'hide', null);
        } else {
            $C('sketch-off',  null, 'hide');
            $C('sketch-on',  'hide', null);
        }
    },

    get() {
        return prefs.map.mode;
    },

    is(modelist) {
        for (let m of modelist) {
            if (prefs.map.mode === m) return true;
        }
        return false;
    },

    check() {
        if (prefs.map.mode === modes.surface) {
            tool.indexFaces();
        }
    },

    object() {
        if (!mode.is([ modes.object, modes.tool ])) {
            selection.clear();
        }
        mode.set(modes.object);
    },

    tool() {
        if (!mode.is([ modes.object, modes.tool ])) {
            selection.clear();
        }
        mode.set(modes.tool);
    },

    face() {
        if (!mode.is([ modes.face, modes.surface ])) {
            selection.clear();
        }
        mode.set(modes.face);
    },

    surface() {
        if (!mode.is([ modes.face, modes.surface ])) {
            selection.clear();
        }
        mode.set(modes.surface);
    },

    edge() {
        if (!mode.is([ modes.edge ])) {
            selection.clear();
        }
        mode.set(modes.edge);
        meshEdges.start();
    },

    sketch() {
        if (!mode.is([ modes.sketch ])) {
            selection.clear();
            let first = sketch.list()[0];
            selection.set(first ? [ first ] : []);
        }
        mode.set(modes.sketch);
    }
};

// cache pref signature so we know when it changes
let prefsig;
let prefsignew;

// persisted preference map
const prefs = {
    map: {
        info: {
            group: "show",
            span: "show"
        },
        mode: modes.object,
        edit: {
            scale_group_X: true,
            scale_group_Y: true,
            scale_group_Z: true
        },
        space: {
            bounds: false,
            center: false,
            dark: false,
            floor: false,
            grid: true,
            script: false,
            select: [],
            snap: 1,
            snapon: false,
            wire: false
        },
        sketch: {
            open_close: false,
            open_thick: 1,
            open_type: 'miter'
        },
        normals: {
            length: 0.25,
            color_lite: 0xffff00,
            color_dark: 0xffff00,
        },
        surface: {
            radians: 0.1,
            radius: 0.2
        },
        wireframe: {
            opacity: 0.4,
            fog: 3
        }
    },

    // look for changes in pref signature
    changed() {
        prefsignew = JSON.stringify(prefs.map);
        return prefsignew !== prefsig;
    },

    // persist to data store
    save() {
        if (prefs.changed()) {
            api.db.admin.put("prefs", prefs.map);
            prefsig = prefsignew;
        }
    },

    // reload from data store
    load() {
        return api.db.admin.get("prefs").then(data => {
            // handle/ignore incompatible older prefs
            if (data) Object.assign(prefs.map, data);
        });
    }
};

let mark = Date.now();

let since = () => {
    return ((Date.now() - mark) / 1000).toFixed(2).padStart(9,0);
};

let dbug = self.dbug = self.dbug || {
    level: 1, // 0=debug, 1=normal, 2=warn, 3=error

    set: (level) => {
        if (level >= 0) dbug.level = Math.min(level, 3);
    },

    debug: function() {
        if (dbug.level <= 0) return console.log(since(),'[DBG]', ...arguments);
    },

    log: function() {
        if (dbug.level <= 1) return console.log(since(),'|',...arguments);
    },

    warn: function() {
        if (dbug.level <= 2) return console.log(since(),'[WRN]', ...arguments);
    },

    error: function() {
        if (dbug.level <= 3) return console.trace(since(),'[ERR]', ...arguments);
    },

    since
};


// api is augmented in mesh.build (log, modal, download)
const api = {
    init() {
        // publish messages when api functions are called
        broker.wrapObject(selection, 'selection');
        // broker.wrapObject(model, 'model');
        // broker.wrapObject(group, 'group');

        // optimize db writes by merging updates
        prefs.save = meshUtil.deferWrap(prefs.save, 100);
    },

    help() {
        window.open("https://docs.grid.space/projects/mesh-tool");
    },

    bugs() {
        window.open("https://github.com/GridSpace/grid-apps/issues");
    },

    version() {
        window.location = "/choose?back";
    },

    donate() {
        window.open("https://www.paypal.com/paypalme/gridspace3d");
    },

    gridspace() {
        window.open("https://grid.space");
    },

    kirimoto() {
        window.location = "/kiri";
    },

    clear() {
        for (let grp of group.list()) {
            group.remove(grp);
        }
    },

    history: {
        undo() {
            history.undo();
        },
        redo() {
            history.redo();
        }
    },

    // @param object {MeshObject | MeshObject[] | Object}
    focus(object) {
        let { center } = object.center ? object : meshUtil.bounds(object);
        // when no valid objects supplied, set origin
        if (isNaN(center.x * center.y * center.z)) {
            center = { x: 0, y: 0, z: 0 };
        }
        let { normal } = object;
        let left, up;
        if (normal) {
            let { x, y, z } = normal;
            left = new Vector3(x,y,0).angleTo(new Vector3(0,-1,0));
            up = new Vector3(0,y,z).angleTo(new Vector3(0,0,1));
            if (x < 0) left = -left;
        }
        // sets "home" views (front, back, home, reset)
        motoSpace.platform.setCenter(center.x, -center.y, center.z);
        // sets camera focus
        motoSpace.view.panTo(center.x, center.z, -center.y, left, up);
    },

    grid(state = { toggle:true }) {
        let { platform } = motoSpace;
        let { map, save } = prefs;
        if (state.toggle) {
            platform.showGrid(!platform.isGridVisible());
        } else {
            platform.showGrid(state);
        }
        map.space.grid = platform.isGridVisible();
        save();
    },

    wireedges(state = { toggle:true }, opt = {
        opacity: prefs.map.wireframe.opacity,
        edges: base.util.toDegrees(api.prefs.map.surface.radians)
    }) {
        api.wireframe(state, opt);
    },

    wireframe(state = { toggle:true }, opt = {
        opacity: prefs.map.wireframe.opacity,
        edges: prefs.map.space.wire_edge
    }) {
        const mspace = prefs.map.space;
        let { wire } = mspace;
        if (state.toggle) {
            wire = !wire;
        } else {
            wire = state;
        }
        for (let m of model.list()) {
            m.wireframe(wire, opt);
        }
        mspace.wire = wire;
        mspace.wire_edge = wire ? opt.edges : 0;
        prefs.save();
        api.updateFog();
    },

    updateFog() {
        const mspace = prefs.map.space;
        const mwire = prefs.map.wireframe;
        if (mspace.wire) {
            motoSpace.scene.setFog(mwire.fog, mspace.dark ? 0 : 0xffffff);
        } else {
            motoSpace.scene.setFog(false);
        }
    },

    normals(state = {toggle:true}) {
        let norm = prefs.map.space.norm;
        if (state.toggle) {
            norm = !norm;
        } else {
            norm = state;
        }
        for (let m of model.list()) {
            m.normals(norm);
        }
        prefs.save( prefs.map.space.norm = norm );
    },

    objects(selected = false) {
        // return model objects suitable for finding ray intersections
        if (selected) {
            return [
                ...selection.models().map(o => o.mesh),
                ...selection.sketches().map(s => s.meshes).flat()
            ];
        } else {
            return [
                ...group.list().map(o => o.models).flat().map(o => o.mesh),
                ...sketches.map(s => s.meshes).flat()
            ];
        }
    },

    add,

    dbug,

    file,

    group,

    mode,

    modes,

    model,

    pattern,

    prefs,

    script,

    selection,

    sketch,

    tool,

    isDebug: self.debug === true
};

function log() {
    return api.log.emit(...arguments);
}

const call = broker.send;

self.mesh_api = api;

export {
    sketches,
    selection,
    groups,
    api
};