clean up and minor fixes.

Author: HerrChaos

src/common/utils.ts

@@ -33,7 +33,7 @@ function parseLaTeX(
     ? latex
     : latex
         .replace(plugin.settings.decimalSeparator, ".")
-        .replace("f(x)=", "")
+        .replace(/\w+\(x\)=/, "") // Replace any function name(x)= pattern
         .replace(/\\frac\{([^{}]+)\}\{([^{}]+)\}/g, "($1)/($2)")
         .replace(/\\cdot/g, "*")
         .replace(/\^{([^}]*)}/g, "^($1)")
@@ -93,7 +93,10 @@ export function toFunctionPlotOptions(
               inputs.offset.y ?? FALLBACK_FUNCTION_INPUTS.offset.y,
             ]
           : undefined,
-      r: inputs.fnType === "polar" ? inputs.r ?? undefined : undefined,
+      r:
+        inputs.fnType === "polar"
+          ? parseLaTeX(inputs.r, plugin) ?? undefined
+          : undefined,
       color: inputs.color ?? undefined,
       range:
         inputs.range.min || inputs.range.max

src/components/Plot/Plot.svelte

@@ -92,15 +92,7 @@
             return;
           }
 
-          new CreatePlotModal(
-            plugin,
-            activeLeaf.editor,
-            options,
-            (options: PlotInputs, renderer: rendererType) => {
-              insertPlot(this.plugin, this.editor, options, renderer);
-              this.close();
-            }
-          ).open();
+          new CreatePlotModal(plugin, activeLeaf.editor, options).open();
         });
       });
     }
@@ -130,6 +122,7 @@
     grid-template-columns: 1fr min-content;
     gap: 1em;
   }
+
   .fplt-constants {
     display: flex;
     margin-left: 2em;

src/components/PlotModal/PlotModal.svelte

@@ -58,6 +58,7 @@
   import OptionsFloater from "../Primitives/OptionsFloater.svelte";
 
   onMount(async () => {
+    // Get the currently selected text and set it as the first function
     const activeLeaf = plugin.app.workspace.getActiveViewOfType(MarkdownView);
     let selectedText = "";
 

src/components/Primitives/Slider.svelte

@@ -14,3 +14,39 @@
   {step}
   bind:value
 />
+
+<style>
+  .slider {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 100%;
+    height: 0.5em;
+    background: #d3d3d3;
+    outline: none;
+    opacity: 0.7;
+    -webkit-transition: 0.2s;
+    transition: opacity 0.2s;
+    border-radius: 0.25em;
+  }
+
+  .slider:hover {
+    opacity: 1;
+  }
+
+  .slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 1em;
+    height: 1em;
+    cursor: pointer;
+    border-radius: 50%;
+    margin-top: 0.2em; /* Position the thumb on the track */
+  }
+
+  .slider::-moz-range-thumb {
+    width: 1em;
+    height: 1em;
+    cursor: pointer;
+    border-radius: 50%;
+  }
+</style>

src/main.ts

@@ -66,53 +66,3 @@ export default class ObsidianFunctionPlot extends Plugin {
     };
   }
 }
-
-
-/*
-          const activeLeaf = this.app.workspace.activeLeaf;
-          let selectedText = "";
-
-          if (activeLeaf) {
-               if (activeLeaf && activeLeaf.view instanceof MarkdownView) {
-                    const editor = activeLeaf.view.editor;
-                    selectedText = editor.getSelection();
-
-                    if (selectedText !== "") {
-                         editor.setCursor(
-                              editor.getCursor().line + 1,
-                              editor.getCursor().ch
-                         );
-                    }
-               }
-          }
-*/
-
-/*
-          plot.tip.renderer(
-               (x: number, y: number, index: number) => {
-                    return (
-                         (plot as NameChart).names[index].replace(
-                              "x",
-                              x.toPrecision(2).toString()
-                         ) +
-                         "=" +
-                         y.toPrecision(2).toString()
-                    );
-               }
-          );
-          */
-/*
-          plot.tip.renderer((x: number, y: number, index: number) => {
-               return (
-                    (plot as NameChart).names[index] +
-                    "=" +
-                    (
-                         "(" +
-                         x.toPrecision(2) +
-                         "|" +
-                         y.toPrecision(2).toString() +
-                         ")"
-                    ).replace(".", plugin.settings.decimal_seperator)
-               );
-          });
-          */