c0ckp1t 1.0.0

package/core/VueUtils.mjs

@@ -0,0 +1,200 @@
+//________________________________________________________________________________
+// IMPORTS
+//________________________________________________________________________________
+/*
+  VueUtils.mjs
+
+  Simplified version that:
+  1. Exports Vue and VueRouter for the main app
+  2. Creates the shared router (used by both local app and islands)
+  3. Provides local app sfc-loader options (for app/ directory)
+  4. Delegates island management to IslandManager in DefaultRegistry.mjs
+
+  The vue3-sfc-loader is still used for the local app, but islands can
+  choose between 'sfc' mode (uses vue3-sfc-loader) or 'compiled' mode
+  (uses native ES module imports).
+*/
+import Constants from 'Constants'
+import * as Vue from 'vue'
+import * as VueRouter from 'vue-router'
+import {loadModule, vueVersion} from 'vue3-sfc-loader'
+
+if(Constants.isDev) {
+    console.log(`vue3-sfc-loader vue version ${vueVersion}`)
+    console.log(`vue.js version ${Vue.version}`)
+}
+
+import * as Logging from "Logging";
+import * as GlobalStore from 'GlobalStore'
+import * as JsUtils from "JsUtils";
+import * as NotifyUtils from "NotifyUtils";
+import * as WsUtils from "WsUtils";
+
+const katexTags = ['mn', 'mfrac', 'mrow', 'annotation', 'semantics', 'math',
+    'mi', 'mo', "mtext", "msub", "mspace", "msup", "mover", "munder", "msqrt",
+    'mtr', 'mstyle', 'mtd', 'mtable', 'munderover', 'msubsup'
+]
+
+// ________________________________________________________________________________
+// LOGGING
+// ________________________________________________________________________________
+const LOG_HEADER = `VueUtils.mjs`
+const logger = Logging.getLogger(LOG_HEADER)
+logger.debug("init")
+
+
+
+//________________________________________________________________________________
+// LOCAL APP SFC LOADER OPTIONS
+//________________________________________________________________________________
+const options =  {
+    sourceCode: {},
+    // ADD THIS:
+    log(type, ...args) {
+        if (type === 'error') {
+            logger.error('[SFC]', ...args);
+            console.error('[SFC LOADER ERROR]', ...args);
+        } else if (type === 'warn') {
+            logger.warn('[SFC]', ...args);
+        } else {
+            logger.info('[SFC]', ...args);
+        }
+    },
+
+    moduleCache: {
+        vue: Vue,
+        "vue-router": VueRouter,
+        JsUtils: JsUtils,
+        WsUtils: WsUtils,
+        Logging: Logging,
+        NotifyUtils: NotifyUtils,
+        Constants: Constants,
+        GlobalStore: GlobalStore,
+    },
+
+    async getFile(path, type) {
+        if(!type) {
+            type = path.substring(path.lastIndexOf('.'));
+        }
+
+        const instanceId = JsUtils.substrAfterFirstSlash(path)
+
+        let res = null
+        if(sourceCode[path]) {
+            logger.debug(`[getFile] - cached - ${path} - type=${type}`)
+            const cached = sourceCode[path];
+            res = new Response(cached.code, {status: 200, statusText: 'OK'});
+        } else if (GlobalStore.store.r[instanceId]) {
+            logger.debug(`[getFile] - instance - ${path} - ${type}`)
+            const pathAfterInstanceId = path.replace("/" + instanceId, "")
+            res = await GlobalStore.store.r[instanceId].resolver(pathAfterInstanceId, type)
+        } else {
+            logger.debug(`[getFile] - default - ${path} - ${type}`)
+            res = await GlobalStore.store.r[Constants.defaultInstanceId].resolver(path, type)
+        }
+
+        return {
+            type: type,
+            getContentData: asBinary => {
+                if (asBinary) {
+                    return res.arrayBuffer();
+                } else {
+                    return res.text().then(text => {
+                        cacheSourceCode(path, text);
+                        return text;
+                    });
+                }
+            }
+        }
+    },
+
+    addStyle(textContent) {
+        logger.trace(`[addStyle]`)
+        const style = Object.assign(document.createElement('style'), {textContent});
+        const ref = document.head.getElementsByTagName('style')[0] || null;
+        document.head.insertBefore(style, ref);
+    },
+
+    handleModule: async function (type, getContentData, path, options) {
+        logger.debug(`[handleModule] - type=${type}  - path=${path}`)
+
+        // Handle esm.sh external modules (used by code-mirror.vue)
+        if (path.startsWith('https://esm.sh/')) {
+            return import(path);
+        }
+
+        switch (type) {
+            case '.png':
+                return getContentData(true);
+            case '.svg':
+                return getContentData(false);
+            case '.json':
+                return JSON.parse(await getContentData(false));
+        }
+    },
+
+    isCustomElement: (tag) => {
+        return tag === 'json-viewer' || katexTags.includes(tag);
+    }
+}
+
+
+//________________________________________________________________________________
+// SOURCE CODE CACHING
+//________________________________________________________________________________
+async function cacheSourceCode(url, text) {
+    const sha1 = await JsUtils.sha1(text)
+    options.sourceCode[url] = {
+        sha1: sha1,
+        isWs: true,
+        isCached: false,
+        code: "Not Saving"
+    }
+}
+
+/**
+ * TODO: note there is only 1 loadModule, the default one above
+ * Transforms a route configuration object into Vue Router compatible routes
+ * @param {Function} loadModule - Function to load Vue components
+ * @param {Array} routeConfigs - Array of route configuration objects
+ * @returns {Array} - Vue Router compatible routes array
+ */
+export function transformRoutes(loadModule, routeConfigs) {
+    if (!Array.isArray(routeConfigs)) {
+        throw Error(`[transformRoutes] - routeConfigs is not an array`)
+    }
+    return routeConfigs.map(route => {
+        const transformedRoute = {
+            path: route.path,
+        };
+
+        // Add component (lazy-loaded via loadModule)
+        if (route.location) {
+            transformedRoute.component = () => loadModule(route.location);
+        }
+
+        // Add optional properties if they exist
+        const optionalProps = ['name', 'meta', 'redirect', 'alias', 'props', 'beforeEnter'];
+        optionalProps.forEach(prop => {
+            if (route[prop] !== undefined) {
+                transformedRoute[prop] = route[prop];
+            }
+        });
+
+        // Recursively transform children if they exist
+        if (route.children && route.children.length > 0) {
+            transformedRoute.children = transformRoutes(loadModule, route.children);
+        }
+
+        return transformedRoute;
+    });
+}
+
+//________________________________________________________________________________
+// EXPORT
+//________________________________________________________________________________
+export {
+    loadModule,
+    options,
+}
+export const sourceCode = options.sourceCode;

