fix: svelte gesture dep usage#365

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
sosweetham wants to merge 2 commits into from
Closed

fix: svelte gesture dep usage #365

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
c0230c4
fix: svelte gesture dep usage
sosweetham Oct 14, 2025
64ebfcb
fix: update lockfile
sosweetham Oct 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 0 additions & 2 deletions platforms/pictique/package.json
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -50,9 +50,7 @@
"vite": "^6.2.6"
},
"dependencies": {
"-": "^0.0.1",
"@sveltejs/adapter-node": "^5.2.12",
"D": "^1.0.0",
"axios": "^1.6.7",
"moment": "^2.30.1",
"svelte-qrcode": "^1.0.1",
Expand Down
26 changes: 14 additions & 12 deletions platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte
View file
Open in desktop
Original file line numberDiff line numberDiff line change
Expand Up@@ -3,8 +3,7 @@
import { CupertinoPane } from 'cupertino-pane';
import type { HTMLAttributes } from 'svelte/elements';
import { cn } from '$lib/utils';
import { swipe } from 'svelte-gestures';
import type { SwipeCustomEvent } from 'svelte-gestures';
import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';

@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Remove unused type imports.

GestureCustomEvent and SwipeCustomEvent are imported but not referenced anywhere in the code.

Apply this diff to remove the unused imports:

-	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';+	import { useSwipe } from 'svelte-gestures';
📝 Committable suggestion

‼️IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
import { useSwipe, typeGestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
import { useSwipe } from 'svelte-gestures';
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around line 6, the
import currently brings in unused type symbols GestureCustomEvent and
SwipeCustomEvent; remove those unused type imports so the line only imports
useSwipe (and any other actually used exports) to eliminate dead imports and
TypeScript lint warnings.


interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
drawer?: CupertinoPane;
Expand All@@ -19,11 +18,9 @@
if (drawer) drawer.destroy({ animate: true });
}

const handleDrawerSwipe = (event: SwipeCustomEvent) => {
if (event.detail.direction === ('down' as string)) {
drawer?.destroy({ animate: true });
}
};
function downSwipeHandler() {
drawer?.destroy({ animate: true });
}

onMount(() => {
if (!drawerElement) return;
Expand All@@ -48,11 +45,16 @@
<div
bind:this={drawerElement}
{...restProps}
use:swipe={() => ({
timeframe: 300,
minSwipeDistance: 60
})}
onswipe={handleDrawerSwipe}
{...useSwipe(
() => {},
() => ({
timeframe: 300,
minSwipeDistance: 60
}),
{
onswipedown: downSwipeHandler
}
)}
Comment on lines +48 to +57

@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical

🧩 Analysis chain

Verify the useSwipe API usage pattern.

The useSwipe call has an empty first parameter () => {} and wraps the configuration in a function. Confirm this matches the svelte-gestures API documentation for correct usage.

Please search the web to verify the correct useSwipe API signature:

🌐 Web query:

svelte-gestures useSwipe API documentation and usage examples

💡 Result:

Summary — useSwipe (svelte-gestures)

  • Import:
    import { useSwipe, type SwipeCustomEvent, type GestureCustomEvent } from 'svelte-gestures'. [1][2]

  • Hook signature / usage pattern:
    Spread the action result onto an element: {...useSwipe(handler, () => (options))}. The first arg is your event handler (receives a SwipeCustomEvent); second is a function that returns options. Example below. [1]

  • Events & detail payload:

    • Main event: "swipe" — event.detail contains at least: direction (string: 'left'|'right'|'up'|'down'), pointerType, target (HTMLElement). There are also per-phase events like swipeup / swiperight / swipedown / swipeleft and gesture-phase events with names like swipeup, swipedown, swipemove that carry GestureCustomEvent payload (includes native pointer event, pointersCount, x, y, target). [2][1]

  • Common options (examples shown in README):

    • timeframe: number (ms) — window in which movement counts as swipe.
    • minSwipeDistance (or minSwipe): number (px) — minimum distance required to trigger swipe.
    • touchAction: CSS touch-action to set on the element (e.g. 'none').
      (Options are passed via the options function you give to useSwipe.) [1][2]

Minimal example

<script lang="ts"> import { useSwipe, type SwipeCustomEvent } from 'svelte-gestures'; let dir: string | null = null; function handler(e: SwipeCustomEvent) { dir = e.detail.direction; // e.detail.pointerType, e.detail.target available } </script>
({ timeframe: 300, minSwipeDistance: 50, touchAction: 'none' }))}>
swipe direction: {dir}

References

  • svelte-gestures usage & useSwipe example (README / package docs). [1]
  • svelte-gestures npm page (API events, options notes). [2]

[1] svelte-gestures README / docs (usage example).
[2] svelte-gestures — npm package page (API events & options).

Remove unsupported third argument from useSwipe
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte (lines 48–57), call useSwipe(handler, () => options) only; move onswipedown={downSwipeHandler} into the element’s markup (e.g. <div on:swipedown={downSwipeHandler} {...useSwipe(...)}>).

🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around lines 48–57
the call to useSwipe incorrectly passes a third argument for onswipedown
(unsupported); change the invocation to useSwipe(() => {}, () => ({ timeframe:
300, minSwipeDistance: 60 })) and remove the third argument, then attach the
downSwipeHandler directly on the element that spreads useSwipe (e.g. add
on:swipedown={downSwipeHandler} to the wrapper div or the element receiving the
swipe directives) so the handler is invoked via Svelte event binding.

class={cn(restProps.class)}
>
<div class="h-[100%] overflow-y-scroll">
Expand Down
17 changes: 0 additions & 17 deletions pnpm-lock.yaml
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading
, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all 
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '

Skip to content
fix: svelte gesture dep usage#365

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

sosweetham
wants to merge
2
commits into

from

 Closed


fix: svelte gesture dep usage
#365
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
c0230c4

fix: svelte gesture dep usage


sosweetham Oct 14, 2025
64ebfcb

fix: update lockfile


sosweetham Oct 14, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


2 changes: 0 additions & 2 deletions
platforms/pictique/package.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -50,9 +50,7 @@
 "vite": "^6.2.6"
	},
	"dependencies": {
 "-": "^0.0.1",
 "@sveltejs/adapter-node": "^5.2.12",
 "D": "^1.0.0",
 "axios": "^1.6.7",
 "moment": "^2.30.1",
 "svelte-qrcode": "^1.0.1",
Expand Down

26 changes: 14 additions & 12 deletions
platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,8 +3,7 @@
	import { CupertinoPane } from 'cupertino-pane';
	import type { HTMLAttributes } from 'svelte/elements';
	import { cn } from '$lib/utils';
	import { swipe } from 'svelte-gestures';
	import type { SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor
Remove unused type imports.
GestureCustomEvent and SwipeCustomEvent are imported but not referenced anywhere in the code.
Apply this diff to remove the unused imports:
-	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';+	import { useSwipe } from 'svelte-gestures';
📝 Committable suggestion
‼️IMPORTANT

Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	import { useSwipe, typeGestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe } from 'svelte-gestures';
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around line 6, the
import currently brings in unused type symbols GestureCustomEvent and
SwipeCustomEvent; remove those unused type imports so the line only imports
useSwipe (and any other actually used exports) to eliminate dead imports and
TypeScript lint warnings.


	interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
 drawer?: CupertinoPane;
Expand All@@ -19,11 +18,9 @@
 if (drawer) drawer.destroy({ animate: true });
	}

	const handleDrawerSwipe = (event: SwipeCustomEvent) => {
 if (event.detail.direction === ('down' as string)) {
 drawer?.destroy({ animate: true });
 }
	};
	function downSwipeHandler() {
 drawer?.destroy({ animate: true });
	}

	onMount(() => {
 if (!drawerElement) return;
Expand All@@ -48,11 +45,16 @@
<div
	bind:this={drawerElement}
	{...restProps}
	use:swipe={() => ({
 timeframe: 300,
 minSwipeDistance: 60
	})}
	onswipe={handleDrawerSwipe}
	{...useSwipe(
 () => {},
 () => ({
 timeframe: 300,
 minSwipeDistance: 60
 }),
 {
 onswipedown: downSwipeHandler
 }
	)}

Comment on lines

+48
 to 
+57

@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical
🧩 Analysis chain
Verify the useSwipe API usage pattern.
The useSwipe call has an empty first parameter () => {} and wraps the configuration in a function. Confirm this matches the svelte-gestures API documentation for correct usage.
Please search the web to verify the correct useSwipe API signature:
🌐 Web query:
svelte-gestures useSwipe API documentation and usage examples

💡 Result:
Summary — useSwipe (svelte-gestures)
  • Import:
    
import { useSwipe, type SwipeCustomEvent, type GestureCustomEvent } from 'svelte-gestures'. [1][2]
  • Hook signature / usage pattern:
    
Spread the action result onto an element: {...useSwipe(handler, () => (options))}. The first arg is your event handler (receives a SwipeCustomEvent); second is a function that returns options. Example below. [1]
  • Events & detail payload:
    • Main event: "swipe" — event.detail contains at least: direction (string: 'left'|'right'|'up'|'down'), pointerType, target (HTMLElement). There are also per-phase events like swipeup / swiperight / swipedown / swipeleft and gesture-phase events with names like swipeup, swipedown, swipemove that carry GestureCustomEvent payload (includes native pointer event, pointersCount, x, y, target). [2][1]
  • Common options (examples shown in README):
    • timeframe: number (ms) — window in which movement counts as swipe.
    • minSwipeDistance (or minSwipe): number (px) — minimum distance required to trigger swipe.
    • touchAction: CSS touch-action to set on the element (e.g. 'none').
      
(Options are passed via the options function you give to useSwipe.) [1][2]
Minimal example

<script lang="ts">
import { useSwipe, type SwipeCustomEvent } from 'svelte-gestures';
let dir: string | null = null;
function handler(e: SwipeCustomEvent) {
dir = e.detail.direction;
// e.detail.pointerType, e.detail.target available
}
</script>

 ({ timeframe: 300, minSwipeDistance: 50, touchAction: 'none' }))}>

swipe direction: {dir}
References
  • svelte-gestures usage & useSwipe example (README / package docs). [1]
  • svelte-gestures npm page (API events, options notes). [2]
[1] svelte-gestures README / docs (usage example).

[2] svelte-gestures — npm package page (API events & options).
Remove unsupported third argument from useSwipe

In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte (lines 48–57), call useSwipe(handler, () => options) only; move onswipedown={downSwipeHandler} into the element’s markup (e.g. <div on:swipedown={downSwipeHandler} {...useSwipe(...)}>).
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around lines 48–57
the call to useSwipe incorrectly passes a third argument for onswipedown
(unsupported); change the invocation to useSwipe(() => {}, () => ({ timeframe:
300, minSwipeDistance: 60 })) and remove the third argument, then attach the
downSwipeHandler directly on the element that spreads useSwipe (e.g. add
on:swipedown={downSwipeHandler} to the wrapper div or the element receiving the
swipe directives) so the handler is invoked via Svelte event binding.

	class={cn(restProps.class)}
>
	<div class="h-[100%] overflow-y-scroll">
Expand Down

17 changes: 0 additions & 17 deletions
pnpm-lock.yaml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix");
}
} catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: svelte gesture dep usage#365

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

