"); + + var positionStyle = _absolutePosition > 0 ? $"margin-left: {_absolutePosition}px;" : ""; + + _content.AppendLine($"{escapedText}"); + + _absolutePosition = 0; + + return Task.CompletedTask; + } + + ///
✂️
");
+ return Task.CompletedTask;
+ }
+
+ ///
+{_content}
+
+
+";
+ }
+
+ private static string EscapeHtml(string text)
+ {
+ return text
+ .Replace("&", "&")
+ .Replace("<", "<")
+ .Replace(">", ">")
+ .Replace("\"", """)
+ .Replace("'", "'");
+ }
+
+ private void EnsureConnected()
+ {
+ if (!_isConnected)
+ {
+ throw new EpsonConnectionException("Not connected. Call ConnectAsync first.");
+ }
+ }
+
+ #endregion
+}
diff --git a/Inspectron.Epson/PrintServer/PrintServices/IPrinter.cs b/Inspectron.Epson/PrintServer/PrintServices/IPrinter.cs
index 296e07a..e86da58 100644
--- a/Inspectron.Epson/PrintServer/PrintServices/IPrinter.cs
+++ b/Inspectron.Epson/PrintServer/PrintServices/IPrinter.cs
@@ -6,7 +6,6 @@ public interface IPrinter
{
public Task InitAsync();
public Task PrintImageAsync(string path);
- public Task SetFontSizeAsync(int fontSize);
public Task PrintAsync(List
+
+
+
+
+@code {
+ private StandaloneCodeEditor _editor = null!;
+ private string _editorContent = "";
+ private string? _loadedJsonFile;
+ private readonly TemplateCompletionProvider _completionProvider = new();
+
+ private StandaloneEditorConstructionOptions EditorConstructionOptions(StandaloneCodeEditor editor)
+ {
+ return new StandaloneEditorConstructionOptions
+ {
+ AutomaticLayout = true,
+ Language = "receipt-xml",
+ Theme = "receipt-dark"
+ };
+ }
+
+ private async Task OnEditorInitAsync()
+ {
+ // Register custom language and theme
+ await JSRuntime.InvokeVoidAsync("receiptLanguage.register");
+ await JSRuntime.InvokeVoidAsync("receiptLanguage.defineTheme");
+
+ // Apply the theme now that it's defined
+ await BlazorMonaco.Editor.Global.SetTheme(JSRuntime, "receipt-dark");
+
+ // Wire up content accessor for the completion provider
+ _completionProvider.SetEditorContentAccessor(() => _editorContent);
+
+ // Register completion provider
+ await BlazorMonaco.Languages.Global.RegisterCompletionItemProvider(
+ JSRuntime,
+ "receipt-xml",
+ _completionProvider.ProvideCompletionItems,
+ _completionProvider.ResolveCompletionItem);
+ }
+
+ private async Task OnContentChanged(ModelContentChangedEvent e)
+ {
+ _editorContent = await _editor.GetValue();
+ }
+
+ private async Task LoadJsonAsync()
+ {
+ try
+ {
+ var result = await FilePicker.Default.PickAsync(new PickOptions
+ {
+ PickerTitle = "Select a JSON data file",
+ FileTypes = new FilePickerFileType(new Dictionary
+
+
+
+
+ Editor
+
+
+ Preview
+
+
+ Not Found
+Sorry, the content you are looking for does not exist.
diff --git a/Inspectron.PrintServer.TemplateEditor/Components/Routes.razor b/Inspectron.PrintServer.TemplateEditor/Components/Routes.razor new file mode 100644 index 0000000..9059591 --- /dev/null +++ b/Inspectron.PrintServer.TemplateEditor/Components/Routes.razor @@ -0,0 +1,6 @@ +Loading...
+
+
+ An unhandled error has occurred.
+ Reload
+ 🗙
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Inspectron.PrintServer.TemplateEditor/wwwroot/receiptLanguage.js b/Inspectron.PrintServer.TemplateEditor/wwwroot/receiptLanguage.js
new file mode 100644
index 0000000..61baf44
--- /dev/null
+++ b/Inspectron.PrintServer.TemplateEditor/wwwroot/receiptLanguage.js
@@ -0,0 +1,158 @@
+window.receiptLanguage = {
+ _registered: false,
+
+ register: function () {
+ if (this._registered) return;
+ this._registered = true;
+
+ monaco.languages.register({ id: 'receipt-xml' });
+
+ monaco.languages.setLanguageConfiguration('receipt-xml', {
+ comments: {
+ blockComment: ['']
+ },
+ brackets: [
+ ['<', '>'],
+ ['{{', '}}']
+ ],
+ autoClosingPairs: [
+ { open: '<', close: '>' },
+ { open: '{{', close: '}}' },
+ { open: '"', close: '"' },
+ { open: "'", close: "'" }
+ ],
+ surroundingPairs: [
+ { open: '<', close: '>' },
+ { open: '"', close: '"' },
+ { open: "'", close: "'" }
+ ]
+ });
+
+ var knownElements = [
+ 'receipt', 'line', 'columns', 'row', 'col', 'separator',
+ 'cut', 'feed', 'table', 'foreach', 'if', 'else'
+ ];
+
+ monaco.languages.setMonarchTokensProvider('receipt-xml', {
+ knownElements: knownElements,
+
+ tokenizer: {
+ root: [
+ // Expression open
+ [/\{\{/, { token: 'delimiter.expression', next: '@expression' }],
+
+ // XML comment
+ [//, { token: 'comment', next: '@pop' }],
+ [/./, 'comment']
+ ]
+ }
+ });
+ },
+
+ defineTheme: function () {
+ monaco.editor.defineTheme('receipt-dark', {
+ base: 'vs-dark',
+ inherit: true,
+ rules: [
+ { token: 'tag.element', foreground: '569CD6', fontStyle: 'bold' },
+ { token: 'tag.unknown', foreground: 'F44747' },
+ { token: 'attribute.name', foreground: '9CDCFE' },
+ { token: 'attribute.value', foreground: 'CE9178' },
+ { token: 'attribute.value.delimiter', foreground: 'CE9178' },
+ { token: 'delimiter.tag', foreground: '808080' },
+ { token: 'delimiter', foreground: '808080' },
+ { token: 'delimiter.expression', foreground: 'DCDCAA', fontStyle: 'bold' },
+ { token: 'variable.property', foreground: '4EC9B0' },
+ { token: 'variable.special', foreground: 'C586C0', fontStyle: 'italic' },
+ { token: 'string.format', foreground: 'D7BA7D' },
+ { token: 'comment', foreground: '6A9955', fontStyle: 'italic' },
+ { token: 'text', foreground: 'D4D4D4' }
+ ],
+ colors: {}
+ });
+ },
+
+ getEditorContent: function (editorId) {
+ var editor = blazorMonaco.editor.getEditorById(editorId);
+ if (editor) {
+ return editor.getValue();
+ }
+ return '';
+ }
+};