package/core/WsUtils.mjs

@@ -0,0 +1,274 @@
+
+// import msgpack from 'https://cdn.jsdelivr.net/npm/msgpack@1.0.3/+esm'
+import {encode, decode} from '/js_ext/msgpack.mjs'
+import {api as notify} from 'NotifyUtils'
+
+// https://github.com/developit/mitt
+import mitt from '/js_ext/mitt.mjs'
+export const eventBus = mitt();
+
+//________________________________________________________________________________
+// Action
+//________________________________________________________________________________
+export const Action = {
+    TEST: "TEST",
+    CRUD: "CRUD",
+    NODE: "NODE",
+    MARKET: "MARKET",
+    DISCONNECT: "DISCONNECT",
+    AUTH: "AUTH",
+    WF: "WF",
+    OSGI: "OSGI"
+}
+
+//________________________________________________________________________________
+// WsPacket
+//________________________________________________________________________________
+export const Code = {
+    LREQ: "LREQ", // last request
+    REQ: "REQ",
+    FACK: "FACK", // last acknowledge
+    ACK: "ACK",
+    LACK: "LACK", // last acknowledge
+    ERROR: "ERROR"
+}
+
+export const Code2 = {
+    ACCEPT: "ACCEPT",
+    COMPLETE: "COMPLETE",
+
+    EXEC_REQ: "EXEC_REQ",
+    EXEC_RESP: "EXEC_RESP",
+
+    EXEC2_REQ: "EXEC2_REQ",
+    EXEC2_RESP: "EXEC2_RESP",
+
+    EXEC3_REQ: "EXEC3_REQ",
+    EXEC3_PUSH: "EXEC3_PUSH",
+    EXEC3_RESP: "EXEC3_RESP",
+    EXEC3_CLOSE: "EXEC3_CLOSE",
+
+    EVENT: "EVENT",
+    ERROR: "ERROR"
+}
+
+export function generateRandomInt32() {
+    return Math.floor(Math.random() * (1 << 31))
+}
+
+/**
+ * @param action {string}
+ * @param dto {object}
+ * @returns {{code: string, bytes, action: string, id: number}}
+ */
+export function buildWsPacket(action, dto) {
+    return {
+        "action" : action,
+        "bytes" : toBinary(dto),
+        "id" : generateRandomInt32(),
+        "code" : Code.REQ
+    }
+}
+
+//________________________________________________________________________________
+// ConnectionStates
+//________________________________________________________________________________
+export const ConnectionStates = {
+    IDLE: 0,
+    CONNECTING: 1,
+    CONNECTED: 2,
+    RETRYING: 3,
+    ERROR: 4,
+    CLOSED: 5,
+    AUTHENTICATING: 6,
+    INVALID_CREDENTIALS: 7,
+    OFFLINE: 8,
+    ONLINE: 9,
+    DISCONNECT: 10
+};
+
+export const ConnectionLookUp = [
+    'IDLE',
+    'CONNECTING',
+    'CONNECTED',
+    'RETRYING',
+    'ERROR',
+    'CLOSED',
+    'AUTHENTICATING',
+    'INVALID CREDENTIALS',
+    'OFFLINE',
+    'ONLINE',
+    'DISCONNECT'
+];
+
+// ________________________________________________________________________________
+// Serialize / Deserialize
+// ________________________________________________________________________________
+let decoder = new TextDecoder()
+
+export function fromByteArray(obj) {
+    return decoder.decode(obj)
+}
+
+export function toBinary(obj) {
+    return encode(obj)
+}
+
+export function fromBinary(obj) {
+    return decode(obj)
+}
+
+
+export function toJson(obj) {
+    return JSON.stringify(obj)
+}
+
+export function fromJson(jsonString) {
+    return JSON.parse(jsonString)
+}
+
+// ________________________________________________________________________________
+// EXEC API
+// ________________________________________________________________________________
+export function ok(message = "ok") {
+    return { isOk: true, result: message }
+}
+
+export function nok(message = "nok", stack = []) {
+    return { isOk: false, result: message, stack}
+}
+
+//________________________________________________________________________________
+// EXEC2 API
+//________________________________________________________________________________
+export function errorHandler(error, local) {
+    notify.exec2Error(error)
+    local.stdoutText += "[ERROR HANDLER]\n"
+    local.stdoutText += error.toString()
+    local.isLoading = false
+}
+
+export function completeHandler(local) {
+    local.isLoading = false
+}
+
+// ________________________________________________________________________________
+//
+// ________________________________________________________________________________
+export function assert(condition, message) {
+    if (!condition) {
+        message = message || "Assertion failed";
+        if (typeof Error !== "undefined") {
+            throw new Error(message);
+        }
+        throw message; // Fallback
+    }
+    return true;
+}
+
+// ________________________________________________________________________________
+// HTTP
+// ________________________________________________________________________________
+export const Http = {
+
+    async getText (path){
+        try {
+            const response = await fetch(path, {
+                // "include" - will send cookies and authentication headers with the request, even for cross-origin URLs.
+                // "same-origin"  - (the default in browsers) sends cookies only if the request is to the same origin.
+                // "omit" - never sends cookies, regardless of the origin.
+                credentials: "include",
+                method: "GET",
+            });
+            return await httpResponseToResp(response, path)
+        } catch (error) {
+            return {
+                isOk: false,
+                result: error
+            };
+        }
+    },
+
+    async getBinary(path) {
+        try {
+            const response = await fetch(path, {
+                credentials: "include",
+                method: "GET",
+            });
+            if (!response.ok) {
+                return {
+                    isOk: false,
+                    result: `HTTP error: ${response.status} ${response.statusText}`
+                };
+            }
+            return {
+                isOk: true,
+                result: await response.arrayBuffer()
+            };
+        } catch (error) {
+            return {
+                isOk: false,
+                result: error
+            };
+        }
+    },
+
+    async getJson(path) {
+        try {
+            const response = await fetch(path, {
+                credentials: "include",
+                method: "GET",
+                headers: {
+                    "Accept": "application/json"
+                }
+            });
+            return await response.json();
+        } catch (error) {
+            return {
+                isOk: false,
+                result: error
+            };
+        }
+    },
+
+    async postJson(path, body) {
+        try {
+            const response = await fetch(path, {
+                credentials: "include",
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json",
+                    "Accept": "application/json"
+                },
+                body: JSON.stringify(body)
+            });
+            return await response.json()
+        } catch (error) {
+            return {
+                isOk: false,
+                result: error
+            };
+        }
+    }
+}
+
+export async function httpResponseToResp(response, endpoint) {
+    if (!response.ok) {
+        return {
+            isOk: false,
+            result: `HTTP error: ${response.status} ${response.statusText}`
+        };
+    }
+    const text = await response.text();
+    if (text.startsWith('<!DOCTYPE html>')) {
+        return {
+            isOk: false,
+            result: `[NOT_FOUND]\n\n${endpoint}`
+        };
+    }
+    return {
+        isOk: true,
+        result: text
+    };
+}
+

