@mindexec/cli 0.2.0

package/wwwroot/js/marketing-tool.js

@@ -0,0 +1,180 @@
+(function () {
+    const globalKey = "__mindexecMarketingToolEvents";
+
+    function ensureStore() {
+        if (!Array.isArray(window[globalKey])) {
+            window[globalKey] = [];
+        }
+
+        return window[globalKey];
+    }
+
+    function toPlainObject(value) {
+        if (!value || typeof value !== "object") {
+            return {};
+        }
+
+        return JSON.parse(JSON.stringify(value));
+    }
+
+    window.mindexecMarketingTools = window.mindexecMarketingTools || {
+        track(payload) {
+            const data = toPlainObject(payload);
+            const eventName = data.eventName || "tool_event";
+            const enriched = {
+                ...data,
+                path: window.location.pathname,
+                referrer: document.referrer || "",
+                timestamp: new Date().toISOString()
+            };
+
+            ensureStore().push(enriched);
+
+            try {
+                window.dispatchEvent(new CustomEvent("mindexec:tool-event", { detail: enriched }));
+            } catch (_) {
+            }
+
+            if (Array.isArray(window.dataLayer)) {
+                window.dataLayer.push({ event: eventName, ...enriched });
+            }
+
+            if (typeof window.plausible === "function") {
+                const props = {
+                    toolKey: enriched.toolKey || "",
+                    host: enriched.host || "",
+                    ctaKind: enriched.ctaKind || "",
+                    textLengthBucket: enriched.textLengthBucket || "",
+                    fileCountBucket: enriched.fileCountBucket || ""
+                };
+
+                window.plausible(eventName, { props });
+            }
+        },
+
+        initMiniCanvas() {
+            const roots = document.querySelectorAll("[data-mini-canvas-root]");
+            roots.forEach((root) => {
+                if (!(root instanceof HTMLElement) || root.dataset.miniCanvasReady === "true") {
+                    return;
+                }
+
+                const viewport = root.querySelector("[data-mini-canvas-viewport]");
+                const stage = root.querySelector("[data-mini-canvas-stage]");
+                if (!(viewport instanceof HTMLElement) || !(stage instanceof HTMLElement)) {
+                    return;
+                }
+
+                root.dataset.miniCanvasReady = "true";
+
+                const centerBoard = () => {
+                    if (window.matchMedia("(max-width: 960px)").matches) {
+                        viewport.scrollLeft = 0;
+                        viewport.scrollTop = 0;
+                        return;
+                    }
+
+                    viewport.scrollLeft = Math.max(0, (stage.scrollWidth - viewport.clientWidth) / 2);
+                    viewport.scrollTop = Math.max(0, (stage.scrollHeight - viewport.clientHeight) / 2 - 80);
+                };
+
+                requestAnimationFrame(centerBoard);
+                window.setTimeout(centerBoard, 120);
+
+                const scrollToAnchor = (anchor) => {
+                    const target = stage.querySelector(`[data-mini-canvas-anchor="${anchor}"]`);
+                    if (!(target instanceof HTMLElement)) {
+                        return;
+                    }
+
+                    target.scrollIntoView({
+                        behavior: "smooth",
+                        block: "center",
+                        inline: "center"
+                    });
+                };
+
+                root.querySelectorAll("[data-mini-canvas-action]").forEach((button) => {
+                    if (!(button instanceof HTMLElement) || button.dataset.miniCanvasBound === "true") {
+                        return;
+                    }
+
+                    button.dataset.miniCanvasBound = "true";
+                    button.addEventListener("click", () => {
+                        const action = button.dataset.miniCanvasAction || "";
+                        if (action === "center") {
+                            centerBoard();
+                            return;
+                        }
+
+                        scrollToAnchor(action);
+                    });
+                });
+
+                let isDragging = false;
+                let startX = 0;
+                let startY = 0;
+                let startScrollLeft = 0;
+                let startScrollTop = 0;
+
+                const isInteractiveTarget = (target) => {
+                    if (!(target instanceof Element)) {
+                        return false;
+                    }
+
+                    return !!target.closest("textarea,input,button,a,label,select,[data-no-canvas-pan]");
+                };
+
+                viewport.addEventListener("pointerdown", (event) => {
+                    if (window.matchMedia("(max-width: 960px)").matches) {
+                        return;
+                    }
+
+                    if (event.button !== 0 || isInteractiveTarget(event.target)) {
+                        return;
+                    }
+
+                    isDragging = true;
+                    startX = event.clientX;
+                    startY = event.clientY;
+                    startScrollLeft = viewport.scrollLeft;
+                    startScrollTop = viewport.scrollTop;
+                    viewport.classList.add("is-dragging");
+
+                    try {
+                        viewport.setPointerCapture(event.pointerId);
+                    } catch (_) {
+                    }
+                });
+
+                viewport.addEventListener("pointermove", (event) => {
+                    if (!isDragging) {
+                        return;
+                    }
+
+                    const dx = event.clientX - startX;
+                    const dy = event.clientY - startY;
+                    viewport.scrollLeft = startScrollLeft - dx;
+                    viewport.scrollTop = startScrollTop - dy;
+                });
+
+                const endDrag = (event) => {
+                    if (!isDragging) {
+                        return;
+                    }
+
+                    isDragging = false;
+                    viewport.classList.remove("is-dragging");
+                    try {
+                        viewport.releasePointerCapture(event.pointerId);
+                    } catch (_) {
+                    }
+                };
+
+                viewport.addEventListener("pointerup", endDrag);
+                viewport.addEventListener("pointercancel", endDrag);
+                viewport.addEventListener("pointerleave", endDrag);
+            });
+        }
+    };
+})();

package/wwwroot/manifest.webmanifest

@@ -0,0 +1,22 @@
+{
+  "name": "MindExec",
+  "short_name": "MindExec",
+  "id": "./",
+  "start_url": "./",
+  "display": "standalone",
+  "background_color": "#ffffff",
+  "theme_color": "#03173d",
+  "prefer_related_applications": false,
+  "icons": [
+    {
+      "src": "icon-512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "icon-192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    }
+  ]
+}

package/wwwroot/robots.txt

@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://mindexec.pages.dev/sitemap.xml