@sierra-95/svelte-scaffold 1.0.9 → 1.0.10

package/dist/components/Core/others/Progress/LinearProgress/LinearProgress.css

@@ -1,60 +1,60 @@
-.pure-material-progress-linear {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    border: none;
-    height: 0.25em;
-    background-color: rgba( 33, 150, 243, 0.12);
-    font-size: 16px;
-}
-
-.pure-material-progress-linear::-webkit-progress-bar {
-    background-color: transparent;
-}
-
-/* Determinate */
-.pure-material-progress-linear::-webkit-progress-value {
-    background-color: currentColor;
-    transition: all 0.2s;
-}
-
-.pure-material-progress-linear::-moz-progress-bar {
-    background-color: currentColor;
-    transition: all 0.2s;
-}
-
-.pure-material-progress-linear::-ms-fill {
-    border: none;
-    background-color: currentColor;
-    transition: all 0.2s;
-}
-
-/* Indeterminate */
-.pure-material-progress-linear:indeterminate {
-    background-size: 200% 100%;
-    background-image: linear-gradient(to right, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 71.5%, currentColor 71.5%, currentColor 84%, transparent 84%);
-    animation: pure-material-progress-linear 2s infinite linear;
-}
-
-.pure-material-progress-linear:indeterminate::-moz-progress-bar {
-    background-color: transparent;
-}
-
-.pure-material-progress-linear:indeterminate::-ms-fill {
-    animation-name: none;
-}
-
-@keyframes pure-material-progress-linear {
-    0% {
-        background-size: 200% 100%;
-        background-position: left -31.25% top 0%;
-    }
-    50% {
-        background-size: 800% 100%;
-        background-position: left -49% top 0%;
-    }
-    100% {
-        background-size: 400% 100%;
-        background-position: left -102% top 0%;
-    }
-}
+.pure-material-progress-linear {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border: none;
+    height: 0.25em;
+    background-color: rgba( 33, 150, 243, 0.12);
+    font-size: 16px;
+}
+
+.pure-material-progress-linear::-webkit-progress-bar {
+    background-color: transparent;
+}
+
+/* Determinate */
+.pure-material-progress-linear::-webkit-progress-value {
+    background-color: currentColor;
+    transition: all 0.2s;
+}
+
+.pure-material-progress-linear::-moz-progress-bar {
+    background-color: currentColor;
+    transition: all 0.2s;
+}
+
+.pure-material-progress-linear::-ms-fill {
+    border: none;
+    background-color: currentColor;
+    transition: all 0.2s;
+}
+
+/* Indeterminate */
+.pure-material-progress-linear:indeterminate {
+    background-size: 200% 100%;
+    background-image: linear-gradient(to right, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 71.5%, currentColor 71.5%, currentColor 84%, transparent 84%);
+    animation: pure-material-progress-linear 2s infinite linear;
+}
+
+.pure-material-progress-linear:indeterminate::-moz-progress-bar {
+    background-color: transparent;
+}
+
+.pure-material-progress-linear:indeterminate::-ms-fill {
+    animation-name: none;
+}
+
+@keyframes pure-material-progress-linear {
+    0% {
+        background-size: 200% 100%;
+        background-position: left -31.25% top 0%;
+    }
+    50% {
+        background-size: 800% 100%;
+        background-position: left -49% top 0%;
+    }
+    100% {
+        background-size: 400% 100%;
+        background-position: left -102% top 0%;
+    }
+}

package/dist/components/Core/others/Progress/LinearProgress/LinearProgress.svelte