package/core/img/Flag_of_the_United_States.svg

@@ -0,0 +1,25 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1235" height="650" viewBox="0 0 7410 3900">
+<path d="M0,0h7410v3900H0" fill="#b31942"/>
+<path d="M0,450H7410m0,600H0m0,600H7410m0,600H0m0,600H7410m0,600H0" stroke="#FFF" stroke-width="300"/>
+<path d="M0,0h2964v2100H0" fill="#0a3161"/>
+<g fill="#FFF">
+<g id="s18">
+<g id="s9">
+<g id="s5">
+<g id="s4">
+<path id="s" d="M247,90 317.534230,307.082039 132.873218,172.917961H361.126782L176.465770,307.082039z"/>
+<use xlink:href="#s" y="420"/>
+<use xlink:href="#s" y="840"/>
+<use xlink:href="#s" y="1260"/>
+</g>
+<use xlink:href="#s" y="1680"/>
+</g>
+<use xlink:href="#s4" x="247" y="210"/>
+</g>
+<use xlink:href="#s9" x="494"/>
+</g>
+<use xlink:href="#s18" x="988"/>
+<use xlink:href="#s9" x="1976"/>
+<use xlink:href="#s5" x="2470"/>
+</g>
+</svg>

package/core/img/logo_v1.svg

