Rotimi Bestandtunny17
f5a4156c8b
* chore: migration to SvelteKit 2 * stage 1: migrate to svelte 5 and fix rerendering issues * stage 2: fix more $: reactivity across dashboard * fix merge conflicts * chore: migrate code in main to svelte 5 * chore: update preventDefault * chore: simplify tsconfig and remove unused mobileMenuRef in MobileMenu.svelte * chore: enforce .ts across dashboard * rename from classroomio-com to website * stage-3: Replace carbon icon svelte with lucide icon * update lock file * chore: finish icon replacement * fix: settings and setup page multiple rerender * stage 3: More icon and rerendering fixes * feat: checkpoint * feat: update editor * [not working] connect everything with ui build * storybook + ui + dashboard all working independently * add bg-black to +page.svelte * feat: add editor to storybook * chore: animate lucid icons (#590) * v1 animations * feat: change some course navigation icons & animate org navigation icons * chore: change settings icon * chore: use css instead of js for hover * rename animations --------- Co-authored-by: tunny17 <[email protected]> * chore: update path to node_modules types in api tsconfig * fix: update import path for DropdownMenu component * fix: add rollupOptions to build configuration in vite.config.ts * fix: remove rollupOptions from build configuration and add @floating-ui/dom dependency * install --------- Co-authored-by: tunny17 <[email protected]>
32 lines
771 B
Svelte
32 lines
771 B
Svelte
<script lang="ts">
|
|
import type { Editor } from '@tiptap/core';
|
|
import { onMount } from 'svelte';
|
|
import GripVertical from '@lucide/svelte/icons/grip-vertical';
|
|
import { DragHandlePlugin } from '../extensions/drag-handle';
|
|
|
|
interface Props {
|
|
editor: Editor;
|
|
}
|
|
|
|
const { editor }: Props = $props();
|
|
|
|
const pluginKey = 'globalDragHandle';
|
|
|
|
onMount(() => {
|
|
const plugin = DragHandlePlugin({
|
|
pluginKey: pluginKey,
|
|
dragHandleWidth: 20,
|
|
scrollTreshold: 100,
|
|
dragHandleSelector: '.drag-handle',
|
|
excludedTags: ['pre', 'code', 'table p'],
|
|
customNodes: []
|
|
});
|
|
editor.registerPlugin(plugin);
|
|
return () => editor.unregisterPlugin(pluginKey);
|
|
});
|
|
</script>
|
|
|
|
<div class="drag-handle">
|
|
<GripVertical />
|
|
</div>
|