@lavalogic/scoria 0.0.14 → 0.0.16

package/dist/Components/Button.svelte

@@ -3,10 +3,7 @@
 <script module lang="ts">
 	import type { PartialIconProps } from './Icon.svelte';
 	import Icon from './Icon.svelte';
-
 	import { getContext, type Snippet } from 'svelte';
-
-	import { dev } from '$app/environment';
 	import { Size } from '../Types/Internal/Size.js';
 	import { Colour, ColourSet } from '../scss/colours.js';
 	import { Variant } from '../Types/Internal/Variant.js';

package/dist/Components/Contexts/ContextMenuOption.svelte

@@ -1,7 +1,6 @@
 <svelte:options runes />
 
 <script lang="ts" module>
-	import { dev } from '$app/environment';
 	import type { Snippet } from 'svelte';
 
 	export interface ContextMenuOptionProps {
@@ -37,8 +36,6 @@
 		{text}
 	{:else if children}
 		{@render children()}
-	{:else if dev}
-		debug: no value passed
 	{/if}
 </div>
 

package/dist/Components/DatePicker.svelte

@@ -44,7 +44,6 @@
 
 <script lang="ts">
 	import { onMount, tick } from 'svelte';
-	import { dev } from '$app/environment';
 	import { generateShortUUID } from '../Helpers/Helpers.svelte.js';
 	import { DatePickerType } from '../Types/Internal/DatePickerType.js';
 	import Dial from './Dial.svelte';
@@ -162,11 +161,7 @@
 				);
 			}
 
-			if (dev) {
-				alert('Unhandled type changed');
-			} else {
-				console.warn('Unhandled type changed');
-			}
+			console.warn('Unhandled type changed');
 
 			return date;
 		})();

package/dist/Components/DimensionInput.svelte

@@ -1,6 +1,11 @@
 <svelte:options runes />
 
 <script lang="ts" module>