sosweetham
wants to merge
2
commits into

from

 Closed


fix: svelte gesture dep usage
#365
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
c0230c4

fix: svelte gesture dep usage


sosweetham Oct 14, 2025
64ebfcb

fix: update lockfile


sosweetham Oct 14, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


2 changes: 0 additions & 2 deletions
platforms/pictique/package.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -50,9 +50,7 @@
 "vite": "^6.2.6"
	},
	"dependencies": {
 "-": "^0.0.1",
 "@sveltejs/adapter-node": "^5.2.12",
 "D": "^1.0.0",
 "axios": "^1.6.7",
 "moment": "^2.30.1",
 "svelte-qrcode": "^1.0.1",
Expand Down

26 changes: 14 additions & 12 deletions
platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,8 +3,7 @@
	import { CupertinoPane } from 'cupertino-pane';
	import type { HTMLAttributes } from 'svelte/elements';
	import { cn } from '$lib/utils';
	import { swipe } from 'svelte-gestures';
	import type { SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor
Remove unused type imports.
GestureCustomEvent and SwipeCustomEvent are imported but not referenced anywhere in the code.
Apply this diff to remove the unused imports:
-	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';+	import { useSwipe } from 'svelte-gestures';
📝 Committable suggestion
‼️IMPORTANT

Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	import { useSwipe, typeGestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe } from 'svelte-gestures';
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around line 6, the
import currently brings in unused type symbols GestureCustomEvent and
SwipeCustomEvent; remove those unused type imports so the line only imports
useSwipe (and any other actually used exports) to eliminate dead imports and
TypeScript lint warnings.


	interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
 drawer?: CupertinoPane;
Expand All@@ -19,11 +18,9 @@
 if (drawer) drawer.destroy({ animate: true });
	}

	const handleDrawerSwipe = (event: SwipeCustomEvent) => {
 if (event.detail.direction === ('down' as string)) {
 drawer?.destroy({ animate: true });
 }
	};
	function downSwipeHandler() {
 drawer?.destroy({ animate: true });
	}

	onMount(() => {
 if (!drawerElement) return;
Expand All@@ -48,11 +45,16 @@
<div
	bind:this={drawerElement}
	{...restProps}
	use:swipe={() => ({
 timeframe: 300,
 minSwipeDistance: 60
	})}
	onswipe={handleDrawerSwipe}
	{...useSwipe(
 () => {},
 () => ({
 timeframe: 300,
 minSwipeDistance: 60
 }),
 {
 onswipedown: downSwipeHandler
 }
	)}

Comment on lines

+48
 to 
+57

@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical
🧩 Analysis chain
Verify the useSwipe API usage pattern.
The useSwipe call has an empty first parameter () => {} and wraps the configuration in a function. Confirm this matches the svelte-gestures API documentation for correct usage.
Please search the web to verify the correct useSwipe API signature:
🌐 Web query:
svelte-gestures useSwipe API documentation and usage examples

💡 Result:
Summary — useSwipe (svelte-gestures)
  • Import:
    
import { useSwipe, type SwipeCustomEvent, type GestureCustomEvent } from 'svelte-gestures'. [1][2]
  • Hook signature / usage pattern:
    
Spread the action result onto an element: {...useSwipe(handler, () => (options))}. The first arg is your event handler (receives a SwipeCustomEvent); second is a function that returns options. Example below. [1]
  • Events & detail payload:
    • Main event: "swipe" — event.detail contains at least: direction (string: 'left'|'right'|'up'|'down'), pointerType, target (HTMLElement). There are also per-phase events like swipeup / swiperight / swipedown / swipeleft and gesture-phase events with names like swipeup, swipedown, swipemove that carry GestureCustomEvent payload (includes native pointer event, pointersCount, x, y, target). [2][1]
  • Common options (examples shown in README):
    • timeframe: number (ms) — window in which movement counts as swipe.
    • minSwipeDistance (or minSwipe): number (px) — minimum distance required to trigger swipe.
    • touchAction: CSS touch-action to set on the element (e.g. 'none').
      
(Options are passed via the options function you give to useSwipe.) [1][2]
Minimal example

<script lang="ts">
import { useSwipe, type SwipeCustomEvent } from 'svelte-gestures';
let dir: string | null = null;
function handler(e: SwipeCustomEvent) {
dir = e.detail.direction;
// e.detail.pointerType, e.detail.target available
}
</script>

 ({ timeframe: 300, minSwipeDistance: 50, touchAction: 'none' }))}>

swipe direction: {dir}
References
  • svelte-gestures usage & useSwipe example (README / package docs). [1]
  • svelte-gestures npm page (API events, options notes). [2]
[1] svelte-gestures README / docs (usage example).

[2] svelte-gestures — npm package page (API events & options).
Remove unsupported third argument from useSwipe

In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte (lines 48–57), call useSwipe(handler, () => options) only; move onswipedown={downSwipeHandler} into the element’s markup (e.g. <div on:swipedown={downSwipeHandler} {...useSwipe(...)}>).
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around lines 48–57
the call to useSwipe incorrectly passes a third argument for onswipedown
(unsupported); change the invocation to useSwipe(() => {}, () => ({ timeframe:
300, minSwipeDistance: 60 })) and remove the third argument, then attach the
downSwipeHandler directly on the element that spreads useSwipe (e.g. add
on:swipedown={downSwipeHandler} to the wrapper div or the element receiving the
swipe directives) so the handler is invoked via Svelte event binding.

	class={cn(restProps.class)}
>
	<div class="h-[100%] overflow-y-scroll">
Expand Down

17 changes: 0 additions & 17 deletions
pnpm-lock.yaml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms");
}
} catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: svelte gesture dep usage#365

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