@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="logo_v1.svg"
+   inkscape:version="1.0 (1.0+r73)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 78.31498 89.318481"
+   height="89.318481mm"
+   width="78.31498mm">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     inkscape:window-maximized="0"
+     inkscape:window-y="342"
+     inkscape:window-x="986"
+     inkscape:window-height="1107"
+     inkscape:window-width="1439"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="367.47604"
+     inkscape:cx="132.96316"
+     inkscape:zoom="0.98994949"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-58.970072,-89.839213)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <ellipse
+       ry="37.436966"
+       rx="39.0252"
+       cy="129.01283"
+       cx="97.967125"
+       id="head"
+       style="fill:#ffdf11;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;stroke-opacity:1" />
+    <path
+       id="lefEye2"
+       d="M 62.802996,126.14677 C 83.82199,101.23898 83.964978,101.06953 83.964978,101.06953"
+       style="fill:none;stroke:#000000;stroke-width:1.17285;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="leftEye1"
+       d="M 82.6223,124.4643 C 65.50242,101.25919 65.230678,101.25919 65.230678,101.25919"
+       style="fill:none;stroke:#000000;stroke-width:1.47804;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.74255;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 104.50542,128.9234 c 17.98743,-24.4738 18.1098,-24.64029 18.1098,-24.64029"
+       id="rightEye1" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.863069;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 119.97488,125.1614 C 104.59226,105.53305 104.34809,105.53305 104.34809,105.53305"
+       id="rightEye2" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="smile2"
+       d="m 128.94069,130.81133 c -4.85524,28.95711 -45.118395,28.26865 -57.939008,25.5371"
+       style="fill:none;stroke:#000000;stroke-width:1.39662;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="164.78011"
+       x="89.790077"
+       height="8.6218405"
+       width="19.292933"
+       id="neck1"
+       style="fill:#ffdf11;fill-opacity:1;stroke:#000000;stroke-width:0.264951;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="fill:#ffdf11;fill-opacity:1;stroke:#000000;stroke-width:0.222;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="neck2"
+       width="12.705888"
+       height="6.1260414"
+       x="93.640526"
+       y="172.92065" />
+  </g>
+</svg>

