desmost 0.10.1 → 0.11.0

package/svelte/desmost.svelte

@@ -12,11 +12,11 @@ When this component is unmounted, it calls `.destroy()` on each calculator insta
 
 ```svelte
 <script>
-    import Content from "./content.md";
+	import Content from "./content.md";
 </script>
 
 <Desmost>
-    <Content />
+	<Content />
 </Desmost>
 ```
 
@@ -24,7 +24,7 @@ With compile options:
 
 ```svelte
 <Desmost options={{ errors: "crash" }}>
-    <Content />
+	<Content />
 </Desmost>
 ```
 
@@ -32,7 +32,7 @@ With styling:
 
 ```svelte
 <Desmost width="100%" height="50vh">
-    <Content />
+	<Content />
 </Desmost>
 ```
 -->
@@ -47,72 +47,72 @@ import { onMount, type Snippet } from "svelte";
 
 interface Props
 {
-  children: Snippet;
-
-  /** Compile options to pass to Desmost.*/
-  options?: DesmostOptions;
-
-  /**
-   * Default settings to apply to all Desmos calculator instances.
-   * 
-   * These are applied *before* compilation, so individual Desmost blocks can override them with `/desmos`.
-   */
-  settings?: Desmos.GraphConfiguration & Desmos.GraphSettings;
-
-  /**
-   * Should compilation be lazy using `IntersectionObserver`?
-   * 
-   * ## Example
-   * 
-   * ```svelte
-   * <Desmost lazy />
-   * ```
-   */
-  lazy?: true;
-
-  /**
-   * CSS styles to apply to each Desmos calculator's containing element.
-   * 
-   * ## Example
-   * 
-   * ```svelte
-   * <Desmost style="margin: 1rem; border: 1px solid red" />
-   * ```
-   */
-  style?: string;
-
-  /**
-   * Width of each Desmos calculator's containing element.
-   * 
-   * ## Example
-   * 
-   * ```svelte
-   * <Desmost width="500px" />
-   * <Desmost width="40rem" />
-   * <Desmost width="80vw" />
-   * ```
-   */
-  width?: string;
-  
-  /**
-   * Height of each Desmos calculator's containing element.
-   * 
-   * ## Example
-   * 
-   * ```svelte
-   * <Desmost height="500px" />
-   * <Desmost height="40rem" />
-   * <Desmost height="80vw" />
-   * ```
-   */
-  height?: string;
+	children: Snippet;
+
+	/** Compile options to pass to Desmost.*/
+	options?: DesmostOptions;
+
+	/**
+	 * Default settings to apply to all Desmos calculator instances.
+	 * 
+	 * These are applied *before* compilation, so individual Desmost blocks can override them with `/desmos`.
+	 */
+	settings?: Desmos.GraphConfiguration & Desmos.GraphSettings;
+
+	/**
+	 * Should compilation be lazy using `IntersectionObserver`?
+	 * 
+	 * ## Example
+	 * 
+	 * ```svelte
+	 * <Desmost lazy />
+	 * ```
+	 */
+	lazy?: true;
+
+	/**
+	 * CSS styles to apply to each Desmos calculator's containing element.
+	 * 
+	 * ## Example
+	 * 
+	 * ```svelte
+	 * <Desmost style="margin: 1rem; border: 1px solid red" />
+	 * ```
+	 */
+	style?: string;
+
+	/**
+	 * Width of each Desmos calculator's containing element.
+	 * 
+	 * ## Example
+	 * 
+	 * ```svelte
+	 * <Desmost width="500px" />
+	 * <Desmost width="40rem" />
+	 * <Desmost width="80vw" />
+	 * ```
+	 */
+	width?: string;
+	
+	/**
+	 * Height of each Desmos calculator's containing element.
+	 * 
+	 * ## Example
+	 * 
+	 * ```svelte
+	 * <Desmost height="500px" />
+	 * <Desmost height="40rem" />
+	 * <Desmost height="80vw" />
+	 * ```
+	 */
+	height?: string;
 }
 
 let {
-  children,
-  options, settings,
-  lazy,
-  style, width, height,
+	children,
+	options, settings,
+	lazy,
+	style, width, height,
 }: Props = $props();
 
 