@@ -1,86 +1,86 @@
-<script>
-  const {
-    color = 'var(--primary-bg)',
-  } = $props();
-</script>
-<style>.pure-material-progress-linear {
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    appearance: none;
-    border: none;
-    height: 0.25em;
-    background-color: rgba( 33, 150, 243, 0.12);
-    font-size: 16px;
-}
-
-.pure-material-progress-linear::-webkit-progress-bar {
-    background-color: transparent;
-}
-
-/* Determinate */
-
-.pure-material-progress-linear::-webkit-progress-value {
-    background-color: currentColor;
-    transition: all 0.2s;
-}
-
-.pure-material-progress-linear::-moz-progress-bar {
-    background-color: currentColor;
-    transition: all 0.2s;
-}
-
-.pure-material-progress-linear::-ms-fill {
-    border: none;
-    background-color: currentColor;
-    transition: all 0.2s;
-}
-
-/* Indeterminate */
-
-.pure-material-progress-linear:indeterminate {
-    background-size: 200% 100%;
-    background-image: linear-gradient(to right, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 71.5%, currentColor 71.5%, currentColor 84%, transparent 84%);
-    animation: pure-material-progress-linear 2s infinite linear;
-}
-
-.pure-material-progress-linear:indeterminate::-moz-progress-bar {
-    background-color: transparent;
-}
-
-.pure-material-progress-linear:indeterminate::-ms-fill {
-    animation-name: none;
-}
-
-@keyframes pure-material-progress-linear {
-    0% {
-        background-size: 200% 100%;
-        background-position: left -31.25% top 0%;
-    }
-    50% {
-        background-size: 800% 100%;
-        background-position: left -49% top 0%;
-    }
-    100% {
-        background-size: 400% 100%;
-        background-position: left -102% top 0%;
-    }
-}
-
-.cover{
-    position: relative;
-    height: 0.25em;
-  }
-
-.child{
-    width: 100%;
-    position: absolute;
-    left: 0;
-    right: 0;
-  }
-</style>
-<div class="cover">
-  <progress 
-    style="color: {color};"
-    class="pure-material-progress-linear child"
-    ></progress>
-</div>
+<script>
+  const {
+    color = 'var(--primary-bg)',
+  } = $props();
+</script>
+<style>.pure-material-progress-linear {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    border: none;
+    height: 0.25em;
+    background-color: rgba( 33, 150, 243, 0.12);
+    font-size: 16px;
+}
+
+.pure-material-progress-linear::-webkit-progress-bar {
+    background-color: transparent;
+}
+
+/* Determinate */
+
+.pure-material-progress-linear::-webkit-progress-value {
+    background-color: currentColor;
+    transition: all 0.2s;
+}
+
+.pure-material-progress-linear::-moz-progress-bar {
+    background-color: currentColor;
+    transition: all 0.2s;
+}
+
+.pure-material-progress-linear::-ms-fill {
+    border: none;
+    background-color: currentColor;
+    transition: all 0.2s;
+}
+
+/* Indeterminate */
+
+.pure-material-progress-linear:indeterminate {
+    background-size: 200% 100%;
+    background-image: linear-gradient(to right, transparent 50%, currentColor 50%, currentColor 60%, transparent 60%, transparent 71.5%, currentColor 71.5%, currentColor 84%, transparent 84%);
+    animation: pure-material-progress-linear 2s infinite linear;
+}
+
+.pure-material-progress-linear:indeterminate::-moz-progress-bar {
+    background-color: transparent;
+}
+
+.pure-material-progress-linear:indeterminate::-ms-fill {
+    animation-name: none;
+}
+
+@keyframes pure-material-progress-linear {
+    0% {
+        background-size: 200% 100%;
+        background-position: left -31.25% top 0%;
+    }
+    50% {
+        background-size: 800% 100%;
+        background-position: left -49% top 0%;
+    }
+    100% {
+        background-size: 400% 100%;
+        background-position: left -102% top 0%;
+    }
+}
+
+.cover{
+    position: relative;
+    height: 0.25em;
+  }
+
+.child{
+    width: 100%;
+    position: absolute;
+    left: 0;
+    right: 0;
+  }
+</style>
+<div class="cover">
+  <progress 
+    style="color: {color};"
+    class="pure-material-progress-linear child"
+    ></progress>
+</div>

