@warkypublic/svelix 0.1.46 → 0.2.1

package/dist/components/ContentEditor/ContentEditor.svelte

@@ -1,53 +1,27 @@
-<script lang="ts">
-  import type { ContentEditorProps } from "./types.js";
-  import { getEditorType } from "./utils.js";
-  import MonacoEditor from "./subcomponents/MonacoEditor.svelte";
-  import ImageViewer from "./subcomponents/ImageViewer.svelte";
-  import AudioPlayer from "./subcomponents/AudioPlayer.svelte";
-  import VideoPlayer from "./subcomponents/VideoPlayer.svelte";
-  import TextEditor from "./subcomponents/TextEditor.svelte";
-  import MarkdownViewer from "./subcomponents/MarkdownViewer.svelte";
-  import PdfViewer from "./subcomponents/PdfViewer.svelte";
-  import EmailViewer from "./subcomponents/EmailViewer.svelte";
-  import ZipViewer from "./subcomponents/ZipViewer.svelte";
-  import CollaboraEditor from "./subcomponents/CollaboraEditor.svelte";
-  import Office365Editor from "./subcomponents/Office365Editor.svelte";
-  import UnknownFile from "./subcomponents/UnknownFile.svelte";
-
-  let {
-    value,
-    filename,
-    contentType,
-    mode = "value",
-    hideHeader = false,
-    theme,
-    colorScheme = "auto",
-    readonly = false,
-    onChange,
-    onSave,
-    onUpload,
-    insertText = $bindable(),
-    insertHtml = $bindable(),
-    wopiUrl,
-    discoverUrl,
-    adminKey,
-    userid,
-    username,
-    viewtype,
-    officeSuite = "collabora",
-    officeOnlineUrl,
-  }: ContentEditorProps = $props();
-
-  const editorType = $derived(getEditorType({ filename, contentType }));
-  const forcedColorScheme = $derived(colorScheme === "auto" ? undefined : colorScheme);
-
-  $effect(() => {
-    if (mode === "filepointer") {
-      console.warn(
-        '[ContentEditor] mode="filepointer" is not yet implemented; falling back to value mode.',
-      );
-    }
-  });
+<script lang="ts">import { getEditorType } from "./utils.js";
+import MonacoEditor from "./subcomponents/MonacoEditor.svelte";
+import ImageViewer from "./subcomponents/ImageViewer.svelte";
+import AudioPlayer from "./subcomponents/AudioPlayer.svelte";
+import VideoPlayer from "./subcomponents/VideoPlayer.svelte";
+import TextEditor from "./subcomponents/TextEditor.svelte";
+import MarkdownViewer from "./subcomponents/MarkdownViewer.svelte";
+import PdfViewer from "./subcomponents/PdfViewer.svelte";
+import EmailViewer from "./subcomponents/EmailViewer.svelte";
+import ZipViewer from "./subcomponents/ZipViewer.svelte";
+import CollaboraEditor from "./subcomponents/CollaboraEditor.svelte";
+import Office365Editor from "./subcomponents/Office365Editor.svelte";
+import UnknownFile from "./subcomponents/UnknownFile.svelte";
+let { value, filename, contentType, mode = "value", hideHeader = false, theme, colorScheme = "auto", readonly = false, onChange, onSave, onUpload, insertText = $bindable(), insertHtml = $bindable(), wopiUrl, discoverUrl, adminKey, userid, username, viewtype, officeSuite = "collabora", officeOnlineUrl } = $props();
+const editorType = $derived(getEditorType({
+	filename,
+	contentType
+}));
+const forcedColorScheme = $derived(colorScheme === "auto" ? undefined : colorScheme);
+$effect(() => {
+	if (mode === "filepointer") {
+		console.warn("[ContentEditor] mode=\"filepointer\" is not yet implemented; falling back to value mode.");
+	}
+});
 </script>
 
 <div

package/dist/components/ContentEditor/subcomponents/AudioPlayer.svelte

@@ -1,20 +1,20 @@
-<script lang="ts">
-  import type { AudioPlayerProps } from '../types.js';
-  import IconAlertCircle from '../../Icons/IconAlertCircle.svelte';
-  let { value, filename }: AudioPlayerProps = $props();
-
-  let src = $state('');
-  let srcType = $state<string | undefined>(undefined);
-  let err = $state<string | null>(null);
-
-  $effect(() => {
-    if (!value) { src = ''; srcType = undefined; return; }
-    err = null;
-    const url = URL.createObjectURL(value);
-    src = url;
-    srcType = value.type || undefined;
-    return () => URL.revokeObjectURL(url);
-  });
+<script lang="ts">import IconAlertCircle from "../../Icons/IconAlertCircle.svelte";
+let { value, filename } = $props();
+let src = $state("");
+let srcType = $state(undefined);
+let err = $state(null);
+$effect(() => {
+	if (!value) {
+		src = "";
+		srcType = undefined;
+		return;
+	}
+	err = null;
+	const url = URL.createObjectURL(value);
+	src = url;
+	srcType = value.type || undefined;
+	return () => URL.revokeObjectURL(url);
+});
 </script>
 
 <div class="flex h-full w-full flex-col items-center justify-center gap-4 p-6">