@@ -123,56 +123,56 @@ let lazy_observers: IntersectionObserver[] = [];
 
 onMount(() =>
 {
-  let sources = root.querySelectorAll("pre[lang='desmos'], pre.language-desmos");
-
-  for (let source of sources.values()) {
-    source.style.display = "none";
-
-    let el_desmos = source.parentNode!.insertBefore(
-      document.createElement("div"),
-      source.nextSibling,
-    );
-    
-    if (width  != undefined) el_desmos.style.width = width;
-    if (height != undefined) el_desmos.style.height = height;
-    if (style  != undefined) el_desmos.style.cssText += style;
-
-    if (!lazy) {
-      inject(el_desmos, source.textContent);
-    }
-    else {
-      let observer = new IntersectionObserver(([entry]) => {
-        if (entry.isIntersecting) {
-          inject(el_desmos, source.textContent);
-          observer.disconnect();
-        }
-      });
-      observer.observe(el_desmos);
-      lazy_observers.push(observer);
-    }
-  }
-
-  return () => {
-    desmos_instances.forEach(d => d.destroy());
-    lazy_observers.forEach(o => o.disconnect());
-  };
+	let sources = root.querySelectorAll("pre[lang='desmos'], pre.language-desmos");
+
+	for (let source of sources.values()) {
+		source.style.display = "none";
+
+		let el_desmos = source.parentNode!.insertBefore(
+			document.createElement("div"),
+			source.nextSibling,
+		);
+		
+		if (width  != undefined) el_desmos.style.width = width;
+		if (height != undefined) el_desmos.style.height = height;
+		if (style  != undefined) el_desmos.style.cssText += style;
+
+		if (!lazy) {
+			inject(el_desmos, source.textContent);
+		}
+		else {
+			let observer = new IntersectionObserver(([entry]) => {
+				if (entry.isIntersecting) {
+					inject(el_desmos, source.textContent);
+					observer.disconnect();
+				}
+			});
+			observer.observe(el_desmos);
+			lazy_observers.push(observer);
+		}
+	}
+
+	return () => {
+		desmos_instances.forEach(d => d.destroy());
+		lazy_observers.forEach(o => o.disconnect());
+	};
 });
 
 function inject(el_desmos: HTMLElement, source: string)
 {
-  let desmos = Desmos.GraphingCalculator(el_desmos);
+	let desmos = Desmos.GraphingCalculator(el_desmos);
 
-  if (settings != undefined) {
-    desmos.updateSettings(settings);
-  }
+	if (settings != undefined) {
+		desmos.updateSettings(settings);
+	}
 
-  desmos_instances.push(desmos);
-  compile(desmos, source, options);
+	desmos_instances.push(desmos);
+	compile(desmos, source, options);
 }
 
 </script>
 
 
 <div bind:this={root} style:display="contents">
-  {@render children?.()}
+	{@render children?.()}
 </div>

package/dist/magic/expr/index.d.ts

@@ -1,3 +0,0 @@
-import { ArgIncantation, type EXPR } from "../incantation.js";
-export declare const EXPR_INCANTATIONS: ArgIncantation<EXPR>[];
-//# sourceMappingURL=index.d.ts.map

package/dist/magic/expr/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/magic/expr/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAC;AAM3D,eAAO,MAAM,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,EAInD,CAAC"}

package/dist/magic/global/dark-mode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"dark-mode.d.ts","sourceRoot":"","sources":["../../../src/magic/global/dark-mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAG1D,qBAAa,mBAAoB,SAAQ,WAAW,CAAC,MAAM,CAAC;IAE3D,SAAkB,WAAW,qEACuC;IAEpE,SAAkB,UAAU,UAAS;IAErC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,UAAU;CAI/B"}

package/dist/magic/global/dark-mode.js

@@ -1,9 +0,0 @@
-import { Incantation } from "../incantation.js";
-export class DarkModeIncantation extends Incantation {
-    description = "Enable dark mode for the calculator, which inverts all colours.";
-    identifier = "dark";
-    apply(target) {
-        target.updateSettings({ invertedColors: true });
-    }
-}
-//# sourceMappingURL=dark-mode.js.map

package/dist/magic/global/dark-mode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dark-mode.js","sourceRoot":"","sources":["../../../src/magic/global/dark-mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAe,MAAM,gBAAgB,CAAC;AAG1D,MAAM,OAAO,mBAAoB,SAAQ,WAAmB;IAEzC,WAAW,GAC1B,iEAAiE,CAAA;IAElD,UAAU,GAAG,MAAM,CAAA;IAErC,KAAK,CAAC,MAAyB;QAE9B,MAAM,CAAC,cAAc,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CAAC;IACjD,CAAC;CACD"}

package/src/magic/global/dark-mode.ts

@@ -1,15 +0,0 @@
-import { Incantation, type GLOBAL } from "../incantation";
-
-
-export class DarkModeIncantation extends Incantation<GLOBAL>
-{
-	override readonly description
-		= "Enable dark mode for the calculator, which inverts all colours."
-	
-	override readonly identifier = "dark"
-
-	apply(target: Desmos.Calculator)
-	{
-		target.updateSettings({ invertedColors: true });
-	}
-}