windmill-components 1.28.6 → 1.35.0

package/components/flows/flowStore.js

@@ -1,217 +1,40 @@
-import { RawScript, ScriptService } from '../../gen';
-import { initialCode } from '../../script_helpers';
-import { userStore, workspaceStore } from '../../stores';
-import { emptySchema } from '../../utils';
-import { derived, get, writable } from 'svelte/store';
-import { createInlineScriptModuleFromPath, getFirstStepSchema, loadSchemaFromModule, scrollIntoView } from './utils';
-export const mode = writable('push');
+import { get, writable } from 'svelte/store';
+import { flowStateStore, initFlowState } from './flowState';
 export const flowStore = writable(undefined);
-export const schemasStore = writable([]);
 export function initFlow(flow) {
-    const newMode = flow.value.modules[1]?.value.type === 'forloopflow' ? 'pull' : 'push';
-    mode.set(newMode);
-    flow = flattenForloopFlows(flow);
-    flow.value.modules.forEach((mod) => {
-        Object.values(mod.input_transform).forEach((inp) => {
-            if (inp.type == 'javascript') {
-                // for now we use the value for dynamic expression when done in the static editor so we have to resort to this
-                //@ts-ignore
-                inp.value = codeToStaticTemplate(inp.expr);
+    for (const mod of flow.value.modules) {
+        migrateFlowModule(mod);
+        let val = mod.value;
+        if (val.type == 'forloopflow') {
+            let flowVal = val;
+            if (flowVal.value && flowVal.value.modules) {
+                flowVal.modules = flowVal.value.modules;
+                flowVal.modules.forEach(migrateFlowModule);
+                flowVal.value = undefined;
             }
-        });
-    });
-    schemasStore.set([]);
-    flowStore.set(flow);
-    // For each module in flow, we should load the corresponding schema
-    flow.value.modules.forEach((_, index) => {
-        loadSchema(index);
-    });
-}
-export function codeToStaticTemplate(code) {
-    if (!code)
-        return undefined;
-    const lines = code
-        .split('\n')
-        .slice(1)
-        .filter((x) => x != '');
-    if (lines.length == 1) {
-        const line = lines[0].trim();
-        if (line[0] == '`' && line.charAt(line.length - 1) == '`') {
-            return line.slice(1, line.length - 1);
         }
     }
-    return undefined;
-}
-export function flattenForloopFlows(flow) {
-    let newFlow = JSON.parse(JSON.stringify(flow));
-    const mod = newFlow.value.modules[1]?.value;
-    if (mod?.type === 'forloopflow') {
-        const oldModules = mod.value?.modules ?? [];
-        newFlow.value.modules = newFlow.value.modules.slice(0, 1);
-        newFlow.value.modules.push(...oldModules);
-    }
-    return newFlow;
-}
-export const isCopyFirstStepSchemaDisabled = derived(flowStore, (flow) => {
-    if (flow) {
-        const modules = flow.value.modules;
-        const [firstModule] = modules;
-        return (modules.length === 0 || (firstModule.value.type === 'script' && firstModule.value.path === ''));
-    }
-    else {
-        return true;
-    }
-});
-export function addModule(i) {
-    const newModule = {
-        value: { type: 'script', path: '' },
-        input_transform: {}
-    };
-    flowStore.update((flow) => {
-        const insertAt = i ?? flow.value.modules.length;
-        flow.value.modules.splice(insertAt, 0, newModule);
-        flow.value.modules = flow.value.modules;
-        setTimeout(() => scrollIntoView(document.querySelector(`#module-${insertAt}`)), 100);
-        return flow;
-    });
-    schemasStore.update((schemas) => {
-        if (typeof i !== 'undefined') {
-            const previousSchema = schemas[i];
-            const hadSchema = Boolean(previousSchema);
-            if (hadSchema) {
-                schemas[i] = emptySchema();
-                schemas[i + 1] = previousSchema;
-            }
+    flowStore.set(flow);
+    initFlowState(flow);
+    function migrateFlowModule(mod) {
+        let modVal = mod;
+        if (modVal.input_transform) {
+            modVal.input_transforms = modVal.input_transform;
+            delete modVal.input_transform;
         }
-        return schemas;
-    });
-}
-export async function pickScript(path, step) {
-    flowStore.update((flow) => {
-        if (flow.value.modules[step]) {
-            flow.value.modules[step].value = { type: 'script', path };
+        if (modVal.stop_after_if_expr) {
+            modVal.stop_after_if = { expr: modVal.stop_after_if_expr, skip_if_stopped: modVal.skip_if_stopped };
+            delete modVal.stop_after_if_expr;
+            delete modVal.skip_if_stopped;
         }
-        return flow;
-    });
-    await loadSchema(step);
-}
-export async function createInlineScriptModule(language, step, mode) {
-    const code = initialCode(language, mode === 'pull' && step == 0);
-    flowStore.update((flow) => {
-        flow.value.modules[step].value = {
-            type: 'rawscript',
-            content: code,
-            language
-        };
-        return flow;
-    });
-    await loadSchema(step);
-}
-export async function loadSchema(step) {
-    const flow = get(flowStore);
-    const module = flow.value.modules[step];
-    const { input_transform, schema } = await loadSchemaFromModule(module);
-    flowStore.update((flow) => {
-        flow.value.modules[step].input_transform = input_transform;
-        return flow;
-    });
-    schemasStore.update((schemas) => {
-        schemas[step] = schema;
-        return schemas;
-    });
-}
-export async function fork(step) {
-    const flow = get(flowStore);
-    const flowModuleValue = flow.value.modules[step].value;
-    if (flowModuleValue.type !== 'script') {
-        throw new Error('Can only fork a script module');
-    }
-    if (flowModuleValue.path) {
-        const moduleValue = await createInlineScriptModuleFromPath(flowModuleValue.path);
-        flowStore.update((flow) => {
-            flow.value.modules[step].value = moduleValue;
-            return flow;
-        });
-    }
-}
-export async function createScriptFromInlineScript(step) {
-    const flow = get(flowStore);
-    const schemas = get(schemasStore);
-    const user = get(userStore);
-    const flowModuleValue = flow.value.modules[step].value;
-    if (flowModuleValue.type != 'rawscript') {
-        throw new Error("Can't create script from non-inline script");
-    }
-    const originalScriptPath = flowModuleValue.path;
-    const wasForked = Boolean(originalScriptPath);
-    let suffix = `step-${step}`;
-    if (wasForked && originalScriptPath) {
-        const [first, second, ...others] = originalScriptPath.split('/');
-        suffix = others.join('/');
     }
-    const path = `${flow.path}/${suffix}`;
-    const forkedDescription = wasForked ? `as a fork of ${originalScriptPath}` : '';
-    const description = `This script was edited in place of flow ${flow.path} ${forkedDescription} by ${user?.username} at step ${step}.`;
-    const availablePath = await findNextAvailablePath(path);
-    await ScriptService.createScript({
-        workspace: get(workspaceStore),
-        requestBody: {
-            path: availablePath,
-            summary: '',
-            description,
-            content: flowModuleValue.content,
-            parent_hash: undefined,
-            schema: schemas[step],
-            is_template: false,
-            language: flowModuleValue.language
-        }
-    });
-    flowStore.update((flow) => {
-        flow.value.modules[step].value = {
-            type: 'script',
-            path: availablePath
-        };
-        return flow;
-    });
-    await loadSchema(step);
-}
-export function removeModule(step) {
-    flowStore.update((flow) => {
-        flow.value.modules.splice(step, 1);
-        return flow;
-    });
-    schemasStore.update((schemas) => {
-        schemas.splice(step, 1);
-        return schemas;
-    });
 }
 export async function copyFirstStepSchema() {
-    const flow = get(flowStore);
-    const flowSchema = await getFirstStepSchema(flow);
+    const flowState = get(flowStateStore);
     flowStore.update((flow) => {
-        flow.schema = flowSchema;
+        if (flowState[0].schema) {
+            flow.schema = flowState[0].schema;
+        }
         return flow;
     });
 }
-export async function findNextAvailablePath(path) {
-    try {
-        await ScriptService.getScriptByPath({
-            workspace: get(workspaceStore),
-            path
-        });
-        const [_, version] = path.split(/.*_([0-9]*)/);
-        if (version.length > 0) {
-            path = path.slice(0, -(version.length + 1));
-        }
-        path = `${path}_${Number(version) + 1}`;
-        return findNextAvailablePath(path);
-    }
-    catch (e) {
-        // Catching an error means the path is available
-        return path;
-    }
-}
-export function shouldPickOrCreateScript(flow, step) {
-    const module = flow.value.modules[step];
-    return module.value.type === 'script' && module.value.path === '';
-}

package/components/flows/pickers/FlowScriptPicker.svelte

@@ -1,16 +1,12 @@
-<script>import { Tooltip } from 'flowbite-svelte';
+<script>import { Button } from 'flowbite-svelte';
 import Icon from 'svelte-awesome';
 export let disabled = false;
 export let icon;
 export let label;
 export let iconColor;
-export let tooltip = undefined;
 </script>
 
-<button {disabled} type="button" on:click class="default-secondary-button-v2 mb-2 w-full">
-	<Icon data={icon} class={`w-4 h-4 mr-2 -ml-2 ${iconColor}`} />
-	{label}
-	{#if tooltip}
-		<Tooltip placement="bottom" content={tooltip}>(?)</Tooltip>
-	{/if}
-</button>
+<Button {disabled} on:click size="md" class="text-left" color="alternative">
+	<Icon data={icon} class={`mr-2 ${iconColor} w-4`} scale={1.5} />
+	<span class="text-sm text-left"> {label} </span>
+</Button>

package/components/flows/pickers/FlowScriptPicker.svelte.d.ts

@@ -6,7 +6,6 @@ declare const __propDef: {
         icon: IconDefinition;
         label: string;
         iconColor: string;
-        tooltip?: string | undefined;
     };
     events: {
         click: MouseEvent;

package/components/flows/pickers/PickHubScript.svelte

@@ -3,7 +3,7 @@ import FlowScriptPicker from './FlowScriptPicker.svelte';
 import ItemPicker from '../../ItemPicker.svelte';
 import { hubScripts } from '../../../stores';
 import { createEventDispatcher } from 'svelte';
-export let isTrigger;
+export let isTrigger = false;
 let items;
 $: items = $hubScripts?.filter((x) => x.is_trigger == isTrigger) ?? [];
 let itemPicker;

package/components/flows/pickers/PickHubScript.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        isTrigger: boolean;
+        isTrigger?: boolean | undefined;
     };
     events: {
         pick: CustomEvent<any>;

package/components/flows/pickers/PickScript.svelte

@@ -4,7 +4,7 @@ import { ScriptService } from '../../../gen';
 import { workspaceStore } from '../../../stores';
 import { createEventDispatcher } from 'svelte';
 import FlowScriptPicker from './FlowScriptPicker.svelte';
-export let isTrigger;
+export let isTrigger = false;
 let items = [];
 let itemPicker;
 const dispatch = createEventDispatcher();

package/components/flows/pickers/PickScript.svelte.d.ts

@@ -1,7 +1,7 @@
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        isTrigger: boolean;
+        isTrigger?: boolean | undefined;
     };
     events: {
         pick: CustomEvent<any>;

package/components/flows/scheduleUtils.d.ts

@@ -0,0 +1,7 @@
+export declare type Schedule = {
+    args: Record<string, any>;
+    cron: string;
+    enabled: boolean;
+    previewArgs: Record<string, any>;
+};
+export declare function loadFlowSchedule(path: string, workspace?: string): Promise<Schedule>;

package/components/flows/scheduleUtils.js

@@ -0,0 +1,21 @@
+import { ScheduleService } from '../../gen';
+// Load the schedule of a flow given its path and the workspace
+export async function loadFlowSchedule(path, workspace = '') {
+    const existsSchedule = await ScheduleService.existsSchedule({
+        workspace,
+        path
+    });
+    if (!existsSchedule) {
+        throw new Error(`Flow at path: ${path} doesn't exit`);
+    }
+    const schedule = await ScheduleService.getSchedule({
+        workspace,
+        path
+    });
+    return {
+        enabled: schedule.enabled,
+        cron: schedule.schedule,
+        args: schedule.args ?? {},
+        previewArgs: JSON.parse(JSON.stringify(schedule.args))
+    };
+}

package/components/flows/stepOpenedStore.d.ts

@@ -0,0 +1 @@
+export declare const stepOpened: import("svelte/store").Writable<string | undefined>;

package/components/flows/stepOpenedStore.js

@@ -0,0 +1,6 @@
+import { writable } from 'svelte/store';
+import { scrollIntoView } from './utils';
+export const stepOpened = writable(undefined);
+stepOpened.subscribe((insertAt) => {
+    setTimeout(() => scrollIntoView(document.querySelector(`#module-${insertAt}`)), 100);
+});

package/components/flows/utils.d.ts

@@ -1,21 +1,14 @@
 import type { Schema } from '../../common';
-import { type Flow, type FlowModule, type FlowModuleValue, type InputTransform, type Job } from '../../gen';
-import { type FlowMode } from './flowStore';
-export declare function flowToMode(flow: Flow | any, mode: FlowMode): Flow;
+import { type Flow, type FlowModule, type InputTransform, type Job } from '../../gen';
+export declare function cleanInputs(flow: Flow | any): Flow;
 export declare function getTypeAsString(arg: any): string;
-export declare function getFirstStepSchema(flow: Flow): Promise<Schema>;
-export declare function createInlineScriptModuleFromPath(path: string): Promise<FlowModuleValue>;
-export declare function scrollIntoView(el: any): void;
+export declare function scrollIntoView(element: any): void;
 export declare function loadSchemaFromModule(module: FlowModule): Promise<{
-    input_transform: Record<string, InputTransform>;
+    input_transforms: Record<string, InputTransform>;
     schema: Schema;
 }>;
 export declare function isCodeInjection(expr: string | undefined): boolean;
-export declare function getDefaultExpr(i: number, key?: string, previousExpr?: string): string;
-export declare function getPickableProperties(schema: Schema, args: Record<string, any>, previewResults: Record<number, Object>, mode: FlowMode, i: number): {
-    flow_input: any;
-    previous_result: any;
-    step: any[];
-};
+export declare function getDefaultExpr(importPath?: string | undefined, key?: string, previousExpr?: string): string;
 export declare function jobsToResults(jobs: Job[]): any;
 export declare function runFlowPreview(args: Record<string, any>, flow: Flow): Promise<string>;
+export declare function codeToStaticTemplate(code?: string): string | undefined;

package/components/flows/utils.js

@@ -2,19 +2,20 @@ import { JobService } from '../../gen';
 import { inferArgs } from '../../infer';
 import { loadSchema } from '../../scripts';
 import { workspaceStore } from '../../stores';
-import { emptySchema, getScriptByPath, schemaToObject } from '../../utils';
+import { emptySchema } from '../../utils';
 import { get } from 'svelte/store';
-import { mode } from './flowStore';
-export function flowToMode(flow, mode) {
+export function cleanInputs(flow) {
     const newFlow = JSON.parse(JSON.stringify(flow));
     newFlow.value.modules.forEach((mod) => {
-        Object.values(mod.input_transform).forEach((inp) => {
+        Object.values(mod.input_transforms).forEach((inp) => {
             // for now we use the value for dynamic expression when done in the static editor so we have to resort to this
             if (inp.type == 'javascript') {
                 //@ts-ignore
                 inp.value = undefined;
-                inp.expr = inp.expr.split('\n')
-                    .filter((x) => x != '' && !x.startsWith(`import { previous_result, flow_input, step, variable, resource, params } from 'windmill@`))
+                inp.expr = inp.expr
+                    .split('\n')
+                    .filter((x) => x != '' &&
+                    !x.startsWith(`import { previous_result, flow_input, step, variable, resource, params } from 'windmill@`))
                     .join('\n');
             }
             else {
@@ -23,29 +24,6 @@ export function flowToMode(flow, mode) {
             }
         });
     });
-    if (mode == 'pull') {
-        const triggerModule = newFlow.value.modules[0];
-        const oldModules = newFlow.value.modules.slice(1);
-        if (triggerModule) {
-            triggerModule.stop_after_if_expr = 'result.length == 0';
-            triggerModule.skip_if_stopped = true;
-        }
-        newFlow.value.modules = newFlow.value.modules.slice(0, 1);
-        if (oldModules.length > 0) {
-            newFlow.value.modules.push({
-                //TODO: once we allow arbitrary for loop, we will also allow arbitrary input transform here
-                input_transform: {},
-                value: {
-                    type: 'forloopflow',
-                    iterator: { type: 'javascript', expr: 'result' },
-                    value: {
-                        modules: oldModules
-                    },
-                    skip_failures: true
-                }
-            });
-        }
-    }
     return newFlow;
 }
 export function getTypeAsString(arg) {
@@ -57,37 +35,15 @@ export function getTypeAsString(arg) {
     }
     return typeof arg;
 }
-export async function getFirstStepSchema(flow) {
-    const [firstModule] = flow.value.modules;
-    if (firstModule.value.type === 'rawscript') {
-        const { language, content } = firstModule.value;
-        if (language && content) {
-            const schema = emptySchema();
-            await inferArgs(language, content, schema);
-            return schema;
-        }
-    }
-    else if (firstModule.value.type == 'script') {
-        return await loadSchema(firstModule.value.path);
-    }
-    return emptySchema();
-}
-export async function createInlineScriptModuleFromPath(path) {
-    const { content, language } = await getScriptByPath(path);
-    return {
-        type: 'rawscript',
-        language: language,
-        content: content,
-        path
-    };
-}
-export function scrollIntoView(el) {
-    if (!el)
+export function scrollIntoView(element) {
+    if (!element)
         return;
-    el.scrollIntoView({
-        behavior: 'smooth',
-        block: 'start',
-        inline: 'nearest'
+    var headerOffset = 45;
+    var elementPosition = element.getBoundingClientRect().top;
+    var offsetPosition = elementPosition + window.pageYOffset - headerOffset;
+    window.scrollTo({
+        top: offsetPosition,
+        behavior: 'smooth'
     });
 }
 export async function loadSchemaFromModule(module) {
@@ -96,16 +52,22 @@ export async function loadSchemaFromModule(module) {
         let schema;
         if (mod.type === 'rawscript') {
             schema = emptySchema();
-            await inferArgs(mod.language, mod.content, schema);
+            await inferArgs(mod.language, mod.content ?? '', schema);
         }
-        else {
+        else if (mod.path && mod.path != '') {
             schema = await loadSchema(mod.path);
         }
+        else {
+            return {
+                input_transforms: {},
+                schema: emptySchema()
+            };
+        }
         const keys = Object.keys(schema?.properties ?? {});
-        let input_transform = module.input_transform;
-        if (JSON.stringify(keys.sort()) !== JSON.stringify(Object.keys(module.input_transform).sort())) {
-            input_transform = keys.reduce((accu, key) => {
-                let nv = module.input_transform[key] ?? {
+        let input_transforms = module.input_transforms;
+        if (JSON.stringify(keys.sort()) !== JSON.stringify(Object.keys(module.input_transforms).sort())) {
+            input_transforms = keys.reduce((accu, key) => {
+                let nv = module.input_transforms[key] ?? {
                     type: 'static',
                     value: undefined
                 };
@@ -114,62 +76,28 @@ export async function loadSchemaFromModule(module) {
             }, {});
         }
         return {
-            input_transform: input_transform,
+            input_transforms: input_transforms,
             schema: schema ?? emptySchema()
         };
     }
     return {
-        input_transform: {},
+        input_transforms: {},
         schema: emptySchema()
     };
 }
-const returnStatementRegex = new RegExp(/\$\{(.*)\}/);
+const dynamicTemplateRegex = new RegExp(/\$\{(.*)\}/);
 export function isCodeInjection(expr) {
     if (!expr) {
         return false;
     }
-    const lines = expr.split('\n');
-    const [returnStatement] = lines.reverse();
-    return returnStatementRegex.test(returnStatement);
+    return dynamicTemplateRegex.test(expr);
 }
-export function getDefaultExpr(i, key = 'myfield', previousExpr) {
+export function getDefaultExpr(importPath = undefined, key = 'myfield', previousExpr) {
     const expr = previousExpr ?? `previous_result.${key}`;
-    return `import { previous_result, flow_input, step, variable, resource, params } from 'windmill@${i}'
+    return `import { previous_result, flow_input, step, variable, resource, params } from 'windmill${importPath ? `@${importPath}` : ''}'
 
 ${expr}`;
 }
-export function getPickableProperties(schema, args, previewResults, mode, i) {
-    const flowInputAsObject = schemaToObject(schema, args);
-    const flowInput = mode === 'pull' && i >= 1
-        ? computeFlowInputPull(previewResults[0], flowInputAsObject)
-        : flowInputAsObject;
-    let previous_result;
-    if (i === 0 || (i == 1 && mode == 'pull')) {
-        previous_result = flowInput;
-    }
-    else if (mode == 'pull') {
-        previous_result = previewResults[1] ? previewResults[1][i - 2] : undefined;
-    }
-    else {
-        previous_result = previewResults[i - 1];
-    }
-    let step;
-    if (i >= 1 && mode == 'push') {
-        step = Object.values(previewResults).slice(0, i);
-    }
-    else if (i >= 2 && mode == 'pull') {
-        step = Object.values(previewResults[1] ?? {}).slice(0, i - 1);
-    }
-    else {
-        step = [];
-    }
-    const pickableProperties = {
-        flow_input: flowInput,
-        previous_result,
-        step
-    };
-    return pickableProperties;
-}
 export function jobsToResults(jobs) {
     return jobs.map((job) => {
         if ('result' in job) {
@@ -181,7 +109,7 @@ export function jobsToResults(jobs) {
     });
 }
 export async function runFlowPreview(args, flow) {
-    const newFlow = flowToMode(flow, get(mode));
+    const newFlow = flow;
     return await JobService.runFlowPreview({
         workspace: get(workspaceStore) ?? '',
         requestBody: {
@@ -191,18 +119,18 @@ export async function runFlowPreview(args, flow) {
         }
     });
 }
-function computeFlowInputPull(previewResult, flowInputAsObject) {
-    const iteratorValues = (previewResult && Array.isArray(previewResult)) ?
-        {
-            iter: {
-                value: previewResult[0],
-                index: `The current index of the iteration as a number (here from 0 to ${previewResult.length - 1})`
-            }
-        } : {
-        iter: {
-            value: 'The current value of the iteration as an object',
-            index: 'The current index of the iteration as a number'
+export function codeToStaticTemplate(code) {
+    if (!code)
+        return undefined;
+    const lines = code
+        .split('\n')
+        .slice(1)
+        .filter((x) => x != '');
+    if (lines.length == 1) {
+        const line = lines[0].trim();
+        if (line[0] == '`' && line.charAt(line.length - 1) == '`') {
+            return line.slice(1, line.length - 1);
         }
-    };
-    return Object.assign(flowInputAsObject, iteratorValues);
+    }
+    return undefined;
 }

package/components/icons/DiscordIcon.svelte

@@ -0,0 +1,16 @@
+<script>export let height = '24px';
+export let width = '24px';
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
+	viewBox="0 0 50 50"
+	style=" fill:#000000;"
+	><path
+		d="M 18.90625 7 C 18.90625 7 12.539063 7.4375 8.375 10.78125 C 8.355469 10.789063 8.332031 10.800781 8.3125 10.8125 C 7.589844 11.480469 7.046875 12.515625 6.375 14 C 5.703125 15.484375 4.992188 17.394531 4.34375 19.53125 C 3.050781 23.808594 2 29.058594 2 34 C 1.996094 34.175781 2.039063 34.347656 2.125 34.5 C 3.585938 37.066406 6.273438 38.617188 8.78125 39.59375 C 11.289063 40.570313 13.605469 40.960938 14.78125 41 C 15.113281 41.011719 15.429688 40.859375 15.625 40.59375 L 18.0625 37.21875 C 20.027344 37.683594 22.332031 38 25 38 C 27.667969 38 29.972656 37.683594 31.9375 37.21875 L 34.375 40.59375 C 34.570313 40.859375 34.886719 41.011719 35.21875 41 C 36.394531 40.960938 38.710938 40.570313 41.21875 39.59375 C 43.726563 38.617188 46.414063 37.066406 47.875 34.5 C 47.960938 34.347656 48.003906 34.175781 48 34 C 48 29.058594 46.949219 23.808594 45.65625 19.53125 C 45.007813 17.394531 44.296875 15.484375 43.625 14 C 42.953125 12.515625 42.410156 11.480469 41.6875 10.8125 C 41.667969 10.800781 41.644531 10.789063 41.625 10.78125 C 37.460938 7.4375 31.09375 7 31.09375 7 C 31.019531 6.992188 30.949219 6.992188 30.875 7 C 30.527344 7.046875 30.234375 7.273438 30.09375 7.59375 C 30.09375 7.59375 29.753906 8.339844 29.53125 9.40625 C 27.582031 9.09375 25.941406 9 25 9 C 24.058594 9 22.417969 9.09375 20.46875 9.40625 C 20.246094 8.339844 19.90625 7.59375 19.90625 7.59375 C 19.734375 7.203125 19.332031 6.964844 18.90625 7 Z M 18.28125 9.15625 C 18.355469 9.359375 18.40625 9.550781 18.46875 9.78125 C 16.214844 10.304688 13.746094 11.160156 11.4375 12.59375 C 11.074219 12.746094 10.835938 13.097656 10.824219 13.492188 C 10.816406 13.882813 11.039063 14.246094 11.390625 14.417969 C 11.746094 14.585938 12.167969 14.535156 12.46875 14.28125 C 17.101563 11.410156 22.996094 11 25 11 C 27.003906 11 32.898438 11.410156 37.53125 14.28125 C 37.832031 14.535156 38.253906 14.585938 38.609375 14.417969 C 38.960938 14.246094 39.183594 13.882813 39.175781 13.492188 C 39.164063 13.097656 38.925781 12.746094 38.5625 12.59375 C 36.253906 11.160156 33.785156 10.304688 31.53125 9.78125 C 31.59375 9.550781 31.644531 9.359375 31.71875 9.15625 C 32.859375 9.296875 37.292969 9.894531 40.3125 12.28125 C 40.507813 12.460938 41.1875 13.460938 41.8125 14.84375 C 42.4375 16.226563 43.09375 18.027344 43.71875 20.09375 C 44.9375 24.125 45.921875 29.097656 45.96875 33.65625 C 44.832031 35.496094 42.699219 36.863281 40.5 37.71875 C 38.5 38.496094 36.632813 38.84375 35.65625 38.9375 L 33.96875 36.65625 C 34.828125 36.378906 35.601563 36.078125 36.28125 35.78125 C 38.804688 34.671875 40.15625 33.5 40.15625 33.5 C 40.570313 33.128906 40.605469 32.492188 40.234375 32.078125 C 39.863281 31.664063 39.226563 31.628906 38.8125 32 C 38.8125 32 37.765625 32.957031 35.46875 33.96875 C 34.625 34.339844 33.601563 34.707031 32.4375 35.03125 C 32.167969 35 31.898438 35.078125 31.6875 35.25 C 29.824219 35.703125 27.609375 36 25 36 C 22.371094 36 20.152344 35.675781 18.28125 35.21875 C 18.070313 35.078125 17.8125 35.019531 17.5625 35.0625 C 16.394531 34.738281 15.378906 34.339844 14.53125 33.96875 C 12.234375 32.957031 11.1875 32 11.1875 32 C 10.960938 31.789063 10.648438 31.699219 10.34375 31.75 C 9.957031 31.808594 9.636719 32.085938 9.53125 32.464844 C 9.421875 32.839844 9.546875 33.246094 9.84375 33.5 C 9.84375 33.5 11.195313 34.671875 13.71875 35.78125 C 14.398438 36.078125 15.171875 36.378906 16.03125 36.65625 L 14.34375 38.9375 C 13.367188 38.84375 11.5 38.496094 9.5 37.71875 C 7.300781 36.863281 5.167969 35.496094 4.03125 33.65625 C 4.078125 29.097656 5.0625 24.125 6.28125 20.09375 C 6.90625 18.027344 7.5625 16.226563 8.1875 14.84375 C 8.8125 13.460938 9.492188 12.460938 9.6875 12.28125 C 12.707031 9.894531 17.140625 9.296875 18.28125 9.15625 Z M 18.5 21 C 15.949219 21 14 23.316406 14 26 C 14 28.683594 15.949219 31 18.5 31 C 21.050781 31 23 28.683594 23 26 C 23 23.316406 21.050781 21 18.5 21 Z M 31.5 21 C 28.949219 21 27 23.316406 27 26 C 27 28.683594 28.949219 31 31.5 31 C 34.050781 31 36 28.683594 36 26 C 36 23.316406 34.050781 21 31.5 21 Z M 18.5 23 C 19.816406 23 21 24.265625 21 26 C 21 27.734375 19.816406 29 18.5 29 C 17.183594 29 16 27.734375 16 26 C 16 24.265625 17.183594 23 18.5 23 Z M 31.5 23 C 32.816406 23 34 24.265625 34 26 C 34 27.734375 32.816406 29 31.5 29 C 30.183594 29 29 27.734375 29 26 C 29 24.265625 30.183594 23 31.5 23 Z"
+	/></svg
+>