sosweetham
wants to merge
2
commits into

from

 Closed


fix: svelte gesture dep usage
#365
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
c0230c4

fix: svelte gesture dep usage


sosweetham Oct 14, 2025
64ebfcb

fix: update lockfile


sosweetham Oct 14, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


2 changes: 0 additions & 2 deletions
platforms/pictique/package.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -50,9 +50,7 @@
 "vite": "^6.2.6"
	},
	"dependencies": {
 "-": "^0.0.1",
 "@sveltejs/adapter-node": "^5.2.12",
 "D": "^1.0.0",
 "axios": "^1.6.7",
 "moment": "^2.30.1",
 "svelte-qrcode": "^1.0.1",
Expand Down

26 changes: 14 additions & 12 deletions
platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,8 +3,7 @@
	import { CupertinoPane } from 'cupertino-pane';
	import type { HTMLAttributes } from 'svelte/elements';
	import { cn } from '$lib/utils';
	import { swipe } from 'svelte-gestures';
	import type { SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor
Remove unused type imports.
GestureCustomEvent and SwipeCustomEvent are imported but not referenced anywhere in the code.
Apply this diff to remove the unused imports:
-	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';+	import { useSwipe } from 'svelte-gestures';
📝 Committable suggestion
‼️IMPORTANT

Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	import { useSwipe, typeGestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe } from 'svelte-gestures';
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around line 6, the
import currently brings in unused type symbols GestureCustomEvent and
SwipeCustomEvent; remove those unused type imports so the line only imports
useSwipe (and any other actually used exports) to eliminate dead imports and
TypeScript lint warnings.


	interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
 drawer?: CupertinoPane;
Expand All@@ -19,11 +18,9 @@
 if (drawer) drawer.destroy({ animate: true });
	}

	const handleDrawerSwipe = (event: SwipeCustomEvent) => {
 if (event.detail.direction === ('down' as string)) {
 drawer?.destroy({ animate: true });
 }
	};
	function downSwipeHandler() {
 drawer?.destroy({ animate: true });
	}

	onMount(() => {
 if (!drawerElement) return;
Expand All@@ -48,11 +45,16 @@
<div
	bind:this={drawerElement}
	{...restProps}
	use:swipe={() => ({
 timeframe: 300,
 minSwipeDistance: 60
	})}
	onswipe={handleDrawerSwipe}
	{...useSwipe(
 () => {},
 () => ({
 timeframe: 300,
 minSwipeDistance: 60
 }),
 {
 onswipedown: downSwipeHandler
 }
	)}

Comment on lines

+48
 to 
+57

@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical
🧩 Analysis chain
Verify the useSwipe API usage pattern.
The useSwipe call has an empty first parameter () => {} and wraps the configuration in a function. Confirm this matches the svelte-gestures API documentation for correct usage.
Please search the web to verify the correct useSwipe API signature:
🌐 Web query:
svelte-gestures useSwipe API documentation and usage examples

💡 Result:
Summary — useSwipe (svelte-gestures)
  • Import:
    
import { useSwipe, type SwipeCustomEvent, type GestureCustomEvent } from 'svelte-gestures'. [1][2]
  • Hook signature / usage pattern:
    
Spread the action result onto an element: {...useSwipe(handler, () => (options))}. The first arg is your event handler (receives a SwipeCustomEvent); second is a function that returns options. Example below. [1]
  • Events & detail payload:
    • Main event: "swipe" — event.detail contains at least: direction (string: 'left'|'right'|'up'|'down'), pointerType, target (HTMLElement). There are also per-phase events like swipeup / swiperight / swipedown / swipeleft and gesture-phase events with names like swipeup, swipedown, swipemove that carry GestureCustomEvent payload (includes native pointer event, pointersCount, x, y, target). [2][1]
  • Common options (examples shown in README):
    • timeframe: number (ms) — window in which movement counts as swipe.
    • minSwipeDistance (or minSwipe): number (px) — minimum distance required to trigger swipe.
    • touchAction: CSS touch-action to set on the element (e.g. 'none').
      
(Options are passed via the options function you give to useSwipe.) [1][2]
Minimal example

<script lang="ts">
import { useSwipe, type SwipeCustomEvent } from 'svelte-gestures';
let dir: string | null = null;
function handler(e: SwipeCustomEvent) {
dir = e.detail.direction;
// e.detail.pointerType, e.detail.target available
}
</script>

 ({ timeframe: 300, minSwipeDistance: 50, touchAction: 'none' }))}>

swipe direction: {dir}
References
  • svelte-gestures usage & useSwipe example (README / package docs). [1]
  • svelte-gestures npm page (API events, options notes). [2]
[1] svelte-gestures README / docs (usage example).

[2] svelte-gestures — npm package page (API events & options).
Remove unsupported third argument from useSwipe

In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte (lines 48–57), call useSwipe(handler, () => options) only; move onswipedown={downSwipeHandler} into the element’s markup (e.g. <div on:swipedown={downSwipeHandler} {...useSwipe(...)}>).
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around lines 48–57
the call to useSwipe incorrectly passes a third argument for onswipedown
(unsupported); change the invocation to useSwipe(() => {}, () => ({ timeframe:
300, minSwipeDistance: 60 })) and remove the third argument, then attach the
downSwipeHandler directly on the element that spreads useSwipe (e.g. add
on:swipedown={downSwipeHandler} to the wrapper div or the element receiving the
swipe directives) so the handler is invoked via Svelte event binding.

	class={cn(restProps.class)}
>
	<div class="h-[100%] overflow-y-scroll">
Expand Down

17 changes: 0 additions & 17 deletions
pnpm-lock.yaml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links");
}
} catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); }
})();
(function(){
try {
var __m = "youtube.com";
var __re = new RegExp('^' + "youtube\\.com" + '

Skip to content
fix: svelte gesture dep usage#365

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

sosweetham
wants to merge
2
commits into

from

 Closed


fix: svelte gesture dep usage
#365
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
c0230c4

fix: svelte gesture dep usage


sosweetham Oct 14, 2025
64ebfcb

fix: update lockfile


sosweetham Oct 14, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


2 changes: 0 additions & 2 deletions
platforms/pictique/package.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -50,9 +50,7 @@
 "vite": "^6.2.6"
	},
	"dependencies": {
 "-": "^0.0.1",
 "@sveltejs/adapter-node": "^5.2.12",
 "D": "^1.0.0",
 "axios": "^1.6.7",
 "moment": "^2.30.1",
 "svelte-qrcode": "^1.0.1",
Expand Down

26 changes: 14 additions & 12 deletions
platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,8 +3,7 @@
	import { CupertinoPane } from 'cupertino-pane';
	import type { HTMLAttributes } from 'svelte/elements';
	import { cn } from '$lib/utils';
	import { swipe } from 'svelte-gestures';
	import type { SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor
Remove unused type imports.
GestureCustomEvent and SwipeCustomEvent are imported but not referenced anywhere in the code.
Apply this diff to remove the unused imports:
-	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';+	import { useSwipe } from 'svelte-gestures';
📝 Committable suggestion
‼️IMPORTANT

Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	import { useSwipe, typeGestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe } from 'svelte-gestures';
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around line 6, the
import currently brings in unused type symbols GestureCustomEvent and
SwipeCustomEvent; remove those unused type imports so the line only imports
useSwipe (and any other actually used exports) to eliminate dead imports and
TypeScript lint warnings.


	interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
 drawer?: CupertinoPane;
Expand All@@ -19,11 +18,9 @@
 if (drawer) drawer.destroy({ animate: true });
	}

	const handleDrawerSwipe = (event: SwipeCustomEvent) => {
 if (event.detail.direction === ('down' as string)) {
 drawer?.destroy({ animate: true });
 }
	};
	function downSwipeHandler() {
 drawer?.destroy({ animate: true });
	}

	onMount(() => {
 if (!drawerElement) return;
Expand All@@ -48,11 +45,16 @@
<div
	bind:this={drawerElement}
	{...restProps}
	use:swipe={() => ({
 timeframe: 300,
 minSwipeDistance: 60
	})}
	onswipe={handleDrawerSwipe}
	{...useSwipe(
 () => {},
 () => ({
 timeframe: 300,
 minSwipeDistance: 60
 }),
 {
 onswipedown: downSwipeHandler
 }
	)}

Comment on lines

+48
 to 
+57

@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical
🧩 Analysis chain
Verify the useSwipe API usage pattern.
The useSwipe call has an empty first parameter () => {} and wraps the configuration in a function. Confirm this matches the svelte-gestures API documentation for correct usage.
Please search the web to verify the correct useSwipe API signature:
🌐 Web query:
svelte-gestures useSwipe API documentation and usage examples

💡 Result:
Summary — useSwipe (svelte-gestures)
  • Import:
    
import { useSwipe, type SwipeCustomEvent, type GestureCustomEvent } from 'svelte-gestures'. [1][2]
  • Hook signature / usage pattern:
    
Spread the action result onto an element: {...useSwipe(handler, () => (options))}. The first arg is your event handler (receives a SwipeCustomEvent); second is a function that returns options. Example below. [1]
  • Events & detail payload:
    • Main event: "swipe" — event.detail contains at least: direction (string: 'left'|'right'|'up'|'down'), pointerType, target (HTMLElement). There are also per-phase events like swipeup / swiperight / swipedown / swipeleft and gesture-phase events with names like swipeup, swipedown, swipemove that carry GestureCustomEvent payload (includes native pointer event, pointersCount, x, y, target). [2][1]
  • Common options (examples shown in README):
    • timeframe: number (ms) — window in which movement counts as swipe.
    • minSwipeDistance (or minSwipe): number (px) — minimum distance required to trigger swipe.
    • touchAction: CSS touch-action to set on the element (e.g. 'none').
      
(Options are passed via the options function you give to useSwipe.) [1][2]
Minimal example

<script lang="ts">
import { useSwipe, type SwipeCustomEvent } from 'svelte-gestures';
let dir: string | null = null;
function handler(e: SwipeCustomEvent) {
dir = e.detail.direction;
// e.detail.pointerType, e.detail.target available
}
</script>

 ({ timeframe: 300, minSwipeDistance: 50, touchAction: 'none' }))}>

swipe direction: {dir}
References
  • svelte-gestures usage & useSwipe example (README / package docs). [1]
  • svelte-gestures npm page (API events, options notes). [2]
[1] svelte-gestures README / docs (usage example).

[2] svelte-gestures — npm package page (API events & options).
Remove unsupported third argument from useSwipe

In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte (lines 48–57), call useSwipe(handler, () => options) only; move onswipedown={downSwipeHandler} into the element’s markup (e.g. <div on:swipedown={downSwipeHandler} {...useSwipe(...)}>).
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around lines 48–57
the call to useSwipe incorrectly passes a third argument for onswipedown
(unsupported); change the invocation to useSwipe(() => {}, () => ({ timeframe:
300, minSwipeDistance: 60 })) and remove the third argument, then attach the
downSwipeHandler directly on the element that spreads useSwipe (e.g. add
on:swipedown={downSwipeHandler} to the wrapper div or the element receiving the
swipe directives) so the handler is invoked via Svelte event binding.

	class={cn(restProps.class)}
>
	<div class="h-[100%] overflow-y-scroll">
Expand Down

17 changes: 0 additions & 17 deletions
pnpm-lock.yaml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default");
}
} catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: svelte gesture dep usage#365

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

sosweetham
wants to merge
2
commits into

from

 Closed


fix: svelte gesture dep usage
#365
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
c0230c4

fix: svelte gesture dep usage


sosweetham Oct 14, 2025
64ebfcb

fix: update lockfile


sosweetham Oct 14, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


2 changes: 0 additions & 2 deletions
platforms/pictique/package.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -50,9 +50,7 @@
 "vite": "^6.2.6"
	},
	"dependencies": {
 "-": "^0.0.1",
 "@sveltejs/adapter-node": "^5.2.12",
 "D": "^1.0.0",
 "axios": "^1.6.7",
 "moment": "^2.30.1",
 "svelte-qrcode": "^1.0.1",
Expand Down

26 changes: 14 additions & 12 deletions
platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,8 +3,7 @@
	import { CupertinoPane } from 'cupertino-pane';
	import type { HTMLAttributes } from 'svelte/elements';
	import { cn } from '$lib/utils';
	import { swipe } from 'svelte-gestures';
	import type { SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor
Remove unused type imports.
GestureCustomEvent and SwipeCustomEvent are imported but not referenced anywhere in the code.
Apply this diff to remove the unused imports:
-	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';+	import { useSwipe } from 'svelte-gestures';
📝 Committable suggestion
‼️IMPORTANT

Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	import { useSwipe, typeGestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe } from 'svelte-gestures';
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around line 6, the
import currently brings in unused type symbols GestureCustomEvent and
SwipeCustomEvent; remove those unused type imports so the line only imports
useSwipe (and any other actually used exports) to eliminate dead imports and
TypeScript lint warnings.


	interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
 drawer?: CupertinoPane;
Expand All@@ -19,11 +18,9 @@
 if (drawer) drawer.destroy({ animate: true });
	}

	const handleDrawerSwipe = (event: SwipeCustomEvent) => {
 if (event.detail.direction === ('down' as string)) {
 drawer?.destroy({ animate: true });
 }
	};
	function downSwipeHandler() {
 drawer?.destroy({ animate: true });
	}

	onMount(() => {
 if (!drawerElement) return;
Expand All@@ -48,11 +45,16 @@
<div
	bind:this={drawerElement}
	{...restProps}
	use:swipe={() => ({
 timeframe: 300,
 minSwipeDistance: 60
	})}
	onswipe={handleDrawerSwipe}
	{...useSwipe(
 () => {},
 () => ({
 timeframe: 300,
 minSwipeDistance: 60
 }),
 {
 onswipedown: downSwipeHandler
 }
	)}

Comment on lines

+48
 to 
+57

@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical
🧩 Analysis chain
Verify the useSwipe API usage pattern.
The useSwipe call has an empty first parameter () => {} and wraps the configuration in a function. Confirm this matches the svelte-gestures API documentation for correct usage.
Please search the web to verify the correct useSwipe API signature:
🌐 Web query:
svelte-gestures useSwipe API documentation and usage examples

💡 Result:
Summary — useSwipe (svelte-gestures)
  • Import:
    
import { useSwipe, type SwipeCustomEvent, type GestureCustomEvent } from 'svelte-gestures'. [1][2]
  • Hook signature / usage pattern:
    
Spread the action result onto an element: {...useSwipe(handler, () => (options))}. The first arg is your event handler (receives a SwipeCustomEvent); second is a function that returns options. Example below. [1]
  • Events & detail payload:
    • Main event: "swipe" — event.detail contains at least: direction (string: 'left'|'right'|'up'|'down'), pointerType, target (HTMLElement). There are also per-phase events like swipeup / swiperight / swipedown / swipeleft and gesture-phase events with names like swipeup, swipedown, swipemove that carry GestureCustomEvent payload (includes native pointer event, pointersCount, x, y, target). [2][1]
  • Common options (examples shown in README):
    • timeframe: number (ms) — window in which movement counts as swipe.
    • minSwipeDistance (or minSwipe): number (px) — minimum distance required to trigger swipe.
    • touchAction: CSS touch-action to set on the element (e.g. 'none').
      
(Options are passed via the options function you give to useSwipe.) [1][2]
Minimal example

<script lang="ts">
import { useSwipe, type SwipeCustomEvent } from 'svelte-gestures';
let dir: string | null = null;
function handler(e: SwipeCustomEvent) {
dir = e.detail.direction;
// e.detail.pointerType, e.detail.target available
}
</script>

 ({ timeframe: 300, minSwipeDistance: 50, touchAction: 'none' }))}>

swipe direction: {dir}
References
  • svelte-gestures usage & useSwipe example (README / package docs). [1]
  • svelte-gestures npm page (API events, options notes). [2]
[1] svelte-gestures README / docs (usage example).

[2] svelte-gestures — npm package page (API events & options).
Remove unsupported third argument from useSwipe

In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte (lines 48–57), call useSwipe(handler, () => options) only; move onswipedown={downSwipeHandler} into the element’s markup (e.g. <div on:swipedown={downSwipeHandler} {...useSwipe(...)}>).
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around lines 48–57
the call to useSwipe incorrectly passes a third argument for onswipedown
(unsupported); change the invocation to useSwipe(() => {}, () => ({ timeframe:
300, minSwipeDistance: 60 })) and remove the third argument, then attach the
downSwipeHandler directly on the element that spreads useSwipe (e.g. add
on:swipedown={downSwipeHandler} to the wrapper div or the element receiving the
swipe directives) so the handler is invoked via Svelte event binding.

	class={cn(restProps.class)}
>
	<div class="h-[100%] overflow-y-scroll">
Expand Down

17 changes: 0 additions & 17 deletions
pnpm-lock.yaml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers");
}
} catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); }
})();
(function(){
try {
var __m = "*";
var __re = new RegExp('^' + ".*" + '

Skip to content
fix: svelte gesture dep usage#365

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

sosweetham
wants to merge
2
commits into

from

 Closed


fix: svelte gesture dep usage
#365
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
c0230c4

fix: svelte gesture dep usage


sosweetham Oct 14, 2025
64ebfcb

fix: update lockfile


sosweetham Oct 14, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


2 changes: 0 additions & 2 deletions
platforms/pictique/package.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -50,9 +50,7 @@
 "vite": "^6.2.6"
	},
	"dependencies": {
 "-": "^0.0.1",
 "@sveltejs/adapter-node": "^5.2.12",
 "D": "^1.0.0",
 "axios": "^1.6.7",
 "moment": "^2.30.1",
 "svelte-qrcode": "^1.0.1",
Expand Down

26 changes: 14 additions & 12 deletions
platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,8 +3,7 @@
	import { CupertinoPane } from 'cupertino-pane';
	import type { HTMLAttributes } from 'svelte/elements';
	import { cn } from '$lib/utils';
	import { swipe } from 'svelte-gestures';
	import type { SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor
Remove unused type imports.
GestureCustomEvent and SwipeCustomEvent are imported but not referenced anywhere in the code.
Apply this diff to remove the unused imports:
-	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';+	import { useSwipe } from 'svelte-gestures';
📝 Committable suggestion
‼️IMPORTANT

Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	import { useSwipe, typeGestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe } from 'svelte-gestures';
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around line 6, the
import currently brings in unused type symbols GestureCustomEvent and
SwipeCustomEvent; remove those unused type imports so the line only imports
useSwipe (and any other actually used exports) to eliminate dead imports and
TypeScript lint warnings.


	interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
 drawer?: CupertinoPane;
Expand All@@ -19,11 +18,9 @@
 if (drawer) drawer.destroy({ animate: true });
	}

	const handleDrawerSwipe = (event: SwipeCustomEvent) => {
 if (event.detail.direction === ('down' as string)) {
 drawer?.destroy({ animate: true });
 }
	};
	function downSwipeHandler() {
 drawer?.destroy({ animate: true });
	}

	onMount(() => {
 if (!drawerElement) return;
Expand All@@ -48,11 +45,16 @@
<div
	bind:this={drawerElement}
	{...restProps}
	use:swipe={() => ({
 timeframe: 300,
 minSwipeDistance: 60
	})}
	onswipe={handleDrawerSwipe}
	{...useSwipe(
 () => {},
 () => ({
 timeframe: 300,
 minSwipeDistance: 60
 }),
 {
 onswipedown: downSwipeHandler
 }
	)}

Comment on lines

+48
 to 
+57

@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical
🧩 Analysis chain
Verify the useSwipe API usage pattern.
The useSwipe call has an empty first parameter () => {} and wraps the configuration in a function. Confirm this matches the svelte-gestures API documentation for correct usage.
Please search the web to verify the correct useSwipe API signature:
🌐 Web query:
svelte-gestures useSwipe API documentation and usage examples

💡 Result:
Summary — useSwipe (svelte-gestures)
  • Import:
    
import { useSwipe, type SwipeCustomEvent, type GestureCustomEvent } from 'svelte-gestures'. [1][2]
  • Hook signature / usage pattern:
    
Spread the action result onto an element: {...useSwipe(handler, () => (options))}. The first arg is your event handler (receives a SwipeCustomEvent); second is a function that returns options. Example below. [1]
  • Events & detail payload:
    • Main event: "swipe" — event.detail contains at least: direction (string: 'left'|'right'|'up'|'down'), pointerType, target (HTMLElement). There are also per-phase events like swipeup / swiperight / swipedown / swipeleft and gesture-phase events with names like swipeup, swipedown, swipemove that carry GestureCustomEvent payload (includes native pointer event, pointersCount, x, y, target). [2][1]
  • Common options (examples shown in README):
    • timeframe: number (ms) — window in which movement counts as swipe.
    • minSwipeDistance (or minSwipe): number (px) — minimum distance required to trigger swipe.
    • touchAction: CSS touch-action to set on the element (e.g. 'none').
      
(Options are passed via the options function you give to useSwipe.) [1][2]
Minimal example

<script lang="ts">
import { useSwipe, type SwipeCustomEvent } from 'svelte-gestures';
let dir: string | null = null;
function handler(e: SwipeCustomEvent) {
dir = e.detail.direction;
// e.detail.pointerType, e.detail.target available
}
</script>

 ({ timeframe: 300, minSwipeDistance: 50, touchAction: 'none' }))}>

swipe direction: {dir}
References
  • svelte-gestures usage & useSwipe example (README / package docs). [1]
  • svelte-gestures npm page (API events, options notes). [2]
[1] svelte-gestures README / docs (usage example).

[2] svelte-gestures — npm package page (API events & options).
Remove unsupported third argument from useSwipe

In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte (lines 48–57), call useSwipe(handler, () => options) only; move onswipedown={downSwipeHandler} into the element’s markup (e.g. <div on:swipedown={downSwipeHandler} {...useSwipe(...)}>).
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around lines 48–57
the call to useSwipe incorrectly passes a third argument for onswipedown
(unsupported); change the invocation to useSwipe(() => {}, () => ({ timeframe:
300, minSwipeDistance: 60 })) and remove the third argument, then attach the
downSwipeHandler directly on the element that spreads useSwipe (e.g. add
on:swipedown={downSwipeHandler} to the wrapper div or the element receiving the
swipe directives) so the handler is invoked via Svelte event binding.

	class={cn(restProps.class)}
>
	<div class="h-[100%] overflow-y-scroll">
Expand Down

17 changes: 0 additions & 17 deletions
pnpm-lock.yaml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading

, 'i');
if (__m === '*' || __re.test(location.href)) {
injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode");
}
} catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); }
})();
})();