package/core/img/logo_v2.svg

@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   sodipodi:docname="logo_v1.svg"
+   inkscape:version="1.0 (1.0+r73)"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 78.31498 89.318481"
+   height="89.318481mm"
+   width="78.31498mm">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     inkscape:window-maximized="0"
+     inkscape:window-y="342"
+     inkscape:window-x="986"
+     inkscape:window-height="1107"
+     inkscape:window-width="1439"
+     showgrid="false"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="layer1"
+     inkscape:document-units="mm"
+     inkscape:cy="367.47604"
+     inkscape:cx="132.96316"
+     inkscape:zoom="0.98994949"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     borderopacity="1.0"
+     bordercolor="#666666"
+     pagecolor="#ffffff"
+     id="base" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     transform="translate(-58.970072,-89.839213)"
+     id="layer1"
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1">
+    <ellipse
+       ry="37.436966"
+       rx="39.0252"
+       cy="129.01283"
+       cx="97.967125"
+       id="head"
+       style="fill:#ffdf11;fill-opacity:1;fill-rule:evenodd;stroke:#000000;stroke-width:0.264583;stroke-opacity:1" />
+    <path
+       id="lefEye2"
+       d="M 62.802996,126.14677 C 83.82199,101.23898 83.964978,101.06953 83.964978,101.06953"
+       style="fill:none;stroke:#000000;stroke-width:1.17285;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       id="leftEye1"
+       d="M 82.6223,124.4643 C 65.50242,101.25919 65.230678,101.25919 65.230678,101.25919"
+       style="fill:none;stroke:#000000;stroke-width:1.47804;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:1.74255;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="m 104.50542,128.9234 c 17.98743,-24.4738 18.1098,-24.64029 18.1098,-24.64029"
+       id="rightEye1" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.863069;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 119.97488,125.1614 C 104.59226,105.53305 104.34809,105.53305 104.34809,105.53305"
+       id="rightEye2" />
+    <path
+       sodipodi:nodetypes="cc"
+       id="smile2"
+       d="m 128.94069,130.81133 c -4.85524,28.95711 -45.118395,28.26865 -57.939008,25.5371"
+       style="fill:none;stroke:#000000;stroke-width:1.39662;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       y="164.78011"
+       x="89.790077"
+       height="8.6218405"
+       width="19.292933"
+       id="neck1"
+       style="fill:#ffdf11;fill-opacity:1;stroke:#000000;stroke-width:0.264951;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    <rect
+       style="fill:#ffdf11;fill-opacity:1;stroke:#000000;stroke-width:0.222;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="neck2"
+       width="12.705888"
+       height="6.1260414"
+       x="93.640526"
+       y="172.92065" />
+  </g>
+</svg>