Mike/freno-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

minor changes

Browse Source
This commit is contained in:
Michael Freno
2026-01-03 09:36:27 -05:00
parent df3119d51e
commit 36664b24b2
2 changed files with 16 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/blog/TextEditor.tsx
View File

@@ -54,7 +54,7 @@ import ruby from "highlight.js/lib/languages/ruby";
import swift from "highlight.js/lib/languages/swift"; import swift from "highlight.js/lib/languages/swift";
import kotlin from "highlight.js/lib/languages/kotlin"; import kotlin from "highlight.js/lib/languages/kotlin";
import dockerfile from "highlight.js/lib/languages/dockerfile"; import dockerfile from "highlight.js/lib/languages/dockerfile";
import { BREAKPOINTS } from "~/config"; import { BREAKPOINTS, MOBILE_CONFIG, TEXT_EDITOR_CONFIG } from "~/config";
const lowlight = createLowlight(common); const lowlight = createLowlight(common);
@@ -370,8 +370,6 @@ const IframeEmbed = Node.create<IframeOptions>({
}; };
} }
}); });
const CONTEXT_SIZE = 512; // Characters before/after cursor for context for llm infill
const SWIPE_THRESHOLD = 100; // Swipe distance threshold in pixels (matches app.tsx)
// Custom Reference mark extension // Custom Reference mark extension
import { Extension } from "@tiptap/core"; import { Extension } from "@tiptap/core";
@@ -1417,7 +1415,6 @@ export default function TextEditor(props: TextEditorProps) {
} }
}; };
// Extract editor context for LLM infill (CONTEXT_SIZE chars before/after cursor)
const getEditorContext = (): { const getEditorContext = (): {
prefix: string; prefix: string;
suffix: string; suffix: string;
@@ -1453,12 +1450,12 @@ export default function TextEditor(props: TextEditorProps) {
if (text.length === 0) return null; if (text.length === 0) return null;
const prefix = text.slice( const prefix = text.slice(
Math.max(0, textOffset - CONTEXT_SIZE), Math.max(0, textOffset - TEXT_EDITOR_CONFIG.CONTEXT_SIZE),
textOffset textOffset
); );
const suffix = text.slice( const suffix = text.slice(
textOffset, textOffset,
Math.min(text.length, textOffset + CONTEXT_SIZE) Math.min(text.length, textOffset + TEXT_EDITOR_CONFIG.CONTEXT_SIZE)
); );
return { return {
@@ -1664,7 +1661,7 @@ export default function TextEditor(props: TextEditorProps) {
!hasSuggestion() || !hasSuggestion() ||
!isFullscreen() || !isFullscreen() ||
typeof window === "undefined" || typeof window === "undefined" ||
window.innerWidth >= BREAKPOINTS.MOBILE window.innerWidth >= BREAKPOINTS.MOBILE_MAX_WIDTH
) { ) {
return false; return false;
} }
@@ -1677,7 +1674,7 @@ export default function TextEditor(props: TextEditorProps) {
// Check if horizontal swipe is dominant // Check if horizontal swipe is dominant
if (Math.abs(deltaX) > Math.abs(deltaY)) { if (Math.abs(deltaX) > Math.abs(deltaY)) {
// Swipe right - accept full suggestion // Swipe right - accept full suggestion
if (deltaX > SWIPE_THRESHOLD) { if (deltaX > MOBILE_CONFIG.SWIPE_THRESHOLD) {
event.preventDefault(); event.preventDefault();
acceptFull(); acceptFull();
return true; return true;
@@ -1738,7 +1735,7 @@ export default function TextEditor(props: TextEditorProps) {
if (infillConfig() && !isInitialLoad && infillEnabled()) { if (infillConfig() && !isInitialLoad && infillEnabled()) {
const isMobileNotFullscreen = const isMobileNotFullscreen =
typeof window !== "undefined" && typeof window !== "undefined" &&
window.innerWidth < BREAKPOINTS.MOBILE && window.innerWidth < BREAKPOINTS.MOBILE_MAX_WIDTH &&
!isFullscreen(); !isFullscreen();
// Skip auto-infill on mobile when not in fullscreen // Skip auto-infill on mobile when not in fullscreen
@@ -4096,9 +4093,9 @@ export default function TextEditor(props: TextEditorProps) {
type="button" type="button"
onClick={() => { onClick={() => {
setInfillEnabled(!infillEnabled()); setInfillEnabled(!infillEnabled());
// Clear any existing suggestion when disabled
if (!infillEnabled()) { if (!infillEnabled()) {
setCurrentSuggestion(""); setCurrentSuggestion("");
setIsInfillLoading(false);
} }
}} }}
class={`${ class={`${
@@ -4109,7 +4106,7 @@ export default function TextEditor(props: TextEditorProps) {
title={ title={
infillEnabled() infillEnabled()
? typeof window !== "undefined" && ? typeof window !== "undefined" &&
window.innerWidth < BREAKPOINTS.MOBILE window.innerWidth < BREAKPOINTS.MOBILE_MAX_WIDTH
? "AI Autocomplete: ON (swipe right to accept full)" ? "AI Autocomplete: ON (swipe right to accept full)"
: "AI Autocomplete: ON (Ctrl/Cmd+Space to trigger manually)" : "AI Autocomplete: ON (Ctrl/Cmd+Space to trigger manually)"
: "AI Autocomplete: OFF (Click to enable)" : "AI Autocomplete: OFF (Click to enable)"

8
src/config.ts
View File

@@ -238,6 +238,14 @@ export const MOBILE_CONFIG = {
SWIPE_THRESHOLD: 50 SWIPE_THRESHOLD: 50
} as const; } as const;
// ============================================================
// UI/UX - TEXT EDITOR
// ============================================================
export const TEXT_EDITOR_CONFIG = {
CONTEXT_SIZE: 256
} as const;
// ============================================================ // ============================================================
// VALIDATION // VALIDATION
// ============================================================ // ============================================================