Skip to content
fix: svelte gesture dep usage#365

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

 Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and
privacy statement. We’ll occasionally send you account related emails.

Already on GitHub?
Sign in
to your account

 Closed

sosweetham
wants to merge
2
commits into

from

 Closed


fix: svelte gesture dep usage
#365
Show file tree
Hide file tree
 Changes from all commits
Commits

Show all changes


2 commits


Select commit
Hold shift + click to select a range
c0230c4

fix: svelte gesture dep usage


sosweetham Oct 14, 2025
64ebfcb

fix: update lockfile


sosweetham Oct 14, 2025

File filter

Filter by extension
Filter by extension
Conversations

Failed to load comments. 
Loading
Jump to

Jump to file


Failed to load files. 
Loading
 Diff view

 Diff view


2 changes: 0 additions & 2 deletions
platforms/pictique/package.json

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -50,9 +50,7 @@
 "vite": "^6.2.6"
	},
	"dependencies": {
 "-": "^0.0.1",
 "@sveltejs/adapter-node": "^5.2.12",
 "D": "^1.0.0",
 "axios": "^1.6.7",
 "moment": "^2.30.1",
 "svelte-qrcode": "^1.0.1",
Expand Down

26 changes: 14 additions & 12 deletions
platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte

View file


Open in desktop

Original file line numberDiff line numberDiff line change
Expand Up@@ -3,8 +3,7 @@
	import { CupertinoPane } from 'cupertino-pane';
	import type { HTMLAttributes } from 'svelte/elements';
	import { cn } from '$lib/utils';
	import { swipe } from 'svelte-gestures';
	import type { SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor
Remove unused type imports.
GestureCustomEvent and SwipeCustomEvent are imported but not referenced anywhere in the code.
Apply this diff to remove the unused imports:
-	import { useSwipe, type GestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';+	import { useSwipe } from 'svelte-gestures';
📝 Committable suggestion
‼️IMPORTANT

Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change

	import { useSwipe, typeGestureCustomEvent, type SwipeCustomEvent } from 'svelte-gestures';
	import { useSwipe } from 'svelte-gestures';
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around line 6, the
import currently brings in unused type symbols GestureCustomEvent and
SwipeCustomEvent; remove those unused type imports so the line only imports
useSwipe (and any other actually used exports) to eliminate dead imports and
TypeScript lint warnings.


	interface IDrawerProps extends HTMLAttributes<HTMLDivElement> {
 drawer?: CupertinoPane;
Expand All@@ -19,11 +18,9 @@
 if (drawer) drawer.destroy({ animate: true });
	}

	const handleDrawerSwipe = (event: SwipeCustomEvent) => {
 if (event.detail.direction === ('down' as string)) {
 drawer?.destroy({ animate: true });
 }
	};
	function downSwipeHandler() {
 drawer?.destroy({ animate: true });
	}

	onMount(() => {
 if (!drawerElement) return;
Expand All@@ -48,11 +45,16 @@
<div
	bind:this={drawerElement}
	{...restProps}
	use:swipe={() => ({
 timeframe: 300,
 minSwipeDistance: 60
	})}
	onswipe={handleDrawerSwipe}
	{...useSwipe(
 () => {},
 () => ({
 timeframe: 300,
 minSwipeDistance: 60
 }),
 {
 onswipedown: downSwipeHandler
 }
	)}

Comment on lines

+48
 to 
+57

@coderabbitaicoderabbitaiBotOct 14, 2025

Copy link


Copy Markdown

Contributor
Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical
🧩 Analysis chain
Verify the useSwipe API usage pattern.
The useSwipe call has an empty first parameter () => {} and wraps the configuration in a function. Confirm this matches the svelte-gestures API documentation for correct usage.
Please search the web to verify the correct useSwipe API signature:
🌐 Web query:
svelte-gestures useSwipe API documentation and usage examples

💡 Result:
Summary — useSwipe (svelte-gestures)
  • Import:
    
import { useSwipe, type SwipeCustomEvent, type GestureCustomEvent } from 'svelte-gestures'. [1][2]
  • Hook signature / usage pattern:
    
Spread the action result onto an element: {...useSwipe(handler, () => (options))}. The first arg is your event handler (receives a SwipeCustomEvent); second is a function that returns options. Example below. [1]
  • Events & detail payload:
    • Main event: "swipe" — event.detail contains at least: direction (string: 'left'|'right'|'up'|'down'), pointerType, target (HTMLElement). There are also per-phase events like swipeup / swiperight / swipedown / swipeleft and gesture-phase events with names like swipeup, swipedown, swipemove that carry GestureCustomEvent payload (includes native pointer event, pointersCount, x, y, target). [2][1]
  • Common options (examples shown in README):
    • timeframe: number (ms) — window in which movement counts as swipe.
    • minSwipeDistance (or minSwipe): number (px) — minimum distance required to trigger swipe.
    • touchAction: CSS touch-action to set on the element (e.g. 'none').
      
(Options are passed via the options function you give to useSwipe.) [1][2]
Minimal example

<script lang="ts">
import { useSwipe, type SwipeCustomEvent } from 'svelte-gestures';
let dir: string | null = null;
function handler(e: SwipeCustomEvent) {
dir = e.detail.direction;
// e.detail.pointerType, e.detail.target available
}
</script>

 ({ timeframe: 300, minSwipeDistance: 50, touchAction: 'none' }))}>

swipe direction: {dir}
References
  • svelte-gestures usage & useSwipe example (README / package docs). [1]
  • svelte-gestures npm page (API events, options notes). [2]
[1] svelte-gestures README / docs (usage example).

[2] svelte-gestures — npm package page (API events & options).
Remove unsupported third argument from useSwipe

In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte (lines 48–57), call useSwipe(handler, () => options) only; move onswipedown={downSwipeHandler} into the element’s markup (e.g. <div on:swipedown={downSwipeHandler} {...useSwipe(...)}>).
🤖 Prompt for AI Agents
In platforms/pictique/src/lib/fragments/Drawer/Drawer.svelte around lines 48–57
the call to useSwipe incorrectly passes a third argument for onswipedown
(unsupported); change the invocation to useSwipe(() => {}, () => ({ timeframe:
300, minSwipeDistance: 60 })) and remove the third argument, then attach the
downSwipeHandler directly on the element that spreads useSwipe (e.g. add
on:swipedown={downSwipeHandler} to the wrapper div or the element receiving the
swipe directives) so the handler is invoked via Svelte event binding.

	class={cn(restProps.class)}
>
	<div class="h-[100%] overflow-y-scroll">
Expand Down

17 changes: 0 additions & 17 deletions
pnpm-lock.yaml

View file


Open in desktop


Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

Loading