package/dist/components/Modules/Editor/Hooks/extractContent.js

@@ -1,15 +1,15 @@
-import { setToastMessage } from '../../../../index.js';
-import { extractImagesFromJSON } from '../tools.js';
-/**
- * @param {import('@tiptap/core').Editor} editor
- */
-export async function exractContent(editor) {
-    if (!editor) return;
-    try {
-        const json_content = editor.getJSON();
-        const fnl_imgs = extractImagesFromJSON(json_content);
-        return { json_content, images: fnl_imgs };
-    }catch (error) {
-        setToastMessage('error', 'An error occurred while saving.');
-    }
+import { setToastMessage } from '../../../../index.js';
+import { extractImagesFromJSON } from '../tools.js';
+/**
+ * @param {import('@tiptap/core').Editor} editor
+ */
+export async function exractContent(editor) {
+    if (!editor) return;
+    try {
+        const json_content = editor.getJSON();
+        const fnl_imgs = extractImagesFromJSON(json_content);
+        return { json_content, images: fnl_imgs };
+    }catch (error) {
+        setToastMessage('error', 'An error occurred while saving.');
+    }
 }

package/dist/components/Modules/Editor/Hooks/extractImage.js

@@ -1,30 +1,30 @@
-/**
- * Extract all image slugs from a Tiptap JSON document.
- * 
- * @param {import('@tiptap/core').JSONContent} json - Tiptap JSON content
- * @returns {string[]} - Array of image slugs
- */
-
-export function extractImagesFromJSON(json) {
-	const slugs = new Set();
-
-	/**
-     * Recursively walk a node and collect image slugs
-     * @param {any} node - Node in the JSON tree
-     */
-
-	function walk(node) {
-		if (!node) return;
-		if (node.type === 'image' && typeof node.attrs?.src === 'string') {
-			const url = node.attrs.src;
-			const slug = url.split('/').pop();
-			if (slug) slugs.add(slug);
-		}
-		if (node.content && Array.isArray(node.content)) {
-			node.content.forEach(walk);
-		}
-	}
-
-	walk(json);
-	return [...slugs];
-}
+/**
+ * Extract all image slugs from a Tiptap JSON document.
+ * 
+ * @param {import('@tiptap/core').JSONContent} json - Tiptap JSON content
+ * @returns {string[]} - Array of image slugs
+ */
+
+export function extractImagesFromJSON(json) {
+	const slugs = new Set();
+
+	/**
+     * Recursively walk a node and collect image slugs
+     * @param {any} node - Node in the JSON tree
+     */
+
+	function walk(node) {
+		if (!node) return;
+		if (node.type === 'image' && typeof node.attrs?.src === 'string') {
+			const url = node.attrs.src;
+			const slug = url.split('/').pop();
+			if (slug) slugs.add(slug);
+		}
+		if (node.content && Array.isArray(node.content)) {
+			node.content.forEach(walk);
+		}
+	}
+
+	walk(json);
+	return [...slugs];
+}

package/dist/components/Modules/Editor/Hooks/insertImage.js

@@ -1,27 +1,27 @@
-
-import { TextSelection } from 'prosemirror-state';
-
-/**
- * @param {string} base64 - Base64 string for the image
- * @param {import('@tiptap/core').Editor} editor - Tiptap editor instance
- */
-
-export function insertImageAndMoveCursor(base64, editor) {
-    const { state, view } = editor;
-    const { tr } = state;
-
-    // 1. Insert the image at the current selection
-    const imageNode = editor.schema.nodes.image.create({ src: base64 });
-    const pos = tr.selection.$from.after(); // get position after current node
-    tr.insert(pos, imageNode);
-
-    // 2. Insert an empty paragraph after the image
-    const paragraph = editor.schema.nodes.paragraph.create();
-    tr.insert(pos + 1, paragraph);
-
-    // 3. Move the cursor inside the new paragraph
-    const newSelection = TextSelection.create(tr.doc, pos + 2);
-    tr.setSelection(newSelection);
-    view.dispatch(tr);
-    view.focus();
+
+import { TextSelection } from 'prosemirror-state';
+
+/**
+ * @param {string} base64 - Base64 string for the image
+ * @param {import('@tiptap/core').Editor} editor - Tiptap editor instance
+ */
+
+export function insertImageAndMoveCursor(base64, editor) {
+    const { state, view } = editor;
+    const { tr } = state;
+
+    // 1. Insert the image at the current selection
+    const imageNode = editor.schema.nodes.image.create({ src: base64 });
+    const pos = tr.selection.$from.after(); // get position after current node
+    tr.insert(pos, imageNode);
+
+    // 2. Insert an empty paragraph after the image
+    const paragraph = editor.schema.nodes.paragraph.create();
+    tr.insert(pos + 1, paragraph);
+
+    // 3. Move the cursor inside the new paragraph
+    const newSelection = TextSelection.create(tr.doc, pos + 2);
+    tr.setSelection(newSelection);
+    view.dispatch(tr);
+    view.focus();
 }

package/dist/components/Modules/Editor/Hooks/insertYoutube.js

@@ -1,35 +1,35 @@
-import { TextSelection } from 'prosemirror-state';
-
-
-/**
- * Prompt for a YouTube URL and insert it into the editor, placing the cursor after it.
- * @param {import('@tiptap/core').Editor} editor - The Tiptap editor instance
- * @param {string} url
- */
-export function addYoutubeVideo(editor, url) {
-    if (!url) return;
-
-    const { state, view, schema } = editor;
-    const { tr } = state;
-
-    // Create the YouTube video node
-    const youtubeNode = schema.nodes.youtube.create({ src: url });
-
-    // Position after current selection
-    const pos = tr.selection.$from.after();
-
-    // Insert video node at position
-    tr.insert(pos, youtubeNode);
-
-    // Insert empty paragraph after the video node
-    const paragraph = schema.nodes.paragraph.create();
-    tr.insert(pos + 1, paragraph);
-
-    // Set cursor inside the new paragraph
-    const newSelection = TextSelection.create(tr.doc, pos + 2);
-    tr.setSelection(newSelection);
-
-    // Apply transaction and focus editor
-    view.dispatch(tr);
-    view.focus();
+import { TextSelection } from 'prosemirror-state';
+
+
+/**
+ * Prompt for a YouTube URL and insert it into the editor, placing the cursor after it.
+ * @param {import('@tiptap/core').Editor} editor - The Tiptap editor instance
+ * @param {string} url
+ */
+export function addYoutubeVideo(editor, url) {
+    if (!url) return;
+
+    const { state, view, schema } = editor;
+    const { tr } = state;
+
+    // Create the YouTube video node
+    const youtubeNode = schema.nodes.youtube.create({ src: url });
+
+    // Position after current selection
+    const pos = tr.selection.$from.after();
+
+    // Insert video node at position
+    tr.insert(pos, youtubeNode);
+
+    // Insert empty paragraph after the video node
+    const paragraph = schema.nodes.paragraph.create();
+    tr.insert(pos + 1, paragraph);
+
+    // Set cursor inside the new paragraph
+    const newSelection = TextSelection.create(tr.doc, pos + 2);
+    tr.setSelection(newSelection);
+
+    // Apply transaction and focus editor
+    view.dispatch(tr);
+    view.focus();
 }

package/dist/components/Modules/Editor/Marks/Links/links.svelte

@@ -1,79 +1,79 @@
-<script lang="ts">
-  import type { Editor } from "@tiptap/core";
-  import {modalStore, Input} from '../../../../../index.js'
-
-  export let editor: Editor;
-
-  let text = '';
-  let url = '';
-
-  function newLink() {
-      modalStore.update(m => ({
-          ...m,
-          open: true,
-          title: 'Editor',
-          onConfirm: () => {
-            setLink(text, url);
-            text = '';
-            url = '';
-          },
-          render: addLinkContent
-      }));
-  }
-
-  function setLink(text: string, url: string) {
-    editor
-      .chain()
-      .focus()
-      .insertContent(`<a href="${url}" target="_blank" rel="noopener noreferrer">${text}</a>`)
-      .insertContent(' ')
-      .unsetMark('link') 
-      .run();
-  }
-
-  function updateLink() {
-    const previousUrl = editor.getAttributes('link').href
-    url = previousUrl || '';
-    modalStore.update(m => ({
-        ...m,
-        open: true,
-        title: 'Editor',
-        onConfirm: () => {
-          editLink(url);
-          url = '';
-        },
-        onCancel: () => url = '',
-        render: editLinkContent
-    }));
-  }
-
-  function editLink(url: string){
-    if (url === null) {
-      return
-    }
-    if (url === '') {
-      editor.chain().focus().extendMarkRange('link').unsetLink()
-        .run()
-      return
-    }try {
-      editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()
-    } catch (e) {
-      const errorMessage = e instanceof Error ? e.message : String(e)
-      alert(errorMessage)
-    }
-  }
-
-</script>
-
-{#snippet addLinkContent()}
-    <Input label="Enter Link Text" id="link-text" bind:value={text}/>
-    <Input label="Enter Link URL" id="link-url" bind:value={url}/>
-{/snippet}
-
-{#snippet editLinkContent()}
-    <Input label="Edit Link URL" id="link-url" bind:value={url}/>
-{/snippet}
-
-<button aria-label="Link Button" on:click={ editor.isActive('link')? updateLink : newLink} title="Add/Edit Link">
-  <i class="fa fa-link"></i>
+<script lang="ts">
+  import type { Editor } from "@tiptap/core";
+  import {modalStore, Input} from '../../../../../index.js'
+
+  export let editor: Editor;
+
+  let text = '';
+  let url = '';
+
+  function newLink() {
+      modalStore.update(m => ({
+          ...m,
+          open: true,
+          title: 'Editor',
+          onConfirm: () => {
+            setLink(text, url);
+            text = '';
+            url = '';
+          },
+          render: addLinkContent
+      }));
+  }
+
+  function setLink(text: string, url: string) {
+    editor
+      .chain()
+      .focus()
+      .insertContent(`<a href="${url}" target="_blank" rel="noopener noreferrer">${text}</a>`)
+      .insertContent(' ')
+      .unsetMark('link') 
+      .run();
+  }
+
+  function updateLink() {
+    const previousUrl = editor.getAttributes('link').href
+    url = previousUrl || '';
+    modalStore.update(m => ({
+        ...m,
+        open: true,
+        title: 'Editor',
+        onConfirm: () => {
+          editLink(url);
+          url = '';
+        },
+        onCancel: () => url = '',
+        render: editLinkContent
+    }));
+  }
+
+  function editLink(url: string){
+    if (url === null) {
+      return
+    }
+    if (url === '') {
+      editor.chain().focus().extendMarkRange('link').unsetLink()
+        .run()
+      return
+    }try {
+      editor.chain().focus().extendMarkRange('link').setLink({ href: url }).run()
+    } catch (e) {
+      const errorMessage = e instanceof Error ? e.message : String(e)
+      alert(errorMessage)
+    }
+  }
+
+</script>
+
+{#snippet addLinkContent()}
+    <Input label="Enter Link Text" id="link-text" bind:value={text}/>
+    <Input label="Enter Link URL" id="link-url" bind:value={url}/>
+{/snippet}
+
+{#snippet editLinkContent()}
+    <Input label="Edit Link URL" id="link-url" bind:value={url}/>
+{/snippet}
+
+<button aria-label="Link Button" on:click={ editor.isActive('link')? updateLink : newLink} title="Add/Edit Link">
+  <i class="fa fa-link"></i>
 </button>