epilogue/blueprint
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

release

Browse source
This commit is contained in:
obvTiger 2025-01-21 14:00:09 +01:00
commit 47f67eea8c
43 changed files with 5819 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

1
extension/server/out/.tsbuildinfo Normal file
View file

File diff suppressed because one or more lines are too long

1
extension/server/out/server.d.ts vendored Normal file
View file

@ -0,0 +1 @@
export {};

223
extension/server/out/server.js Normal file
View file

@ -0,0 +1,223 @@
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const node_1 = require("vscode-languageserver/node");
const vscode_languageserver_textdocument_1 = require("vscode-languageserver-textdocument");
// Create a connection for the server
const connection = (0, node_1.createConnection)(node_1.ProposedFeatures.all);
// Create a text document manager
const documents = new node_1.TextDocuments(vscode_languageserver_textdocument_1.TextDocument);
// Blueprint template
const blueprintTemplate = `page {
title { "$1" }
description { "$2" }
keywords { "$3" }
author { "$4" }
}
navbar {
horizontal {
link(href:$5) { text(bold) { "$6" } }
links {
link(href:$7) { "$8" }
link(href:$9) { "$10" }
link(href:$11) { "$12" }
}
}
}
horizontal(centered) {
vertical(centered) {
title(huge,margin:0) { "$13" }
text(subtle,margin:0) { "$14" }
}
}`;
// Blueprint elements that can be used
const elements = [
'section', 'grid', 'horizontal', 'vertical', 'title', 'text',
'link', 'links', 'button', 'button-light', 'button-secondary', 'button-compact',
'card', 'badge', 'alert', 'tooltip', 'input', 'textarea', 'select',
'checkbox', 'radio', 'switch', 'list', 'table', 'progress', 'slider'
];
// Single instance elements
const singleElements = ['page', 'navbar'];
// Blueprint properties
const properties = [
'wide', 'centered', 'alternate', 'padding', 'margin', 'columns', 'responsive',
'gap', 'spaced', 'huge', 'large', 'small', 'tiny', 'bold', 'light', 'normal',
'italic', 'underline', 'strike', 'uppercase', 'lowercase', 'capitalize',
'subtle', 'accent', 'error', 'success', 'warning', 'hover-scale', 'hover-raise',
'hover-glow', 'hover-underline', 'hover-fade', 'focus-glow', 'focus-outline',
'focus-scale', 'active-scale', 'active-color', 'active-raise', 'mobile-stack',
'mobile-hide', 'tablet-wrap', 'tablet-hide', 'desktop-wide', 'desktop-hide'
];
// Page configuration properties
const pageProperties = ['title', 'description', 'keywords', 'author'];
// Container elements that can have children
const containerElements = [
'horizontal', 'vertical', 'section', 'grid', 'navbar',
'links', 'card'
];
connection.onInitialize((params) => {
const result = {
capabilities: {
textDocumentSync: node_1.TextDocumentSyncKind.Incremental,
completionProvider: {
resolveProvider: false,
triggerCharacters: ['{', '(', ' ', '!']
}
}
};
return result;
});
// Check if an element exists in the document
function elementExists(text, element) {
const regex = new RegExp(`\\b${element}\\s*{`, 'i');
return regex.test(text);
}
// This handler provides the initial list of completion items.
connection.onCompletion((textDocumentPosition) => {
const document = documents.get(textDocumentPosition.textDocument.uri);
if (!document) {
return [];
}
const text = document.getText();
const lines = text.split('\n');
const position = textDocumentPosition.position;
const line = lines[position.line];
const linePrefix = line.slice(0, position.character);
// Check if this is a template completion trigger
if (linePrefix.trim() === '!') {
return [{
label: '!blueprint',
kind: node_1.CompletionItemKind.Snippet,
insertText: blueprintTemplate,
insertTextFormat: node_1.InsertTextFormat.Snippet,
documentation: 'Insert Blueprint starter template with customizable placeholders',
preselect: true,
// Add a command to delete the '!' character
additionalTextEdits: [{
range: {
start: { line: position.line, character: linePrefix.indexOf('!') },
end: { line: position.line, character: linePrefix.indexOf('!') + 1 }
},
newText: ''
}]
}];
}
// Inside page block
if (text.includes('page {') && !text.includes('}')) {
return pageProperties.map(prop => ({
label: prop,
kind: node_1.CompletionItemKind.Property,
insertText: `${prop} { "$1" }`,
insertTextFormat: node_1.InsertTextFormat.Snippet,
documentation: `Add ${prop} to the page configuration`
}));
}
// After an opening parenthesis, suggest properties
if (linePrefix.trim().endsWith('(')) {
return properties.map(prop => ({
label: prop,
kind: node_1.CompletionItemKind.Property,
documentation: `Apply ${prop} property`
}));
}
// After a container element's opening brace, suggest child elements
const containerMatch = /\b(horizontal|vertical|section|grid|navbar|links|card)\s*{\s*$/.exec(linePrefix);
if (containerMatch) {
const parentElement = containerMatch[1];
let suggestedElements = elements;
// Customize suggestions based on parent element
switch (parentElement) {
case 'navbar':
suggestedElements = ['horizontal', 'vertical', 'link', 'links', 'text'];
break;
case 'links':
suggestedElements = ['link'];
break;
case 'card':
suggestedElements = ['title', 'text', 'button', 'image'];
break;
}
return suggestedElements.map(element => ({
label: element,
kind: node_1.CompletionItemKind.Class,
insertText: `${element} {\n $1\n}`,
insertTextFormat: node_1.InsertTextFormat.Snippet,
documentation: `Create a ${element} block inside ${parentElement}`
}));
}
// Get available single instance elements
const availableSingleElements = singleElements.filter(element => !elementExists(text, element));
// Combine regular elements with available single instance elements
const availableElements = [
...elements,
...availableSingleElements
];
// Default: suggest elements
return availableElements.map(element => {
const isPage = element === 'page';
const insertText = isPage ?
'page {\n title { "$1" }\n description { "$2" }\n keywords { "$3" }\n author { "$4" }\n}' :
`${element} {\n $1\n}`;
return {
label: element,
kind: node_1.CompletionItemKind.Class,
insertText: insertText,
insertTextFormat: node_1.InsertTextFormat.Snippet,
documentation: `Create a ${element} block${isPage ? ' (only one allowed per file)' : ''}`
};
});
});
// Find all occurrences of an element in the document
function findElementOccurrences(text, element) {
const occurrences = [];
const lines = text.split('\n');
const regex = new RegExp(`\\b(${element})\\s*{`, 'g');
lines.forEach((line, lineIndex) => {
let match;
while ((match = regex.exec(line)) !== null) {
const startChar = match.index;
const endChar = match.index + match[1].length;
occurrences.push({
start: { line: lineIndex, character: startChar },
end: { line: lineIndex, character: endChar }
});
}
});
return occurrences;
}
// Validate the document for duplicate elements
function validateDocument(document) {
const text = document.getText();
const diagnostics = [];
// Check for duplicate single instance elements
singleElements.forEach(element => {
const occurrences = findElementOccurrences(text, element);
if (occurrences.length > 1) {
// Add diagnostic for each duplicate occurrence (skip the first one)
occurrences.slice(1).forEach(occurrence => {
diagnostics.push({
severity: node_1.DiagnosticSeverity.Error,
range: node_1.Range.create(occurrence.start, occurrence.end),
message: `Only one ${element} element is allowed per file.`,
source: 'blueprint'
});
});
}
});
// Send the diagnostics to the client
connection.sendDiagnostics({ uri: document.uri, diagnostics });
}
// Set up document validation events
documents.onDidChangeContent((change) => {
validateDocument(change.document);
});
documents.onDidOpen((event) => {
validateDocument(event.document);
});
// Make the text document manager listen on the connection
documents.listen(connection);
// Listen on the connection
connection.listen();
//# sourceMappingURL=server.js.map

1
extension/server/out/server.js.map Normal file
View file

File diff suppressed because one or more lines are too long

271
extension/server/src/server.ts Normal file
View file

@ -0,0 +1,271 @@
import {
createConnection,
TextDocuments,
ProposedFeatures,
InitializeParams,
TextDocumentSyncKind,
InitializeResult,
CompletionItem,
CompletionItemKind,
TextDocumentPositionParams,
InsertTextFormat,
Diagnostic,
DiagnosticSeverity,
Position,
Range,
TextDocumentChangeEvent
} from 'vscode-languageserver/node';
import { TextDocument } from 'vscode-languageserver-textdocument';
// Create a connection for the server
const connection = createConnection(ProposedFeatures.all);
// Create a text document manager
const documents: TextDocuments<TextDocument> = new TextDocuments(TextDocument);
// Blueprint template
const blueprintTemplate = `page {
title { "$1" }
description { "$2" }
keywords { "$3" }
author { "$4" }
}
navbar {
horizontal {
link(href:$5) { text(bold) { "$6" } }
links {
link(href:$7) { "$8" }
link(href:$9) { "$10" }
link(href:$11) { "$12" }
}
}
}
horizontal(centered) {
vertical(centered) {
title(huge,margin:0) { "$13" }
text(subtle,margin:0) { "$14" }
}
}`;
// Blueprint elements that can be used
const elements = [
'section', 'grid', 'horizontal', 'vertical', 'title', 'text',
'link', 'links', 'button', 'button-light', 'button-secondary', 'button-compact',
'card', 'badge', 'alert', 'tooltip', 'input', 'textarea', 'select',
'checkbox', 'radio', 'switch', 'list', 'table', 'progress', 'slider'
];
// Single instance elements
const singleElements = ['page', 'navbar'];
// Blueprint properties
const properties = [
'wide', 'centered', 'alternate', 'padding', 'margin', 'columns', 'responsive',
'gap', 'spaced', 'huge', 'large', 'small', 'tiny', 'bold', 'light', 'normal',
'italic', 'underline', 'strike', 'uppercase', 'lowercase', 'capitalize',
'subtle', 'accent', 'error', 'success', 'warning', 'hover-scale', 'hover-raise',
'hover-glow', 'hover-underline', 'hover-fade', 'focus-glow', 'focus-outline',
'focus-scale', 'active-scale', 'active-color', 'active-raise', 'mobile-stack',
'mobile-hide', 'tablet-wrap', 'tablet-hide', 'desktop-wide', 'desktop-hide'
];
// Page configuration properties
const pageProperties = ['title', 'description', 'keywords', 'author'];
// Container elements that can have children
const containerElements = [
'horizontal', 'vertical', 'section', 'grid', 'navbar',
'links', 'card'
];
connection.onInitialize((params: InitializeParams) => {
const result: InitializeResult = {
capabilities: {
textDocumentSync: TextDocumentSyncKind.Incremental,
completionProvider: {
resolveProvider: false,
triggerCharacters: ['{', '(', ' ', '!']
}
}
};
return result;
});
// Check if an element exists in the document
function elementExists(text: string, element: string): boolean {
const regex = new RegExp(`\\b${element}\\s*{`, 'i');
return regex.test(text);
}
// This handler provides the initial list of completion items.
connection.onCompletion(
(textDocumentPosition: TextDocumentPositionParams): CompletionItem[] => {
const document = documents.get(textDocumentPosition.textDocument.uri);
if (!document) {
return [];
}
const text = document.getText();
const lines = text.split('\n');
const position = textDocumentPosition.position;
const line = lines[position.line];
const linePrefix = line.slice(0, position.character);
// Check if this is a template completion trigger
if (linePrefix.trim() === '!') {
return [{
label: '!blueprint',
kind: CompletionItemKind.Snippet,
insertText: blueprintTemplate,
insertTextFormat: InsertTextFormat.Snippet,
documentation: 'Insert Blueprint starter template with customizable placeholders',
preselect: true,
// Add a command to delete the '!' character
additionalTextEdits: [{
range: {
start: { line: position.line, character: linePrefix.indexOf('!') },
end: { line: position.line, character: linePrefix.indexOf('!') + 1 }
},
newText: ''
}]
}];
}
// Inside page block
if (text.includes('page {') && !text.includes('}')) {
return pageProperties.map(prop => ({
label: prop,
kind: CompletionItemKind.Property,
insertText: `${prop} { "$1" }`,
insertTextFormat: InsertTextFormat.Snippet,
documentation: `Add ${prop} to the page configuration`
}));
}
// After an opening parenthesis, suggest properties
if (linePrefix.trim().endsWith('(')) {
return properties.map(prop => ({
label: prop,
kind: CompletionItemKind.Property,
documentation: `Apply ${prop} property`
}));
}
// After a container element's opening brace, suggest child elements
const containerMatch = /\b(horizontal|vertical|section|grid|navbar|links|card)\s*{\s*$/.exec(linePrefix);
if (containerMatch) {
const parentElement = containerMatch[1];
let suggestedElements = elements;
// Customize suggestions based on parent element
switch (parentElement) {
case 'navbar':
suggestedElements = ['horizontal', 'vertical', 'link', 'links', 'text'];
break;
case 'links':
suggestedElements = ['link'];
break;
case 'card':
suggestedElements = ['title', 'text', 'button', 'image'];
break;
}
return suggestedElements.map(element => ({
label: element,
kind: CompletionItemKind.Class,
insertText: `${element} {\n $1\n}`,
insertTextFormat: InsertTextFormat.Snippet,
documentation: `Create a ${element} block inside ${parentElement}`
}));
}
// Get available single instance elements
const availableSingleElements = singleElements.filter(element => !elementExists(text, element));
// Combine regular elements with available single instance elements
const availableElements = [
...elements,
...availableSingleElements
];
// Default: suggest elements
return availableElements.map(element => {
const isPage = element === 'page';
const insertText = isPage ?
'page {\n title { "$1" }\n description { "$2" }\n keywords { "$3" }\n author { "$4" }\n}' :
`${element} {\n $1\n}`;
return {
label: element,
kind: CompletionItemKind.Class,
insertText: insertText,
insertTextFormat: InsertTextFormat.Snippet,
documentation: `Create a ${element} block${isPage ? ' (only one allowed per file)' : ''}`
};
});
}
);
// Find all occurrences of an element in the document
function findElementOccurrences(text: string, element: string): { start: Position; end: Position; }[] {
const occurrences: { start: Position; end: Position; }[] = [];
const lines = text.split('\n');
const regex = new RegExp(`\\b(${element})\\s*{`, 'g');
lines.forEach((line, lineIndex) => {
let match;
while ((match = regex.exec(line)) !== null) {
const startChar = match.index;
const endChar = match.index + match[1].length;
occurrences.push({
start: { line: lineIndex, character: startChar },
end: { line: lineIndex, character: endChar }
});
}
});
return occurrences;
}
// Validate the document for duplicate elements
function validateDocument(document: TextDocument): void {
const text = document.getText();
const diagnostics: Diagnostic[] = [];
// Check for duplicate single instance elements
singleElements.forEach(element => {
const occurrences = findElementOccurrences(text, element);
if (occurrences.length > 1) {
// Add diagnostic for each duplicate occurrence (skip the first one)
occurrences.slice(1).forEach(occurrence => {
diagnostics.push({
severity: DiagnosticSeverity.Error,
range: Range.create(occurrence.start, occurrence.end),
message: `Only one ${element} element is allowed per file.`,
source: 'blueprint'
});
});
}
});
// Send the diagnostics to the client
connection.sendDiagnostics({ uri: document.uri, diagnostics });
}
// Set up document validation events
documents.onDidChangeContent((change: TextDocumentChangeEvent<TextDocument>) => {
validateDocument(change.document);
});
documents.onDidOpen((event: TextDocumentChangeEvent<TextDocument>) => {
validateDocument(event.document);
});
// Make the text document manager listen on the connection
documents.listen(connection);
// Listen on the connection
connection.listen();

16
extension/server/tsconfig.json Normal file
View file

@ -0,0 +1,16 @@
{
"compilerOptions": {
"target": "es2020",
"lib": ["es2020"],
"module": "commonjs",
"moduleResolution": "node",
"sourceMap": true,
"strict": true,
"outDir": "out",
"rootDir": "src",
"composite": true,
"tsBuildInfoFile": "./out/.tsbuildinfo"
},
"include": ["src"],
"exclude": ["node_modules", ".vscode-test"]
}