Scott.Idem/OSIT-AE-App-Svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Migrate ESLint to flat config and resolve initial linting errors

Browse Source 
Migrated the ESLint configuration to the new flat config format ()
and addressed several initial linting errors.

Key changes include:
- Updated ESLint configuration to treat  as warnings instead of errors.
- Fixed  errors in  by declaring  and .
- Corrected  error in  by using  instead of an out-of-scope .
- Resolved  error in  by replacing the undefined  directive with the  component.
- Addressed  errors in  by replacing  with  and  with .
- Fixed  errors in  by importing necessary modules (, , ) and adding missing props (, , , , ).
This commit is contained in:
Scott Idem
2025-11-17 18:46:54 -05:00
parent b99e85f1db
commit 7e1eaba3bc
374 changed files with 95654 additions and 93952 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
src/lib/components/shad-editor/icons/image.svelte
View File

@@ -1,73 +1,73 @@
<script lang="ts">
import { Image } from 'lucide-svelte';
import { ChevronDown } from 'lucide-svelte';
import { X } from 'lucide-svelte';
import { type Editor } from '@tiptap/core';
import * as Tooltip from '$lib/components/ui/tooltip/index.js';
import { Button } from '$lib/components/ui/button/index.js';
import * as Popover from '$lib/components/ui/popover/index.js';
import { Input } from '$lib/components/ui/input/index.js';
let { editor }: { editor: Editor } = $props();
</script>
<Tooltip.Provider>
<Tooltip.Root>
<Tooltip.Trigger>
<Popover.Root>
<Popover.Trigger>
<Button variant="ghost" size="sm" class="h-8">
<Image />
<ChevronDown class="size-3! text-muted-foreground" />
</Button>
</Popover.Trigger>
<Popover.Content class="bg-popover shadow-lg *:my-2">
<div class="flex items-center justify-between">
<h1 class="text-xl font-bold">Image</h1>
<Popover.Close>
<X class="size-4 text-muted-foreground" />
</Popover.Close>
</div>
<p>Insert image url</p>
<Input
placeholder="Enter image url..."
type="url"
onchange={(e) => {
if (e !== null && e.target !== null) {
//@ts-ignore
editor.chain().focus().setImage({ src: e.target.value }).run();
}
}}
class="w-full"
/>
<p>OR Pick an Image</p>
<Input
id="picture"
type="file"
accept="image/*"
multiple={false}
onchange={(e: Event) => {
//@ts-ignore
if (e.target && e.target.files) {
//@ts-ignore
const files = Array.from(e.target.files || []);
files.map((file) => {
const reader = new FileReader();
reader.onload = () => {
const src = reader.result as string;
editor.chain().focus().setImage({ src }).run();
};
//@ts-ignore
reader.readAsDataURL(file);
});
}
}}
/>
</Popover.Content>
</Popover.Root>
</Tooltip.Trigger>
<Tooltip.Content>
<p>Add Image</p>
</Tooltip.Content>
</Tooltip.Root>
</Tooltip.Provider>
<script lang="ts">
import { Image } from 'lucide-svelte';
import { ChevronDown } from 'lucide-svelte';
import { X } from 'lucide-svelte';
import { type Editor } from '@tiptap/core';
import * as Tooltip from '$lib/components/ui/tooltip/index.js';
import { Button } from '$lib/components/ui/button/index.js';
import * as Popover from '$lib/components/ui/popover/index.js';
import { Input } from '$lib/components/ui/input/index.js';
let { editor }: { editor: Editor } = $props();
</script>
<Tooltip.Provider>
<Tooltip.Root>
<Tooltip.Trigger>
<Popover.Root>
<Popover.Trigger>
<Button variant="ghost" size="sm" class="h-8">
<Image />
<ChevronDown class="size-3! text-muted-foreground" />
</Button>
</Popover.Trigger>
<Popover.Content class="bg-popover shadow-lg *:my-2">
<div class="flex items-center justify-between">
<h1 class="text-xl font-bold">Image</h1>
<Popover.Close>
<X class="size-4 text-muted-foreground" />
</Popover.Close>
</div>
<p>Insert image url</p>
<Input
placeholder="Enter image url..."
type="url"
onchange={(e) => {
if (e !== null && e.target !== null) {
//@ts-ignore
editor.chain().focus().setImage({ src: e.target.value }).run();
}
}}
class="w-full"
/>
<p>OR Pick an Image</p>
<Input
id="picture"
type="file"
accept="image/*"
multiple={false}
onchange={(e: Event) => {
//@ts-ignore
if (e.target && e.target.files) {
//@ts-ignore
const files = Array.from(e.target.files || []);
files.map((file) => {
const reader = new FileReader();
reader.onload = () => {
const src = reader.result as string;
editor.chain().focus().setImage({ src }).run();
};
//@ts-ignore
reader.readAsDataURL(file);
});
}
}}
/>
</Popover.Content>
</Popover.Root>
</Tooltip.Trigger>
<Tooltip.Content>
<p>Add Image</p>
</Tooltip.Content>
</Tooltip.Root>
</Tooltip.Provider>