@needle-tools/engine 3.28.7-beta → 3.28.7-beta.1

package/lib/engine/engine_license.js

@@ -1,399 +1,399 @@
-import { getParam } from "./engine_utils.js";
-import { ContextEvent, ContextRegistry } from "./engine_context_registry.js";
-import { logoSVG } from "./assets/index.js";
-import { GENERATOR, VERSION } from "./engine_constants.js";
-const debug = getParam("debuglicense");
-// This is modified by a bundler (e.g. vite)
-// Do not edit manually
-let NEEDLE_ENGINE_LICENSE_TYPE = "basic";
-if (debug)
-    console.log("License Type: " + NEEDLE_ENGINE_LICENSE_TYPE);
-export function hasProLicense() {
-    switch (NEEDLE_ENGINE_LICENSE_TYPE) {
-        case "pro":
-        case "enterprise":
-            return true;
-    }
-    ;
-    return false;
-}
-export function hasIndieLicense() {
-    switch (NEEDLE_ENGINE_LICENSE_TYPE) {
-        case "indie":
-            return true;
-    }
-    return false;
-}
-export function hasCommercialLicense() {
-    return hasProLicense() || hasIndieLicense();
-}
-ContextRegistry.registerCallback(ContextEvent.ContextRegistered, evt => {
-    showLicenseInfo(evt.context);
-    sendUsageMessageToAnalyticsBackend();
-    handleForbidden(evt.context);
-});
-export let runtimeLicenseCheckPromise = undefined;
-let applicationIsForbidden = false;
-let applicationForbiddenText = "";
-async function checkLicense() {
-    // Only perform the runtime license check once
-    if (runtimeLicenseCheckPromise)
-        return runtimeLicenseCheckPromise;
-    if (NEEDLE_ENGINE_LICENSE_TYPE === "basic") {
-        try {
-            const licenseUrl = "https://engine.needle.tools/licensing/check?location=" + encodeURIComponent(window.location.href) + "&version=" + VERSION + "&generator=" + encodeURIComponent(GENERATOR);
-            const res = await fetch(licenseUrl, {
-                method: "GET",
-            }).catch();
-            if (res?.status === 200) {
-                applicationIsForbidden = false;
-                if (debug)
-                    console.log("License check succeeded");
-                NEEDLE_ENGINE_LICENSE_TYPE = "pro";
-            }
-            else if (res.status === 403) {
-                applicationIsForbidden = true;
-                applicationForbiddenText = await res.text();
-            }
-            else {
-                if (debug)
-                    console.log("License check failed with status " + res.status);
-            }
-        }
-        catch (err) {
-            if (debug)
-                console.error("License check failed", err);
-        }
-    }
-    else if (debug)
-        console.log("Runtime license check is skipped because license is already applied as \"" + NEEDLE_ENGINE_LICENSE_TYPE + "\"");
-}
-runtimeLicenseCheckPromise = checkLicense();
-async function handleForbidden(ctx) {
-    function createForbiddenElement() {
-        const div = document.createElement("div");
-        div.className = "needle-forbidden";
-        div.style.cssText = `
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        pointer-events: all;
-        zIndex: 2147483647;
-        background-color: rgba(0,0,0,0.3);
-        backdrop-filter: blur(10px);
-        webkitBackdropFilter: blur(10px);
-        line-height: 1.5;
-        `;
-        const text = document.createElement("div");
-        div.appendChild(text);
-        text.style.cssText = `
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        color: white;
-        font-size: 24px;
-        font-family: sans-serif;
-        text-align: center;
-        user-select: none;
-        `;
-        const forbiddenText = applicationForbiddenText?.length > 1 ? applicationForbiddenText : "Needle Engine<br/>This application is not allowed to run on this domain!";
-        text.innerHTML = forbiddenText;
-        return div;
-    }
-    let forbiddenElement = createForbiddenElement();
-    const expectedCSS = forbiddenElement.style.cssText;
-    setInterval(() => {
-        if (applicationIsForbidden === true) {
-            if (forbiddenElement.style.cssText !== expectedCSS)
-                forbiddenElement = createForbiddenElement();
-            if ("isPaused" in ctx)
-                ctx.isPaused = true;
-            if (forbiddenElement.parentNode !== ctx.domElement.shadowRoot)
-                ctx.domElement.shadowRoot?.appendChild(forbiddenElement);
-        }
-    }, 500);
-}
-async function showLicenseInfo(ctx) {
-    try {
-        if (hasCommercialLicense() !== true)
-            return onNonCommercialVersionDetected(ctx);
-    }
-    catch (err) {
-        if (debug)
-            console.log("License check failed", err);
-        return onNonCommercialVersionDetected(ctx);
-    }
-    if (debug)
-        onNonCommercialVersionDetected(ctx);
-}
-const licenseElementIdentifier = "needle-license-element";
-const licenseDuration = 10000;
-const licenseDelay = 1200;
-async function onNonCommercialVersionDetected(ctx) {
-    await runtimeLicenseCheckPromise?.catch(() => { });
-    if (hasCommercialLicense())
-        return;
-    logNonCommercialUse();
-    ctx.domElement.addEventListener("ready", () => {
-        insertNonCommercialUseHint(ctx);
-    });
-}
-function insertNonCommercialUseHint(ctx) {
-    const licenseElement = createLicenseElement();
-    const style = createLicenseStyle();
-    const imgElement = document.createElement("img");
-    imgElement.src = logoSVG;
-    imgElement.classList.add("logo");
-    imgElement.style.cssText = `width: 40px; height: 40px; margin-right: 2px; vertical-align: middle; margin-bottom: 2px;`;
-    licenseElement.appendChild(imgElement);
-    const setAndUpdateStyle = () => {
-        if (!licenseElement)
-            return;
-        const parent = ctx.domElement.shadowRoot || ctx.domElement;
-        if (licenseElement.parentNode !== parent) {
-            parent.appendChild(licenseElement);
-            if (style)
-                parent.appendChild(style);
-        }
-        if (imgElement.parentElement !== licenseElement) {
-            licenseElement.appendChild(imgElement);
-        }
-        if (imgElement.src !== logoSVG) {
-            imgElement.setAttribute("src", logoSVG);
-            imgElement.style.cssText = `width: 40px; height: 40px; margin-right: 2px; vertical-align: middle; margin-bottom: 2px;`;
-        }
-    };
-    // call once and then ensure
-    setAndUpdateStyle();
-    const interval = setInterval(() => {
-        setAndUpdateStyle();
-    }, 1000);
-    const textElement = document.createElement("div");
-    textElement.classList.add("text");
-    // if (!isMobileDevice())
-    // textElement.innerHTML = "Made with Needle";
-    licenseElement.appendChild(textElement);
-    licenseElement.title = "Needle Engine";
-    if (!hasCommercialLicense())
-        licenseElement.title += " No active license found - Non Commercial Use";
-    licenseElement.addEventListener("click", () => {
-        globalThis.open("https://needle.tools", "_blank");
-    });
-    if (hasIndieLicense()) {
-        const removeDelay = licenseDuration + licenseDelay;
-        setTimeout(() => {
-            clearInterval(interval);
-            licenseElement?.remove();
-            style?.remove();
-            // show the logo every x minutes
-            const intervalInMinutes = 5;
-            setTimeout(() => {
-                if (ctx.domElement.parentNode)
-                    insertNonCommercialUseHint(ctx);
-            }, 1000 * 60 * intervalInMinutes);
-        }, removeDelay);
-    }
-}
-let lastLogTime = 0;
-async function logNonCommercialUse(_logo) {
-    const now = Date.now();
-    if (now - lastLogTime < 2000)
-        return;
-    lastLogTime = now;
-    const logo = "data:image/webp;base64,UklGRrABAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSKEAAAARN6CmbSM4WR7vdARON11EBDq3fLiNbVtVzpMCPlKAEzsx0Y/x+Ovuv4dn0EFE/ydAvz6YggXzgh5sVgXM/zOC/4sii7qgGvB5N7hmuQYwkvazWAu1JPW41FXSHq6pnaQWvqYH18Fc0j1hO/BFTtIeSBlJi5w6qIIO7IOrwhFsB2Yxukif0FTRLpXswHR8MxbslKe9VZsn/Ub5C7YFOpqSTABWUDgg6AAAAFAGAJ0BKiAAIAA+7VyoTqmkpCI3+qgBMB2JbACdMt69DwMIQBLhkTO6XwY00UEDK6cNIDnuNibPf0EgAP7Y1myuiQHLDsF/0h5unrGh6WAbv7aegg2ZMd3uRKfT/3SJztcaujYfTvMXspfCTmYcoO6a+vhC3ss4M8uM58t4siiu59I4aOl59e9Sr6xoxYlHf2v+NnBNpJYeJf8jABQAId/PXuBkLEFkiCucgSGEcfhvajql/j3reCGl0M5/9gQWy7ayNPs+wlvIxFnNfSlfuND4CZOCyxOHhRqOmHN4ULHo3tCSrUNvgAA=";
-    const style = `
-        position: relative;
-        display: block;
-        font-size: 18px;
-        background-size: 20px;
-        background-position: 10px 5px;
-        background-repeat:no-repeat;
-        background-image:url('${logo}');
-        background-max-size: 40px;
-        margin-bottom: 5px;
-        margin-top: .3em;
-        margin-bottom: .5em;
-        padding: .2em;
-        padding-left: 25px;
-        border-radius: .5em;
-        border: 2px solid rgba(160,160,160,.3);
-    `;
-    // url must contain https for firefox to make it clickable
-    const version = VERSION;
-    const licenseText = `Needle Engine — No license active, commercial use is not allowed. Visit https://needle.tools/pricing for more information and licensing options! v${version}`;
-    console.log("%c " + licenseText, style);
-}
-function createLicenseElement() {
-    const licenseElement = document.createElement("div");
-    licenseElement.setAttribute(licenseElementIdentifier, "");
-    licenseElement.style.position = "absolute";
-    licenseElement.style.bottom = "12px";
-    licenseElement.style.right = "15px";
-    // licenseElement.style.textShadow = "0 0 2px rgba(200,200,200, 1)";
-    const maxPossibleZIndex = 2147483647;
-    licenseElement.style.zIndex = `${maxPossibleZIndex}`;
-    return licenseElement;
-}
-// TODO: would be better to put this into a web element and use shadow dom
-function createLicenseStyle() {
-    const licenseStyle = document.createElement("style");
-    const selector = `div[${licenseElementIdentifier}]`;
-    licenseStyle.innerHTML = `
-    ${selector} {
-        font-family: 'Roboto', sans-serif !important;
-        font-weight: 300;
-        transition: all 0.1s ease-in-out !important;
-        pointer-events: all;
-        overflow: hidden;
-    }
-
-    ${selector}:hover {
-        cursor: pointer;
-        transition: all 0.3s ease-in-out !important;
-    }
-
-    ${selector}, ${selector} > * {
-        display: inline-block !important;
-        visibility: visible !important;
-        border: none !important;
-        text-decoration: none !important;
-        vertical-align: middle !important;
-    }
-    
-    @keyframes license-animation-text {
-        1% {
-            opacity: 0;
-        }
-        2.5% {
-            opacity: 1;
-        }
-        100% {
-            opacity: 1;
-        }
-    }
-    ${selector} .text {
-        position: relative;
-        display: inline-block;
-        opacity: 0;
-        animation: license-animation-text;
-        animation-duration: ${(licenseDuration / 1000)}s;
-        animation-delay: ${licenseDelay / 1000}s;
-        animation-fill-mode: forwards;
-        line-height: 1em;
-        margin-left: -3px;
-        color: rgba(20,20,20,1);
-        font-size: 14px;
-        font-weight: 800;
-        background-color: rgba(220, 220, 220, .8);
-        // padding: .51em .6em .43em .6em;
-        border-radius: .7em;
-    }
-
-    ${selector} .text .non-commercial {
-        font-size: 0.8em;
-        font-weight: 600;
-        text-transform: uppercase;
-    }
-    
-    @keyframes logo-animation {
-        0% {
-            transform: translate(0px, 10px);
-            pointer-events: none;
-        }
-        3% {
-            transform: translate(0, 0px);
-            pointer-events: all;
-            opacity: 1;
-            transform: scale(1.1)
-        }
-        12% {
-            transform: scale(1)
-        }
-        100% {
-            opacity: 1;
-            pointer-events: all;
-            transform: scale(1)
-        }
-    }
-
-    ${selector} .logo {
-        opacity: 0;
-        pointer-events: none;
-        animation: logo-animation;
-        animation-duration: ${(licenseDuration / 1000)}s;
-        animation-delay: ${licenseDelay / 1000}s;
-        animation-easing: ease-in-out;
-        animation-fill-mode: forwards;
-    }
-
-    ${selector} .logo {
-        position: relative !important;
-        display: inline-block !important;
-        border-radius: 50% !important;
-        background-color: transparent !important;
-        padding: 5px !important;
-        transition: all 0.2s ease-in-out !important;
-    }
-
-    ${selector}:hover .logo {
-        transition: all 0.2s ease-in-out !important;
-        transform: scale(1.1) !important;
-        cursor: pointer !important;
-    }
-
-    @media (prefers-reduced-motion: reduce) {
-        ${selector} .text {
-            animation: none !important;
-            transition: none !important;
-            /* animation end state */
-            opacity: 1;
-        }
-
-        ${selector} .logo {
-            animation: none !important;
-            transition: none !important;
-            /* animation end state */
-            opacity: 1;
-            pointer-events: all;
-            transform: scale(1)
-        }
-        ${selector} .logo:hover { 
-            transition: none !important; 
-        }
-    }
-    `;
-    return licenseStyle;
-}
-async function sendUsageMessageToAnalyticsBackend() {
-    try {
-        const analyticsUrl = "https://needle-engine-analytics-v2-r26roub2hq-lz.a.run.app";
-        if (analyticsUrl) {
-            if (debug)
-                console.log("Analytics backend url", analyticsUrl);
-            // analyticsUrl = "http://localhost:3000/";
-            const currentUrl = window.location.href;
-            let endpoint = "api/v2/new/request";
-            if (!analyticsUrl.endsWith("/"))
-                endpoint = "/" + endpoint;
-            const license = NEEDLE_ENGINE_LICENSE_TYPE;
-            const finalUrl = `${analyticsUrl}${endpoint}?license=${license}&url=${encodeURIComponent(currentUrl)}&hostname=${encodeURIComponent(window.location.hostname)}&pathname=${encodeURIComponent(window.location.pathname)}&search=${encodeURIComponent(window.location.search)}&hash=${encodeURIComponent(window.location.hash)}&version=${VERSION}&generator=${GENERATOR}`;
-            if (debug)
-                console.log("Sending non-commercial usage message to analytics backend", finalUrl);
-            fetch(finalUrl, {
-                mode: "no-cors"
-            })
-                .catch(err => {
-                if (debug)
-                    console.log("Failed to send non-commercial usage message to analytics backend", err);
-            });
-        }
-    }
-    catch (err) {
-        if (debug)
-            console.log("Failed to send non-commercial usage message to analytics backend", err);
-    }
-}
+import { getParam } from "./engine_utils.js";
+import { ContextEvent, ContextRegistry } from "./engine_context_registry.js";
+import { logoSVG } from "./assets/index.js";
+import { GENERATOR, VERSION } from "./engine_constants.js";
+const debug = getParam("debuglicense");
+// This is modified by a bundler (e.g. vite)
+// Do not edit manually
+let NEEDLE_ENGINE_LICENSE_TYPE = "basic";
+if (debug)
+    console.log("License Type: " + NEEDLE_ENGINE_LICENSE_TYPE);
+export function hasProLicense() {
+    switch (NEEDLE_ENGINE_LICENSE_TYPE) {
+        case "pro":
+        case "enterprise":
+            return true;
+    }
+    ;
+    return false;
+}
+export function hasIndieLicense() {
+    switch (NEEDLE_ENGINE_LICENSE_TYPE) {
+        case "indie":
+            return true;
+    }
+    return false;
+}
+export function hasCommercialLicense() {
+    return hasProLicense() || hasIndieLicense();
+}
+ContextRegistry.registerCallback(ContextEvent.ContextRegistered, evt => {
+    showLicenseInfo(evt.context);
+    sendUsageMessageToAnalyticsBackend();
+    handleForbidden(evt.context);
+});
+export let runtimeLicenseCheckPromise = undefined;
+let applicationIsForbidden = false;
+let applicationForbiddenText = "";
+async function checkLicense() {
+    // Only perform the runtime license check once
+    if (runtimeLicenseCheckPromise)
+        return runtimeLicenseCheckPromise;
+    if (NEEDLE_ENGINE_LICENSE_TYPE === "basic") {
+        try {
+            const licenseUrl = "https://engine.needle.tools/licensing/check?location=" + encodeURIComponent(window.location.href) + "&version=" + VERSION + "&generator=" + encodeURIComponent(GENERATOR);
+            const res = await fetch(licenseUrl, {
+                method: "GET",
+            }).catch();
+            if (res?.status === 200) {
+                applicationIsForbidden = false;
+                if (debug)
+                    console.log("License check succeeded");
+                NEEDLE_ENGINE_LICENSE_TYPE = "pro";
+            }
+            else if (res.status === 403) {
+                applicationIsForbidden = true;
+                applicationForbiddenText = await res.text();
+            }
+            else {
+                if (debug)
+                    console.log("License check failed with status " + res.status);
+            }
+        }
+        catch (err) {
+            if (debug)
+                console.error("License check failed", err);
+        }
+    }
+    else if (debug)
+        console.log("Runtime license check is skipped because license is already applied as \"" + NEEDLE_ENGINE_LICENSE_TYPE + "\"");
+}
+runtimeLicenseCheckPromise = checkLicense();
+async function handleForbidden(ctx) {
+    function createForbiddenElement() {
+        const div = document.createElement("div");
+        div.className = "needle-forbidden";
+        div.style.cssText = `
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        pointer-events: all;
+        zIndex: 2147483647;
+        background-color: rgba(0,0,0,0.3);
+        backdrop-filter: blur(10px);
+        webkitBackdropFilter: blur(10px);
+        line-height: 1.5;
+        `;
+        const text = document.createElement("div");
+        div.appendChild(text);
+        text.style.cssText = `
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        color: white;
+        font-size: 24px;
+        font-family: sans-serif;
+        text-align: center;
+        user-select: none;
+        `;
+        const forbiddenText = applicationForbiddenText?.length > 1 ? applicationForbiddenText : "Needle Engine<br/>This application is not allowed to run on this domain!";
+        text.innerHTML = forbiddenText;
+        return div;
+    }
+    let forbiddenElement = createForbiddenElement();
+    const expectedCSS = forbiddenElement.style.cssText;
+    setInterval(() => {
+        if (applicationIsForbidden === true) {
+            if (forbiddenElement.style.cssText !== expectedCSS)
+                forbiddenElement = createForbiddenElement();
+            if ("isPaused" in ctx)
+                ctx.isPaused = true;
+            if (forbiddenElement.parentNode !== ctx.domElement.shadowRoot)
+                ctx.domElement.shadowRoot?.appendChild(forbiddenElement);
+        }
+    }, 500);
+}
+async function showLicenseInfo(ctx) {
+    try {
+        if (hasCommercialLicense() !== true)
+            return onNonCommercialVersionDetected(ctx);
+    }
+    catch (err) {
+        if (debug)
+            console.log("License check failed", err);
+        return onNonCommercialVersionDetected(ctx);
+    }
+    if (debug)
+        onNonCommercialVersionDetected(ctx);
+}
+const licenseElementIdentifier = "needle-license-element";
+const licenseDuration = 10000;
+const licenseDelay = 1200;
+async function onNonCommercialVersionDetected(ctx) {
+    await runtimeLicenseCheckPromise?.catch(() => { });
+    if (hasCommercialLicense())
+        return;
+    logNonCommercialUse();
+    ctx.domElement.addEventListener("ready", () => {
+        insertNonCommercialUseHint(ctx);
+    });
+}
+function insertNonCommercialUseHint(ctx) {
+    const licenseElement = createLicenseElement();
+    const style = createLicenseStyle();
+    const imgElement = document.createElement("img");
+    imgElement.src = logoSVG;
+    imgElement.classList.add("logo");
+    imgElement.style.cssText = `width: 40px; height: 40px; margin-right: 2px; vertical-align: middle; margin-bottom: 2px;`;
+    licenseElement.appendChild(imgElement);
+    const setAndUpdateStyle = () => {
+        if (!licenseElement)
+            return;
+        const parent = ctx.domElement.shadowRoot || ctx.domElement;
+        if (licenseElement.parentNode !== parent) {
+            parent.appendChild(licenseElement);
+            if (style)
+                parent.appendChild(style);
+        }
+        if (imgElement.parentElement !== licenseElement) {
+            licenseElement.appendChild(imgElement);
+        }
+        if (imgElement.src !== logoSVG) {
+            imgElement.setAttribute("src", logoSVG);
+            imgElement.style.cssText = `width: 40px; height: 40px; margin-right: 2px; vertical-align: middle; margin-bottom: 2px;`;
+        }
+    };
+    // call once and then ensure
+    setAndUpdateStyle();
+    const interval = setInterval(() => {
+        setAndUpdateStyle();
+    }, 1000);
+    const textElement = document.createElement("div");
+    textElement.classList.add("text");
+    // if (!isMobileDevice())
+    // textElement.innerHTML = "Made with Needle";
+    licenseElement.appendChild(textElement);
+    licenseElement.title = "Needle Engine";
+    if (!hasCommercialLicense())
+        licenseElement.title += " No active license found - Non Commercial Use";
+    licenseElement.addEventListener("click", () => {
+        globalThis.open("https://needle.tools", "_blank");
+    });
+    if (hasIndieLicense()) {
+        const removeDelay = licenseDuration + licenseDelay;
+        setTimeout(() => {
+            clearInterval(interval);
+            licenseElement?.remove();
+            style?.remove();
+            // show the logo every x minutes
+            const intervalInMinutes = 5;
+            setTimeout(() => {
+                if (ctx.domElement.parentNode)
+                    insertNonCommercialUseHint(ctx);
+            }, 1000 * 60 * intervalInMinutes);
+        }, removeDelay);
+    }
+}
+let lastLogTime = 0;
+async function logNonCommercialUse(_logo) {
+    const now = Date.now();
+    if (now - lastLogTime < 2000)
+        return;
+    lastLogTime = now;
+    const logo = "data:image/webp;base64,UklGRrABAABXRUJQVlA4WAoAAAAQAAAAHwAAHwAAQUxQSKEAAAARN6CmbSM4WR7vdARON11EBDq3fLiNbVtVzpMCPlKAEzsx0Y/x+Ovuv4dn0EFE/ydAvz6YggXzgh5sVgXM/zOC/4sii7qgGvB5N7hmuQYwkvazWAu1JPW41FXSHq6pnaQWvqYH18Fc0j1hO/BFTtIeSBlJi5w6qIIO7IOrwhFsB2Yxukif0FTRLpXswHR8MxbslKe9VZsn/Ub5C7YFOpqSTABWUDgg6AAAAFAGAJ0BKiAAIAA+7VyoTqmkpCI3+qgBMB2JbACdMt69DwMIQBLhkTO6XwY00UEDK6cNIDnuNibPf0EgAP7Y1myuiQHLDsF/0h5unrGh6WAbv7aegg2ZMd3uRKfT/3SJztcaujYfTvMXspfCTmYcoO6a+vhC3ss4M8uM58t4siiu59I4aOl59e9Sr6xoxYlHf2v+NnBNpJYeJf8jABQAId/PXuBkLEFkiCucgSGEcfhvajql/j3reCGl0M5/9gQWy7ayNPs+wlvIxFnNfSlfuND4CZOCyxOHhRqOmHN4ULHo3tCSrUNvgAA=";
+    const style = `
+        position: relative;
+        display: block;
+        font-size: 18px;
+        background-size: 20px;
+        background-position: 10px 5px;
+        background-repeat:no-repeat;
+        background-image:url('${logo}');
+        background-max-size: 40px;
+        margin-bottom: 5px;
+        margin-top: .3em;
+        margin-bottom: .5em;
+        padding: .2em;
+        padding-left: 25px;
+        border-radius: .5em;
+        border: 2px solid rgba(160,160,160,.3);
+    `;
+    // url must contain https for firefox to make it clickable
+    const version = VERSION;
+    const licenseText = `Needle Engine — No license active, commercial use is not allowed. Visit https://needle.tools/pricing for more information and licensing options! v${version}`;
+    console.log("%c " + licenseText, style);
+}
+function createLicenseElement() {
+    const licenseElement = document.createElement("div");
+    licenseElement.setAttribute(licenseElementIdentifier, "");
+    licenseElement.style.position = "absolute";
+    licenseElement.style.bottom = "12px";
+    licenseElement.style.right = "15px";
+    // licenseElement.style.textShadow = "0 0 2px rgba(200,200,200, 1)";
+    const maxPossibleZIndex = 2147483647;
+    licenseElement.style.zIndex = `${maxPossibleZIndex}`;
+    return licenseElement;
+}
+// TODO: would be better to put this into a web element and use shadow dom
+function createLicenseStyle() {
+    const licenseStyle = document.createElement("style");
+    const selector = `div[${licenseElementIdentifier}]`;
+    licenseStyle.innerHTML = `
+    ${selector} {
+        font-family: 'Roboto', sans-serif !important;
+        font-weight: 300;
+        transition: all 0.1s ease-in-out !important;
+        pointer-events: all;
+        overflow: hidden;
+    }
+
+    ${selector}:hover {
+        cursor: pointer;
+        transition: all 0.3s ease-in-out !important;
+    }
+
+    ${selector}, ${selector} > * {
+        display: inline-block !important;
+        visibility: visible !important;
+        border: none !important;
+        text-decoration: none !important;
+        vertical-align: middle !important;
+    }
+    
+    @keyframes license-animation-text {
+        1% {
+            opacity: 0;
+        }
+        2.5% {
+            opacity: 1;
+        }
+        100% {
+            opacity: 1;
+        }
+    }
+    ${selector} .text {
+        position: relative;
+        display: inline-block;
+        opacity: 0;
+        animation: license-animation-text;
+        animation-duration: ${(licenseDuration / 1000)}s;
+        animation-delay: ${licenseDelay / 1000}s;
+        animation-fill-mode: forwards;
+        line-height: 1em;
+        margin-left: -3px;
+        color: rgba(20,20,20,1);
+        font-size: 14px;
+        font-weight: 800;
+        background-color: rgba(220, 220, 220, .8);
+        // padding: .51em .6em .43em .6em;
+        border-radius: .7em;
+    }
+
+    ${selector} .text .non-commercial {
+        font-size: 0.8em;
+        font-weight: 600;
+        text-transform: uppercase;
+    }
+    
+    @keyframes logo-animation {
+        0% {
+            transform: translate(0px, 10px);
+            pointer-events: none;
+        }
+        3% {
+            transform: translate(0, 0px);
+            pointer-events: all;
+            opacity: 1;
+            transform: scale(1.1)
+        }
+        12% {
+            transform: scale(1)
+        }
+        100% {
+            opacity: 1;
+            pointer-events: all;
+            transform: scale(1)
+        }
+    }
+
+    ${selector} .logo {
+        opacity: 0;
+        pointer-events: none;
+        animation: logo-animation;
+        animation-duration: ${(licenseDuration / 1000)}s;
+        animation-delay: ${licenseDelay / 1000}s;
+        animation-easing: ease-in-out;
+        animation-fill-mode: forwards;
+    }
+
+    ${selector} .logo {
+        position: relative !important;
+        display: inline-block !important;
+        border-radius: 50% !important;
+        background-color: transparent !important;
+        padding: 5px !important;
+        transition: all 0.2s ease-in-out !important;
+    }
+
+    ${selector}:hover .logo {
+        transition: all 0.2s ease-in-out !important;
+        transform: scale(1.1) !important;
+        cursor: pointer !important;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+        ${selector} .text {
+            animation: none !important;
+            transition: none !important;
+            /* animation end state */
+            opacity: 1;
+        }
+
+        ${selector} .logo {
+            animation: none !important;
+            transition: none !important;
+            /* animation end state */
+            opacity: 1;
+            pointer-events: all;
+            transform: scale(1)
+        }
+        ${selector} .logo:hover { 
+            transition: none !important; 
+        }
+    }
+    `;
+    return licenseStyle;
+}
+async function sendUsageMessageToAnalyticsBackend() {
+    try {
+        const analyticsUrl = "https://needle-engine-analytics-v2-r26roub2hq-lz.a.run.app";
+        if (analyticsUrl) {
+            if (debug)
+                console.log("Analytics backend url", analyticsUrl);
+            // analyticsUrl = "http://localhost:3000/";
+            const currentUrl = window.location.href;
+            let endpoint = "api/v2/new/request";
+            if (!analyticsUrl.endsWith("/"))
+                endpoint = "/" + endpoint;
+            const license = NEEDLE_ENGINE_LICENSE_TYPE;
+            const finalUrl = `${analyticsUrl}${endpoint}?license=${license}&url=${encodeURIComponent(currentUrl)}&hostname=${encodeURIComponent(window.location.hostname)}&pathname=${encodeURIComponent(window.location.pathname)}&search=${encodeURIComponent(window.location.search)}&hash=${encodeURIComponent(window.location.hash)}&version=${VERSION}&generator=${GENERATOR}`;
+            if (debug)
+                console.log("Sending non-commercial usage message to analytics backend", finalUrl);
+            fetch(finalUrl, {
+                mode: "no-cors"
+            })
+                .catch(err => {
+                if (debug)
+                    console.log("Failed to send non-commercial usage message to analytics backend", err);
+            });
+        }
+    }
+    catch (err) {
+        if (debug)
+            console.log("Failed to send non-commercial usage message to analytics backend", err);
+    }
+}
 //# sourceMappingURL=engine_license.js.map