From 2929d64fa00b569eab12f004ddb3e9fcbc751865 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Tue, 31 Mar 2026 18:07:28 +0300 Subject: [PATCH] chore(llm): improve TSX import skill --- apps/server/src/services/llm/skills/frontend_scripting.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/apps/server/src/services/llm/skills/frontend_scripting.md b/apps/server/src/services/llm/skills/frontend_scripting.md index 826f98dad9..dd59e608c3 100644 --- a/apps/server/src/services/llm/skills/frontend_scripting.md +++ b/apps/server/src/services/llm/skills/frontend_scripting.md @@ -4,6 +4,8 @@ Frontend scripts run in the browser. They can manipulate the UI, navigate notes, IMPORTANT: Always prefer Preact JSX widgets over legacy jQuery widgets. Use JSX code notes with `import`/`export` syntax. +CRITICAL: In JSX notes, always use top-level `import` statements (e.g. `import { useState } from "trilium:preact"`). NEVER use dynamic `await import()` for Preact imports — this will break hooks and components. Dynamic imports are not needed because JSX notes natively support ES module `import`/`export` syntax. + ## Creating a frontend script 1. Create a Code note with language "JSX" (preferred) or "JS frontend" (legacy only).