+	import { InputVariant } from '../Types/Internal/InputVariant.js';
+	import type { Centimetres } from '../Types/Internal/Misc.js';
+	import { type PartialIconProps } from './Icon.svelte';
+	import type { FormEventHandler } from 'svelte/elements';
+
 	export interface DimensionInputProps {
 		id?: string | undefined;
 
@@ -33,12 +38,6 @@
 </script>
 
 <script lang="ts">
-	import { InputVariant } from '../Types/Internal/InputVariant.js';
-	import type { Centimetres } from '../Types/Internal/Misc.js';
-
-	import Icon, { type IconProps, type PartialIconProps } from './Icon.svelte';
-	import type { FormEventHandler } from 'svelte/elements';
-
 	let {
 		id,
 		x = $bindable(null),

package/dist/Components/DimensionInput.svelte.d.ts

@@ -1,3 +1,7 @@
+import { InputVariant } from '../Types/Internal/InputVariant.js';
+import type { Centimetres } from '../Types/Internal/Misc.js';
+import { type PartialIconProps } from './Icon.svelte';
+import type { FormEventHandler } from 'svelte/elements';
 export interface DimensionInputProps {
     id?: string | undefined;
     x: Centimetres | null;
@@ -23,10 +27,6 @@ export interface DimensionInputProps {
     onkeydown?: (e: KeyboardEvent) => void;
     oninput?: FormEventHandler<HTMLInputElement>;
 }
-import { InputVariant } from '../Types/Internal/InputVariant.js';
-import type { Centimetres } from '../Types/Internal/Misc.js';
-import { type PartialIconProps } from './Icon.svelte';
-import type { FormEventHandler } from 'svelte/elements';
 declare const DimensionInput: import("svelte").Component<DimensionInputProps, {}, "x" | "z" | "y" | "inputRef">;
 type DimensionInput = ReturnType<typeof DimensionInput>;
 export default DimensionInput;

package/dist/Components/FileUpload.svelte

@@ -29,10 +29,10 @@
 	import Icon, { type PartialIconProps } from './Icon.svelte';
 	import Action from './Action.svelte';
 	import FileCard from './FileCard.svelte';
-	import { dev } from '$app/environment';
 	import { ColourSet } from '../scss/colours.js';
 	import { InputVariant } from '../Types/Internal/InputVariant.js';
 	import { Size } from '../Types/Internal/Size.js';
+	import { onMount } from 'svelte';
 
 	let _files: FileList | null | undefined = $state();
 
@@ -99,6 +99,9 @@
 
 		dragover = false;
 	}
+	onMount(() => {
+		console.log('Drag and drop file uploading may not work');
+	});
 </script>
 
 <label
@@ -171,7 +174,6 @@
 				<p>
 					Drag and Drop or Click to Upload {#if multiple}multiple documents{:else}a document{/if}
 				</p>
-				{#if dev}<span>TODO drag and drop</span>{/if}
 			{/if}
 		</div>
 		<div class="side">

package/dist/Components/GridInput.svelte

@@ -1,7 +1,6 @@
 <svelte:options runes />
 
 <script lang="ts" module>
-	import { dev } from '$app/environment';
 	import type { GridItem } from '../Types/Internal/GridItem.js';
 	import type { GridMultiSelectItem } from '../Types/Internal/GridMultiSelectItem.js';
 	import type { GridMultiSelectItemAsObject } from '../Types/Internal/GridMultiSelectItemAsObject.js';
@@ -161,8 +160,9 @@
 				{/if}
 			{/await}
 		{/if}
-	{:else if dev}
-		<span>debug: no handler for type {item.type}</span>
+	{:else}
+		{@const type = item?.type}
+		{@debug type}
 	{/if}
 </label>
 

package/dist/Components/MultiSelect.svelte

@@ -44,7 +44,6 @@
 <script lang="ts" generics="T extends object">
 	import Svelecte from 'svelecte';
 	import { autoPluralise, generateShortUUID, vowels } from '../Helpers/Helpers.svelte.js';
-	import { dev } from '$app/environment';
 	import { Size } from '../Types/Internal/Size.js';
 	import Action from './Action.svelte';
 	import Icon from './Icon.svelte';
@@ -224,9 +223,6 @@
 	</Svelecte>
 
 	{#snippet selection(selectedOptions: unknown[])}
-		{#if dev}
-			DEBUG: Selection
-		{/if}
 		<!-- {#if selectedOptions.length === 0}
 			<span class="selection" class:hidden
 				>Please Select {#if objectName}

package/dist/Components/ProgressBubble.svelte

@@ -1,7 +1,6 @@
 <svelte:options runes />
 
 <script lang="ts" module>
-	import { browser } from '$app/environment';
 	import { getCanvasContext } from '../Helpers/Helpers.svelte.js';
 	import { tick } from 'svelte';
 	import type { BubbleColour } from './Bubble.svelte';
@@ -26,7 +25,7 @@
 	// for some reason, doing this in a derived-by puts the browser in some kind of infinite loop
 	let fitsInProgressBar = $state(false);
 	$effect(() => {
-		if (browser && progress && progressBarRef) {
+		if (progress && progressBarRef) {
 			const oldRef = progressBarRef;
 			tick().then(() => {
 				if (oldRef === progressBarRef) {

package/dist/Components/Table/Body/QuickSearchCell.svelte

@@ -1,7 +1,6 @@
 <svelte:options runes />
 
 <script lang="ts" module>
-	import { dev } from '$app/environment';
 	import Action from '../../Action.svelte';
 	import Button from '../../Button.svelte';
 	import MultiSelect from '../../MultiSelect.svelte';
@@ -249,8 +248,6 @@
 							}}
 						/>
 					{/if}
-				{:else if dev}
-					DEBUG: INVALID DATE FILTER VALUES
 				{/if}
 			{:else if isSelect}
 				{#await options then options}
@@ -311,8 +308,6 @@
 							onkeydown={closeOnCtrlF}
 						/>
 					</div>
-				{:else if dev}
-					expected string, got number (340)
 				{/if}
 			{:else if typeof value != 'number'}
 				<div class="input-wrapper right">
@@ -328,8 +323,6 @@
 						placeholder="Filter&hellip;"
 					/>
 				</div>
-			{:else if dev}
-				expected string, got number (357)
 			{/if}
 
 			<!-- TODO button for date, checkbox or select for checkbox -->
@@ -359,8 +352,6 @@
 				/>
 			</div>
 		{/if}
-	{:else if dev}
-		<!-- Not Searchable -->
 	{/if}
 
 	{#if isSelectOpen}

package/dist/Components/Table/Body/Rows/ColumnListRow.svelte

@@ -1,7 +1,6 @@
 <svelte:options runes />
 
 <script lang="ts" module>
-	import { dev } from '$app/environment';
 	import { getContext } from 'svelte';
 	import type { ColumnDef } from '../../Types/Columns/Definitions/ColumnDef.svelte.js';
 	import { TableContext } from '../../Types/Context/TableContext.svelte.js';
@@ -73,10 +72,7 @@
 
 	const onVisibilityChange = (e: Event) => {
 		if (!columnDef) {
-			if (dev) {
-				console.error('no column def found:');
-				throw e;
-			}
+			console.warn('no def found', e);
 
 			return;
 		}

package/dist/Components/Table/Body/Rows/Columns/TableAction.svelte

@@ -7,7 +7,6 @@
 	import type { ActionsDef } from '../../../Types/Columns/Definitions/Actions/ActionsDef.svelte.js';
 	import type { TableActionButton } from '../../../Types/Columns/TableActionButton.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
-	import { getErrorMessage } from '../../../../../Helpers/Helpers.svelte.js';
 
 	export interface TableActionProps<T extends object> {
 		action: TableActionButton<T>;
@@ -58,5 +57,6 @@
 		}}>{label}</Button
 	>
 {:catch e}
-	Error Loading Button: {getErrorMessage(e)}
+	{@debug e}
+	Error Loading Button
 {/await}

package/dist/Components/Table/Body/Rows/Columns/TableCheckbox.svelte

@@ -9,7 +9,6 @@
 </script>
 
 <script lang="ts" generics="T extends object">
-	import { dev } from '$app/environment';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
@@ -23,7 +22,7 @@
 	const value = $derived(!!cell.getValue());
 
 	$effect(() => {
-		if (dev && value != null && typeof value != 'boolean') {
+		if (value != null && typeof value != 'boolean') {
 			console.warn(
 				`non-boolean value was passed: ${value}\nIf that is intentional, please use accessorFn() to parse it to a boolean value.`
 			);

package/dist/Components/Table/Body/Rows/Columns/TableColumn.svelte

@@ -1,7 +1,6 @@
 <svelte:options runes />
 
 <script lang="ts" module>
-	import { dev } from '$app/environment';
 	import FocusableImmutableCell from './FocusableImmutableCell.svelte';
 	import BubbleCell from './BubbleCell.svelte';
 	import ActionsCell from './ActionsCell.svelte';
@@ -10,7 +9,6 @@
 	import { ExpandDef } from '../../../Types/Columns/Definitions/Expand/ExpandDef.svelte.js';
 	import type { ColumnDef } from '../../../Types/Columns/Definitions/ColumnDef.svelte.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
-	import { getErrorMessage } from '../../../../../Helpers/Helpers.svelte.js';
 	import { DisplayType } from '../../../Types/Columns/DisplayType.js';
 	import TableNumberInput from './TableNumberInput.svelte';
 	import TableDatePicker from './TableDatePicker.svelte';
@@ -107,7 +105,8 @@
 			{:then value}
 				{@render ValueFallback(value)}
 			{:catch e}
-				<FocusableImmutableCell value={getErrorMessage(e)} {cell} />
+				{@debug e}
+				<FocusableImmutableCell value={e?.toString()} {cell} />
 			{/await}
 		{:else}
 			{@render ValueFallback(valueOrComponentPromise)}
@@ -121,8 +120,8 @@
 			<BubbleCell {cell} />
 		{:else if isProgressBarTableCell(cell)}
 			<ProgressCell {cell} />
-		{:else if dev}
-			<FocusableImmutableCell value="DEBUG: INVALID TYPE PASSED" {cell} />
+		{:else}
+			{@debug cell}
 		{/if}
 	{:else if Value == null || typeof Value === 'string' || typeof Value == 'number'}
 		<FocusableImmutableCell value={Value} {cell} />
@@ -134,7 +133,7 @@
 		<FocusableImmutableCell {cell}>
 			{@render Value(cell)}
 		</FocusableImmutableCell>
-	{:else if dev}
-		<FocusableImmutableCell value="DEBUG: NO VALUE OR COMPONENT PASSED" {cell} />
+	{:else}
+		{@debug cell}
 	{/if}
 {/snippet}

package/dist/Components/Table/Body/Rows/Columns/TableDatePicker.svelte

@@ -2,7 +2,6 @@
 
 <script lang="ts" module>
 	import { getContext, tick } from 'svelte';
-	import { dev } from '$app/environment';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import type { CellCoordinates } from '../../../Types/Coordinates/CellCoordinates.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
@@ -167,9 +166,8 @@
 			{isNaN(parsed.getFullYear()) ? value : parsed.toLocaleString()}
 		{:else if value instanceof Date}
 			{value?.toLocaleDateString()}
-		{:else if dev}
-			DEBUG: INVALID DATE
 		{:else}
+			{@debug value}
 			-
 		{/if}
 	</td>
@@ -237,9 +235,8 @@
 			{:else}
 				{value.toLocaleDateString()}
 			{/if}
-		{:else if dev}
-			DEBUG: INVALID DATE
 		{:else}
+			{@debug value}
 			-
 		{/if}
 	</td>

package/dist/Components/Table/Body/Rows/Columns/TableNumberInput.svelte

@@ -7,7 +7,6 @@
 </script>
 
 <script lang="ts" generics="T extends object">
-	import { dev } from '$app/environment';
 	import NumberInput from '../../../../NumberInput.svelte';
 	import { NumberInputDef } from '../../../Types/Columns/Definitions/Accessors/NumberInputDef.svelte.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
@@ -242,8 +241,6 @@
 			unsubscriber = () => {
 				prevTdRef?.removeEventListener('edit', onEdit);
 			};
-		} else if (dev) {
-			throw new Error("tdref didn't exist during onMount");
 		}
 
 		return unsubscriber;

package/dist/Components/Table/Body/Rows/Columns/TableQuerySelect.svelte

@@ -1,7 +1,6 @@
 <svelte:options runes />
 
 <script lang="ts" module>
-	import { dev } from '$app/environment';
 	import QuerySelect from '../../../../QuerySelect.svelte';
 	import type { QueryDef } from '../../../Types/Columns/Definitions/Accessors/QueryDef.svelte.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
@@ -10,7 +9,7 @@
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
 	import type { SelectOption } from '../../../../../Types/Internal/SelectOption.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
-	import { getContext, tick, untrack, onMount } from 'svelte';
+	import { getContext, tick, untrack } from 'svelte';
 	export interface TableQuerySelectProps<T extends object> {
 		cell: TableCell<T>;
 	}
@@ -188,11 +187,14 @@
 		target?.addEventListener('keydown', keydownForce);
 	}
 
-	onMount(() => {
+	let prevtdref: HTMLTableCellElement | undefined = undefined;
+	$effect(() => {
 		if (tdref) {
-			tdref!.addEventListener('edit', handleTDFocus);
-		} else if (dev) {
-			throw new Error("tdref didn't exist during onMount");
+			if (tdref != prevtdref) {
+				tdref.addEventListener('edit', handleTDFocus);
+			} else {
+				prevtdref = tdref;
+			}
 		}
 	});
 </script>

package/dist/Components/Table/Body/Rows/Columns/TableSelect.svelte

@@ -7,14 +7,12 @@
 </script>
 
 <script lang="ts" generics="T extends object">
-	import { dev } from '$app/environment';
 	import SingleSelect from '../../../../SingleSelect.svelte';
 	import type { SelectDef } from '../../../Types/Columns/Definitions/Accessors/SelectDef.svelte.js';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
-	import { getErrorMessage } from '../../../../../Helpers/Helpers.svelte.js';
 	import type { SelectOption } from '../../../../../Types/Internal/SelectOption.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext, tick, untrack, onMount } from 'svelte';
@@ -103,9 +101,7 @@
 			return foundOption ?? null;
 		}
 
-		if (dev) {
-			console.warn('could not match value to any type:', value);
-		}
+		console.warn('could not match value to any type:', value);
 
 		return null;
 	}
@@ -199,11 +195,14 @@
 		target?.addEventListener('keydown', keydownForce);
 	}
 
-	onMount(() => {
+	let prevtdref: HTMLTableCellElement | undefined = undefined;
+	$effect(() => {
 		if (tdref) {
-			tdref!.addEventListener('edit', handleTDFocus);
-		} else if (dev) {
-			throw new Error("tdref didn't exist during onMount");
+			if (tdref != prevtdref) {
+				tdref.addEventListener('edit', handleTDFocus);
+			} else {
+				prevtdref = tdref;
+			}
 		}
 	});
 </script>
@@ -239,11 +238,8 @@
 				}}
 			/>
 		{:catch e}
-			{#if dev}
-				{getErrorMessage(e)}
-			{:else}
-				could not retrieve options
-			{/if}
+			{@debug e}
+			could not retrieve options
 		{/await}
 	</td>
 {:else}
@@ -287,11 +283,8 @@
 		{:then [value]}
 			{value?.label ?? '-'}
 		{:catch e}
-			{#if dev}
-				{getErrorMessage(e)}
-			{:else}
-				could not retrieve options
-			{/if}
+			{@debug e}
+			Could not retrieve options
 		{/await}</td
 	>
 {/if}

package/dist/Components/Table/Body/Rows/Columns/TableTextInput.svelte

@@ -7,13 +7,11 @@
 </script>
 
 <script lang="ts" generics="T extends object">
-	import { dev } from '$app/environment';
 	import type { TableCell } from '../../../Types/Columns/TableCell.js';
 	import { TableContext } from '../../../Types/Context/TableContext.svelte.js';
 	import { TableFocusDetails } from '../../../Types/Focus/TableFocusDetails.svelte.js';
 	import TextInput from '../../../../TextInput.svelte';
 	import { ToastContext } from '../../../../../Contexts/ToastContext.svelte.js';
-	import { getErrorMessage } from '../../../../../Helpers/Helpers.svelte.js';
 	import { InputVariant } from '../../../../../Types/Internal/InputVariant.js';
 	import { Validity } from '../../../../../Types/Internal/Validity.js';
 	import { getContext, tick, untrack } from 'svelte';
@@ -250,8 +248,6 @@
 					prevTdRef?.removeEventListener('edit', onEdit);
 				};
 			});
-		} else if (dev) {
-			throw new Error("tdref didn't exist during onMount");
 		}
 
 		return unsubscriber;
@@ -323,7 +319,8 @@
 		{:then value}
 			{value}
 		{:catch error}
-			{getErrorMessage(error)}
+			{@debug error}
+			Error getting value
 		{/await}
 	</td>
 {/if}

package/dist/Components/Table/Body/Rows/TableRow.svelte

@@ -1,8 +1,7 @@
 <svelte:options runes />
 
 <script lang="ts" module>
-	import { dev } from '$app/environment';
-	import { generateShortUUID, getErrorMessage } from '../../../../Helpers/Helpers.svelte.js';
+	import { generateShortUUID } from '../../../../Helpers/Helpers.svelte.js';
 	import { getContext, untrack } from 'svelte';
 	import NestedTable from '../../NestedTable.svelte';
 	import type { Row } from '../../Types/Context/Row.js';
@@ -106,21 +105,9 @@
 	});
 
 	function onExpandChange(columnDef: ExpandDef<T, object>) {
-		if (dev) {
-			console.log('------------');
-			console.log(`called for ${expandedColumnDef?.id}`);
-		}
 		if (expandedColumnDef?.id === columnDef.id) {
-			if (dev) {
-				// debugger;
-				console.log('hiding it');
-			}
 			expandedColumnDef = undefined;
 		} else {
-			if (dev) {
-				console.log('showing it');
-			}
-			// debugger;
 			expandedColumnDef = columnDef;
 		}
 	}
@@ -162,8 +149,6 @@ onMouseLeave={onMouseLeave} -->
 								getUserId={tableContext.getUserId}
 							/>
 						{/key}
-					{:else if dev}
-						<h3>warning: no table name found</h3>
 					{:else}
 						<NestedTable
 							tableName={generateShortUUID()}
@@ -180,7 +165,8 @@ onMouseLeave={onMouseLeave} -->
 				<td {colspan}>No Data</td>
 			{/if}
 		{:catch e}
-			<td {colspan}>Error Fetching data: {getErrorMessage(e)}</td>
+			{@debug e}
+			<td {colspan}>Error Fetching data</td>
 		{/await}
 	</tr>
 {/if}

package/dist/Components/Table/Headers/TableHead.svelte

@@ -1,7 +1,6 @@
 <svelte:options runes />
 
 <script module lang="ts">
-	import { dev } from '$app/environment';
 	import Icon from '../../Icon.svelte';
 	import { TooltipContext } from '../../../Contexts/TooltipContext.svelte.js';
 	import { Delay } from '../../../Delay/Delay.js';
@@ -15,7 +14,6 @@
 	import HighlightAllHeader from './HighlightAllHeader.svelte';
 	import SelectAllHeader from './SelectAllHeader.svelte';
 	import { ExpandDef } from '../Types/Columns/Definitions/Expand/ExpandDef.svelte.js';
-	import { SelectDef } from '../Types/Columns/Definitions/Accessors/SelectDef.svelte.js';
 	import type { HeaderGroup } from '../Types/HeaderGroup.js';
 	import { RowSelectionDef } from '../Types/Columns/Definitions/RowSelection/RowSelectionDef.svelte.js';
 
@@ -63,9 +61,7 @@
 			const rect = (e.target as HTMLElement).closest('th')?.getBoundingClientRect();
 
 			if (!rect) {
-				if (dev) {
-					alert('could not find closest TH');
-				}
+				console.warn('could not find closest TH');
 
 				return;
 			}