mirror of
https://github.com/eliasstepanik/strudel-docker.git
synced 2026-01-11 21:58:31 +00:00
79 lines
2.4 KiB
JavaScript
79 lines
2.4 KiB
JavaScript
import jsdoc from '../../doc.json';
|
|
// import { javascriptLanguage } from '@codemirror/lang-javascript';
|
|
import { autocompletion } from '@codemirror/autocomplete';
|
|
import { h } from './html';
|
|
|
|
const getDocLabel = (doc) => doc.name || doc.longname;
|
|
const getInnerText = (html) => {
|
|
var div = document.createElement('div');
|
|
div.innerHTML = html;
|
|
return div.textContent || div.innerText || '';
|
|
};
|
|
|
|
export function Autocomplete({ doc, label }) {
|
|
return h`<div class="prose dark:prose-invert max-h-[400px] overflow-auto p-2">
|
|
<h1 class="pt-0 mt-0">${label || getDocLabel(doc)}</h1>
|
|
${doc.description}
|
|
<ul>
|
|
${doc.params?.map(
|
|
({ name, type, description }) =>
|
|
`<li>${name} : ${type.names?.join(' | ')} ${description ? ` - ${getInnerText(description)}` : ''}</li>`,
|
|
)}
|
|
</ul>
|
|
<div>
|
|
${doc.examples?.map((example) => `<div><pre>${example}</pre></div>`)}
|
|
</div>
|
|
</div>`[0];
|
|
/*
|
|
<pre
|
|
className="cursor-pointer"
|
|
onMouseDown={(e) => {
|
|
console.log('ola!');
|
|
navigator.clipboard.writeText(example);
|
|
e.stopPropagation();
|
|
}}
|
|
>
|
|
{example}
|
|
</pre>
|
|
*/
|
|
}
|
|
|
|
const jsdocCompletions = jsdoc.docs
|
|
.filter(
|
|
(doc) =>
|
|
getDocLabel(doc) &&
|
|
!getDocLabel(doc).startsWith('_') &&
|
|
!['package'].includes(doc.kind) &&
|
|
!['superdirtOnly', 'noAutocomplete'].some((tag) => doc.tags?.find((t) => t.originalTitle === tag)),
|
|
)
|
|
// https://codemirror.net/docs/ref/#autocomplete.Completion
|
|
.map((doc) /*: Completion */ => ({
|
|
label: getDocLabel(doc),
|
|
// detail: 'xxx', // An optional short piece of information to show (with a different style) after the label.
|
|
info: () => Autocomplete({ doc }),
|
|
type: 'function', // https://codemirror.net/docs/ref/#autocomplete.Completion.type
|
|
}));
|
|
|
|
export const strudelAutocomplete = (context /* : CompletionContext */) => {
|
|
let word = context.matchBefore(/\w*/);
|
|
if (word.from == word.to && !context.explicit) return null;
|
|
return {
|
|
from: word.from,
|
|
options: jsdocCompletions,
|
|
/* options: [
|
|
{ label: 'match', type: 'keyword' },
|
|
{ label: 'hello', type: 'variable', info: '(World)' },
|
|
{ label: 'magic', type: 'text', apply: '⠁⭒*.✩.*⭒⠁', detail: 'macro' },
|
|
], */
|
|
};
|
|
};
|
|
|
|
export function isAutoCompletionEnabled(on) {
|
|
return on
|
|
? [
|
|
autocompletion({ override: [strudelAutocomplete] }),
|
|
//javascriptLanguage.data.of({ autocomplete: strudelAutocomplete }),
|
|
]
|
|
: []; // autocompletion({ override: [] })
|
|
}
|