# अपने ब्लॉग - भाग ५:
2025-11-12T22:45
चेतावनी: ये तो डीआरफ्लिक हैं जो 'के साथ गलत' है.
यह शायद नीचे क्या काम नहीं करेगा, मैं इन्हें बनाने के लिए कैसे और फिर सभी कदमों के रूप में और काम करने के लिए एक नमूना ऐप मिलता है... तुम चुपके से किया गया है और उन्हें देखा है! वे शायद मध्य-बार के लिए तैयार हो जाएगा.
## परिचय
भाग 5 में आपका स्वागत हैपार्ट 4[, एम्बेडिंग तथा सदिश खोज (e)](/blog/building-a-lawyer-gpt-for-your-blog-part3)पार्ट 3[और हमारे अज़ाब से ख़ौफ खाए और उन पैग़म्बरों हम से अपनी फतेह की दुआ माँगी (आख़िर वह पूरी हुई)](/blog/building-a-lawyer-gpt-for-your-blog-part2)पार्ट 2
अब वास्तविक लेखन सहायक इंटरफेस - विंडोज़ क्लाएंट बनाने का समय है जहाँ आप एआई- शक्ति युक्त सुझावों के साथ पोस्ट लिखना चाहेंगे।[ध्यान दें: यह एआई के साथ मेरे परीक्षण का हिस्सा है (जैसे कि मेरे स्वयं का संपादन).](https://github.com/features/copilot)उसी आवाज़ की तरह, उसी आवाज़ में एक - दूसरे का हाथ होता है; सिर्फ तेज़ उंगलियों को ।[ज़रा सोचिए](https://code.visualstudio.com/)Githkiॉट
[TOC]
## या नई एआई गुण इंच
वीएस कोड
### - लेकिन ब्लॉग लिखने के लिए.
जैसे - जैसे आप टाइप करते हैं, तंत्र आपके अतीत की जाँच करता है और आवश्यक सुझाव देता है, कोड स्निपेट, और आंतरिक कड़ी पेश करता है ।
|---------|-----|----------|------|
| **यूआई फ्रेमवर्क को चुनें**हमारे पास सी# में एक आधुनिक विंडोज़ एईप का निर्माण करने के लिए तीन मुख्य विकल्प हैं:
| **फ्रेमवर्क तुलना**अतिरिक्त विशेषता WLALYALYALYALAR_
| **प्लेटफॉर्म**ALW सिर्फOW क्रास-प्लेटफॉर्म क्रास क्रास-प्लेटफॉर्म
| **प्रौढ़ता**(2022) बहुत बड़ा (2022)
| **एक्सएएमएल समर्थन**वितरण पूरा आकार ( समान्य का) अन्यथा अलग-अलग स्वाद
| **परफार्मेंस**बढ़िया उत्तम उत्तम सर्वोत्तम सर्वोत्तम सर्वोत्तम सर्वोत्तम
| **यूआई लाइब्रेरी**बहुत - से लोग (मत्ती के हवाई जहाज़, आधुनिक जल - चक्र) बढ़ रहे हैं ।
**वक्र को समझ रहा है[विस्तार मोड (यदि बादशाहॉफ्स को जानते हो) (c) 2002- 2003 मोडfol](https://avaloniaui.net/)**
ईकोसिस्टम
- सबसे ज़्यादा तेज़ी से बढ़ रहा है
- मेरा चुनाव:
- [आवाही](https://docs.microsoft.com/en-us/dotnet/desktop/wpf/)क्यों?
- क्रास- डिज़ाइन (यदि आवश्यक हो तो लिनक्स/ लिंक पर चल सकता है)
- आधुनिक, सक्रिय रूप से विकसित
डब्ल्यूट
## - असंगत एक्सAएमएल (अनुप्रयोगी को सीखने के लिए)
```mermaid
graph TB
A[MainWindow] --> B[Editor Panel]
A --> C[Suggestions Panel]
A --> D[Search Panel]
B --> E[AvalonEdit Component]
B --> F[Markdown Preview]
C --> G[Similar Posts List]
C --> H[Code Snippets]
C --> I[Suggested Links]
D --> J[Semantic Search]
D --> K[Keyword Filter]
L[Services Layer] --> M[EmbeddingService]
L --> N[VectorSearchService]
L --> O[LLMService]
B --> L
C --> L
D --> L
class A mainWindow
class B,C ui
class L services
classDef mainWindow stroke:#333,stroke-width:4px
classDef ui stroke:#333,stroke-width:2px
classDef services stroke:#333,stroke-width:2px
```
**अच्छा प्रदर्शन**:
1. **वातावरण बढ़ता जा रहा है**लेकिन जहां वे अलग हैं जहां WOMO - मैं भी लागू कर देंगे - मैं WOWWO विकल्प नोट करेंगे.
2. **अनुप्रयोग यूटीसीComment**कुंजी घटक
3. **मुख्यविंडो:**- मेन्यू, स्थिति पट्टी के साथ शेल
4. **संपादक फलक**- जहाँ आप लिखते हैं (मार्क डाउन संपादक)
5. **सुझाव फलक**- एआई- प्रभावशाली सुझाव
## खोज फलक
```bash
# Create Avalonia MVVM application
dotnet new install Avalonia.Templates
dotnet new avalonia.mvvm -n Mostlylucid.BlogLLM.Client
cd Mostlylucid.BlogLLM.Client
# Add necessary packages (latest versions)
dotnet add package AvaloniaEdit
dotnet add package Markdown.Avalonia
dotnet add package CommunityToolkit.Mvvm
# Add references to our core library
dotnet add reference ../Mostlylucid.BlogLLM.Core
```
## - सेप्टिक सर्च इंटरफेस
### सेवा परत
```xml
```
### - बैकेंड एकीकरण
```csharp
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using Mostlylucid.BlogLLM.Client.Services;
using System.Threading.Tasks;
namespace Mostlylucid.BlogLLM.Client.ViewModels
{
public partial class MainWindowViewModel : ViewModelBase
{
private readonly IEditorService _editorService;
private readonly ISuggestionService _suggestionService;
[ObservableProperty]
private EditorViewModel _editorViewModel;
[ObservableProperty]
private SuggestionsViewModel _suggestionsViewModel;
[ObservableProperty]
private string _statusMessage = "Ready";
[ObservableProperty]
private int _wordCount;
[ObservableProperty]
private int _charCount;
[ObservableProperty]
private bool _isProcessing;
public MainWindowViewModel(
IEditorService editorService,
ISuggestionService suggestionService)
{
_editorService = editorService;
_suggestionService = suggestionService;
EditorViewModel = new EditorViewModel(editorService);
SuggestionsViewModel = new SuggestionsViewModel(suggestionService);
// Subscribe to editor changes
EditorViewModel.PropertyChanged += (s, e) =>
{
if (e.PropertyName == nameof(EditorViewModel.Text))
{
UpdateStatistics();
_ = GenerateSuggestionsAsync();
}
};
}
[RelayCommand]
private async Task NewPost()
{
EditorViewModel.Text = GenerateNewPostTemplate();
StatusMessage = "New post created";
}
[RelayCommand]
private async Task OpenPost()
{
var dialog = new OpenFileDialog
{
Filters = new List
{
new FileDialogFilter { Name = "Markdown", Extensions = { "md" } }
}
};
var result = await dialog.ShowAsync(GetMainWindow());
if (result != null && result.Length > 0)
{
EditorViewModel.Text = await File.ReadAllTextAsync(result[0]);
StatusMessage = $"Opened: {Path.GetFileName(result[0])}";
}
}
[RelayCommand]
private async Task Save()
{
var dialog = new SaveFileDialog
{
Filters = new List
{
new FileDialogFilter { Name = "Markdown", Extensions = { "md" } }
},
DefaultExtension = "md"
};
var result = await dialog.ShowAsync(GetMainWindow());
if (!string.IsNullOrEmpty(result))
{
await File.WriteAllTextAsync(result, EditorViewModel.Text);
StatusMessage = $"Saved: {Path.GetFileName(result)}";
}
}
[RelayCommand]
private async Task GenerateSuggestions()
{
IsProcessing = true;
StatusMessage = "Generating suggestions...";
try
{
var currentText = EditorViewModel.Text;
await SuggestionsViewModel.GenerateSuggestionsAsync(currentText);
StatusMessage = "Suggestions generated";
}
catch (Exception ex)
{
StatusMessage = $"Error: {ex.Message}";
}
finally
{
IsProcessing = false;
}
}
private void UpdateStatistics()
{
var text = EditorViewModel.Text ?? string.Empty;
CharCount = text.Length;
WordCount = text.Split(new[] { ' ', '\n', '\r', '\t' },
StringSplitOptions.RemoveEmptyEntries).Length;
}
private string GenerateNewPostTemplate()
{
var today = DateTime.Now.ToString("yyyy-MM-ddTHH:mm");
return $@"# New Blog Post
{today}
## Introduction
Write your introduction here...
[TOC]
## Section 1
Content here...
";
}
private Window GetMainWindow() =>
(Application.Current?.ApplicationLifetime as IClassicDesktopStyleApplicationLifetime)
?.MainWindow ?? throw new InvalidOperationException();
}
}
```
## परियोजना सेटअप
मुख्य विंडो ख़ाका**[एक्सएएमएल स्ट्रक्चरGenericName](https://github.com/AvaloniaUI/AvaloniaEdit)**मुख्य विंडो- व्यू- मोड
### संपादक अवयव
```xml
```
### हम उपयोग करेंगे
```csharp
using AvaloniaEdit.Document;
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
namespace Mostlylucid.BlogLLM.Client.ViewModels
{
public partial class EditorViewModel : ViewModelBase
{
private readonly IEditorService _editorService;
[ObservableProperty]
private TextDocument _document = new();
[ObservableProperty]
private string _text = string.Empty;
[ObservableProperty]
private int _caretOffset;
public EditorViewModel(IEditorService editorService)
{
_editorService = editorService;
// Sync Document and Text
Document.TextChanged += (s, e) =>
{
Text = Document.Text;
};
}
[RelayCommand]
private void InsertBold()
{
InsertMarkdownWrapper("**", "**", "bold text");
}
[RelayCommand]
private void InsertItalic()
{
InsertMarkdownWrapper("*", "*", "italic text");
}
[RelayCommand]
private void InsertCode()
{
InsertMarkdownWrapper("`", "`", "code");
}
[RelayCommand]
private void InsertHeading(string level)
{
var headingMarker = new string('#', int.Parse(level));
Document.Insert(CaretOffset, $"{headingMarker} Heading {level}\n");
}
[RelayCommand]
private void InsertLink()
{
InsertMarkdownWrapper("[", "](url)", "link text");
}
[RelayCommand]
private void InsertImage()
{
Document.Insert(CaretOffset, "");
}
private void InsertMarkdownWrapper(string before, string after, string placeholder)
{
var selectedText = GetSelectedText();
if (string.IsNullOrEmpty(selectedText))
{
Document.Insert(CaretOffset, $"{before}{placeholder}{after}");
}
else
{
var selectionStart = Document.GetOffset(Document.GetLocation(CaretOffset));
Document.Replace(selectionStart, selectedText.Length, $"{before}{selectedText}{after}");
}
}
private string GetSelectedText()
{
// This would get actual selection from AvalonEdit
// Simplified for example
return string.Empty;
}
}
}
```
## आवाही संपादित
- एक शक्तिशाली पाठ संपादक अवयव, सिंटेक्स हाइलाइटिंग के साथ.
### संपादक- व्यू
```xml
```
### संपादक- व्यू- मोड
```csharp
using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using Mostlylucid.BlogLLM.Client.Models;
using Mostlylucid.BlogLLM.Client.Services;
using System.Collections.ObjectModel;
namespace Mostlylucid.BlogLLM.Client.ViewModels
{
public partial class SuggestionsViewModel : ViewModelBase
{
private readonly ISuggestionService _suggestionService;
[ObservableProperty]
private ObservableCollection _similarPosts = new();
[ObservableProperty]
private ObservableCollection _codeSnippets = new();
[ObservableProperty]
private string _aiSuggestion = string.Empty;
[ObservableProperty]
private SimilarPost? _selectedPost;
[ObservableProperty]
private int _similarPostsCount;
public SuggestionsViewModel(ISuggestionService suggestionService)
{
_suggestionService = suggestionService;
}
public async Task GenerateSuggestionsAsync(string currentText)
{
// Extract last few sentences as context
var context = ExtractContext(currentText);
// Search for similar posts
var similarPosts = await _suggestionService.FindSimilarPostsAsync(context);
SimilarPosts.Clear();
foreach (var post in similarPosts)
{
SimilarPosts.Add(post);
}
SimilarPostsCount = SimilarPosts.Count;
// Extract code snippets from similar posts
var codeSnippets = await _suggestionService.ExtractCodeSnippetsAsync(similarPosts);
CodeSnippets.Clear();
foreach (var snippet in codeSnippets)
{
CodeSnippets.Add(snippet);
}
// Generate AI suggestion (we'll implement this in Part 6)
// AiSuggestion = await _suggestionService.GenerateAiSuggestionAsync(currentText, similarPosts);
}
[RelayCommand]
private void InsertLink(SimilarPost post)
{
var link = $"[{post.Title}](/blog/{post.Slug}#{post.SectionHeading.ToLower().Replace(" ", "-")})";
// Notify EditorViewModel to insert link
WeakReferenceMessenger.Default.Send(new InsertTextMessage(link));
}
[RelayCommand]
private void ViewPost(SimilarPost post)
{
// Open in browser
var url = $"https://www.mostlylucid.net/blog/{post.Slug}";
Process.Start(new ProcessStartInfo { FileName = url, UseShellExecute = true });
}
[RelayCommand]
private void InsertCode(CodeSnippet snippet)
{
var code = $"```{snippet.Language}\n{snippet.Code}\n```";
WeakReferenceMessenger.Default.Send(new InsertTextMessage(code));
}
[RelayCommand]
private async Task RegenerateSuggestion()
{
// To be implemented in Part 6 with LLM integration
AiSuggestion = "AI suggestions will be available in Part 6...";
}
private string ExtractContext(string text, int sentences = 3)
{
// Get last N sentences as context for search
var sentenceEndings = new[] { '.', '!', '?' };
var sentences_found = 0;
var index = text.Length - 1;
while (index >= 0 && sentences_found < sentences)
{
if (sentenceEndings.Contains(text[index]))
{
sentences_found++;
}
index--;
}
return index < 0 ? text : text.Substring(index + 1).Trim();
}
}
}
```
## सुझाव फलक
### यह वहीं है जहाँ एआई जादू - टोना होता है - समान पोस्टों और सुझावों को स्पष्ट रूप से दिखाता है ।
```csharp
using Mostlylucid.BlogLLM.Client.Models;
namespace Mostlylucid.BlogLLM.Client.Services
{
public interface ISuggestionService
{
Task> FindSimilarPostsAsync(string context);
Task> ExtractCodeSnippetsAsync(List posts);
Task GenerateAiSuggestionAsync(string currentText, List context);
}
}
```
### सुझाव देखें. axarl
```csharp
using Mostlylucid.BlogLLM.Client.Models;
using Mostlylucid.BlogLLM.Core.Services;
namespace Mostlylucid.BlogLLM.Client.Services
{
public class SuggestionService : ISuggestionService
{
private readonly BatchEmbeddingService _embeddingService;
private readonly QdrantVectorStore _vectorStore;
public SuggestionService(
BatchEmbeddingService embeddingService,
QdrantVectorStore vectorStore)
{
_embeddingService = embeddingService;
_vectorStore = vectorStore;
}
public async Task> FindSimilarPostsAsync(string context)
{
// Generate embedding for context
var embedding = _embeddingService.GenerateEmbedding(context);
// Search vector database
var results = await _vectorStore.SearchAsync(
queryEmbedding: embedding,
limit: 10,
languageFilter: "en"
);
// Convert to SimilarPost models
return results.Select(r => new SimilarPost
{
Slug = r.BlogPostSlug,
Title = r.BlogPostTitle,
SectionHeading = r.SectionHeading,
Preview = r.Text.Length > 200 ? r.Text.Substring(0, 200) + "..." : r.Text,
FullText = r.Text,
Score = r.Score
}).ToList();
}
public async Task> ExtractCodeSnippetsAsync(List posts)
{
var snippets = new List();
foreach (var post in posts)
{
// Extract code blocks from markdown
var codeBlocks = ExtractCodeBlocks(post.FullText);
snippets.AddRange(codeBlocks);
}
// Deduplicate and return top 5
return snippets
.GroupBy(s => s.Code)
.Select(g => g.First())
.Take(5)
.ToList();
}
public async Task GenerateAiSuggestionAsync(string currentText, List context)
{
// This will be implemented in Part 6 with LLM integration
await Task.CompletedTask;
return "AI generation coming in Part 6...";
}
private List ExtractCodeBlocks(string markdown)
{
var snippets = new List();
var regex = new Regex(@"```(\w+)\n(.*?)\n```", RegexOptions.Singleline);
var matches = regex.Matches(markdown);
foreach (Match match in matches)
{
snippets.Add(new CodeSnippet
{
Language = match.Groups[1].Value,
Code = match.Groups[2].Value.Trim()
});
}
return snippets;
}
}
}
```
## सुझाव- व्यू- मॉडल
```csharp
namespace Mostlylucid.BlogLLM.Client.Models
{
public class SimilarPost
{
public string Slug { get; set; } = string.Empty;
public string Title { get; set; } = string.Empty;
public string SectionHeading { get; set; } = string.Empty;
public string Preview { get; set; } = string.Empty;
public string FullText { get; set; } = string.Empty;
public float Score { get; set; }
}
public class CodeSnippet
{
public string Language { get; set; } = string.Empty;
public string Code { get; set; } = string.Empty;
}
public record InsertTextMessage(string Text);
}
```
## सेवा परत
### यु. पू.
```csharp
using Avalonia;
using Avalonia.Controls.ApplicationLifetimes;
using Avalonia.Markup.Xaml;
using Microsoft.Extensions.DependencyInjection;
using Mostlylucid.BlogLLM.Client.Services;
using Mostlylucid.BlogLLM.Client.ViewModels;
using Mostlylucid.BlogLLM.Client.Views;
using Mostlylucid.BlogLLM.Core.Services;
namespace Mostlylucid.BlogLLM.Client
{
public partial class App : Application
{
public IServiceProvider Services { get; private set; } = null!;
public override void Initialize()
{
AvaloniaXamlLoader.Load(this);
}
public override void OnFrameworkInitializationCompleted()
{
// Setup DI
var services = new ServiceCollection();
// Register core services
services.AddSingleton(_ => new BatchEmbeddingService(
modelPath: "C:\\models\\bge-base-en-onnx\\model.onnx",
tokenizerPath: "C:\\models\\bge-base-en-onnx\\tokenizer.json",
useGpu: true
));
services.AddSingleton(_ => new QdrantVectorStore(
host: "localhost",
port: 6334
));
// Register app services
services.AddSingleton();
services.AddSingleton();
// Register ViewModels
services.AddTransient();
services.AddTransient();
services.AddTransient();
Services = services.BuildServiceProvider();
// Create main window
if (ApplicationLifetime is IClassicDesktopStyleApplicationLifetime desktop)
{
desktop.MainWindow = new MainWindow
{
DataContext = Services.GetRequiredService()
};
}
base.OnFrameworkInitializationCompleted();
}
}
}
```
## सुझाव सहायक कार्यान्वयन
```bash
dotnet run
```
मॉडल
- **डिपेंडेंसी इनफिटेशन सेटअप**ए. एक्सनाम.cs
- **अनुप्रयोग चल रहा है**आपको देखना चाहिए:
- **बायाँ पटल**: उपकरण-पट्टी के साथ चिह्नित करें और पूर्वावलोकन दिखाएँ
दायाँ पटल
## : आप जो लिख रहे हैं उस पर आधारित ऐसे पोस्ट
### स्थिति पट्टी
: शब्द/ clayph काउन्ट गणना तथा प्रक्रिया संकेतक
```csharp
public partial class EditorViewModel : ViewModelBase
{
private System.Timers.Timer _searchDebounceTimer;
private const int DebounceMs = 500;
public EditorViewModel(IEditorService editorService)
{
_editorService = editorService;
_searchDebounceTimer = new System.Timers.Timer(DebounceMs);
_searchDebounceTimer.AutoReset = false;
_searchDebounceTimer.Elapsed += async (s, e) =>
{
await GenerateSuggestionsAsync();
};
Document.TextChanged += (s, e) =>
{
Text = Document.Text;
// Restart debounce timer
_searchDebounceTimer.Stop();
_searchDebounceTimer.Start();
};
}
private async Task GenerateSuggestionsAsync()
{
var context = ExtractContext(Text);
await Dispatcher.UIThread.InvokeAsync(async () =>
{
await SuggestionsViewModel.GenerateSuggestionsAsync(context);
});
}
}
```
### जैसा कि आप टाइप करते हैं, सुझाव फलक आपके ब्लॉग से ऐसी ही सामग्री के साथ वास्तविक समय पर अद्यतन करते हैं!
परफ़ॉर्मेंस ऑप्टीमाइज़ेशन
```csharp
public class EmbeddingCache
{
private readonly Dictionary _cache = new();
private const int MaxCacheSize = 100;
private readonly TimeSpan _cacheExpiration = TimeSpan.FromMinutes(10);
public bool TryGet(string text, out float[] embedding)
{
if (_cache.TryGetValue(text, out var cached))
{
if (DateTime.Now - cached.timestamp < _cacheExpiration)
{
embedding = cached.embedding;
return true;
}
_cache.Remove(text);
}
embedding = null;
return false;
}
public void Set(string text, float[] embedding)
{
if (_cache.Count >= MaxCacheSize)
{
// Remove oldest
var oldest = _cache.OrderBy(kv => kv.Value.timestamp).First();
_cache.Remove(oldest.Key);
}
_cache[text] = (embedding, DateTime.Now);
}
}
```
## खोज मिटाएँ (D)
प्रत्येक कुंजी पर ढूंढने के लिए मत खोज - ठहराव के लिए इंतजार करें:
1. ✅ [िंगिंगिंग](https://avaloniaui.net/)हाल ही में टाइप किए गए संदर्भों के लिए कैशिंग:
2. ✅ Markdown editor with live preview ([सारांश](https://github.com/AvaloniaUI/AvaloniaEdit))
3. ✅ Real-time semantic search as you type
4. ✅ Suggestions panel showing similar posts
5. ✅ Code snippet extraction and insertion
6. ✅ Link generation to related posts
7. ✅ Debounced search for performance
8. ✅ Dependency injection architecture
## हम के साथ एक पूर्ण विंडोज़ क्लाएंट बनाया है:
आवाही**[यूआई फ्रेमवर्क एमवीएम पैटर्न के साथ](/blog/building-a-lawyer-gpt-for-your-blog-part6)**आवाही संपादित
- अगला क्या है?[में](https://github.com/SciSharp/LLamaSharp)भाग ६: स्थानीय संयोजन
- , हम स्थानीय ज्ञानों को एकीकृत करेंगे:
- [सेटिंग फिर लगायें (_e)](https://github.com/ggerganov/ggml/blob/master/docs/gguf.md)एलएचएआ तीव्र
- स्थानीय मॉडल चलाने के लिए
- मॉडलों को डाउनलोड किया जा रहा है
- जीजीयूएफ फ़ॉर्मेट
और साधारण बरतने की चीज़ भी किसी को नहीं देते
## A4000 जीपी पर अनंतता चल रहा है
- [वास्तविक लेखन सुझाव तैयार किया जा रहा है](/blog/building-a-lawyer-gpt-for-your-blog-part1)
- [ब्लॉग लिखने के लिए इंजीनियरिंग को संकेत दें](/blog/building-a-lawyer-gpt-for-your-blog-part2)
- [हम निश्चित रूप से सुझावों में एआई-विष्ट सुझाव देखेंगे!](/blog/building-a-lawyer-gpt-for-your-blog-part3)
- [श्रेणी नेविगेशन](/blog/building-a-lawyer-gpt-for-your-blog-part4)
- **पार्ट 1: परिचय व गुण**पार्ट 2: जीपीयू सेटअप सीयूडीडीक में C# में (G)
- [भाग ३: सामान्य समझ जो सदिश व डाटाबेस को शामिल करती है](/blog/building-a-lawyer-gpt-for-your-blog-part6)
- [पार्ट ४: १९ - १९.](/blog/building-a-lawyer-gpt-for-your-blog-part7)
- [पार्ट 5: विंडोज़ क्लाएंट](/blog/building-a-lawyer-gpt-for-your-blog-part8)
## (यह पोस्ट)
- [भाग ६: स्थानीय संयोजन](https://docs.avaloniaui.net/)
- [पार्ट 7: सामग्री बनाना बनाने की इंजीनियरिंग की पूर्वसूचना देता है (g)](https://github.com/AvaloniaUI/AvaloniaEdit)
- [भाग ८: विस्तृत विशेषताएँ व उत्पादन सहायक](https://learn.microsoft.com/en-us/dotnet/communitytoolkit/mvvm/)
- [संसाधन](https://github.com/whistyun/Markdown.Avalonia)
आवाहीिया दस्तावेज़ीकरण[आवाहीिया संपादक](/blog/building-a-lawyer-gpt-for-your-blog-part6)!
## परिचय
भाग 5 में आपका स्वागत हैपार्ट 4[, एम्बेडिंग तथा सदिश खोज (e)](/blog/building-a-lawyer-gpt-for-your-blog-part3)पार्ट 3[और हमारे अज़ाब से ख़ौफ खाए और उन पैग़म्बरों हम से अपनी फतेह की दुआ माँगी (आख़िर वह पूरी हुई)](/blog/building-a-lawyer-gpt-for-your-blog-part2)पार्ट 2
अब वास्तविक लेखन सहायक इंटरफेस - विंडोज़ क्लाएंट बनाने का समय है जहाँ आप एआई- शक्ति युक्त सुझावों के साथ पोस्ट लिखना चाहेंगे।[ध्यान दें: यह एआई के साथ मेरे परीक्षण का हिस्सा है (जैसे कि मेरे स्वयं का संपादन).](https://github.com/features/copilot)उसी आवाज़ की तरह, उसी आवाज़ में एक - दूसरे का हाथ होता है; सिर्फ तेज़ उंगलियों को ।[ज़रा सोचिए](https://code.visualstudio.com/)Githkiॉट
[TOC]
## या नई एआई गुण इंच
वीएस कोड
### - लेकिन ब्लॉग लिखने के लिए.
जैसे - जैसे आप टाइप करते हैं, तंत्र आपके अतीत की जाँच करता है और आवश्यक सुझाव देता है, कोड स्निपेट, और आंतरिक कड़ी पेश करता है ।
|---------|-----|----------|------|
| **यूआई फ्रेमवर्क को चुनें**हमारे पास सी# में एक आधुनिक विंडोज़ एईप का निर्माण करने के लिए तीन मुख्य विकल्प हैं:
| **फ्रेमवर्क तुलना**अतिरिक्त विशेषता WLALYALYALYALAR_
| **प्लेटफॉर्म**ALW सिर्फOW क्रास-प्लेटफॉर्म क्रास क्रास-प्लेटफॉर्म
| **प्रौढ़ता**(2022) बहुत बड़ा (2022)
| **एक्सएएमएल समर्थन**वितरण पूरा आकार ( समान्य का) अन्यथा अलग-अलग स्वाद
| **परफार्मेंस**बढ़िया उत्तम उत्तम सर्वोत्तम सर्वोत्तम सर्वोत्तम सर्वोत्तम
| **यूआई लाइब्रेरी**बहुत - से लोग (मत्ती के हवाई जहाज़, आधुनिक जल - चक्र) बढ़ रहे हैं ।
**वक्र को समझ रहा है[विस्तार मोड (यदि बादशाहॉफ्स को जानते हो) (c) 2002- 2003 मोडfol](https://avaloniaui.net/)**
ईकोसिस्टम
- सबसे ज़्यादा तेज़ी से बढ़ रहा है
- मेरा चुनाव:
- [आवाही](https://docs.microsoft.com/en-us/dotnet/desktop/wpf/)क्यों?
- क्रास- डिज़ाइन (यदि आवश्यक हो तो लिनक्स/ लिंक पर चल सकता है)
- आधुनिक, सक्रिय रूप से विकसित
डब्ल्यूट
## - असंगत एक्सAएमएल (अनुप्रयोगी को सीखने के लिए)
```mermaid
graph TB
A[MainWindow] --> B[Editor Panel]
A --> C[Suggestions Panel]
A --> D[Search Panel]
B --> E[AvalonEdit Component]
B --> F[Markdown Preview]
C --> G[Similar Posts List]
C --> H[Code Snippets]
C --> I[Suggested Links]
D --> J[Semantic Search]
D --> K[Keyword Filter]
L[Services Layer] --> M[EmbeddingService]
L --> N[VectorSearchService]
L --> O[LLMService]
B --> L
C --> L
D --> L
class A mainWindow
class B,C ui
class L services
classDef mainWindow stroke:#333,stroke-width:4px
classDef ui stroke:#333,stroke-width:2px
classDef services stroke:#333,stroke-width:2px
```
**अच्छा प्रदर्शन**:
1. **वातावरण बढ़ता जा रहा है**लेकिन जहां वे अलग हैं जहां WOMO - मैं भी लागू कर देंगे - मैं WOWWO विकल्प नोट करेंगे.
2. **अनुप्रयोग यूटीसीComment**कुंजी घटक
3. **मुख्यविंडो:**- मेन्यू, स्थिति पट्टी के साथ शेल
4. **संपादक फलक**- जहाँ आप लिखते हैं (मार्क डाउन संपादक)
5. **सुझाव फलक**- एआई- प्रभावशाली सुझाव
## खोज फलक
```bash
# Create Avalonia MVVM application
dotnet new install Avalonia.Templates
dotnet new avalonia.mvvm -n Mostlylucid.BlogLLM.Client
cd Mostlylucid.BlogLLM.Client
# Add necessary packages (latest versions)
dotnet add package AvaloniaEdit
dotnet add package Markdown.Avalonia
dotnet add package CommunityToolkit.Mvvm
# Add references to our core library
dotnet add reference ../Mostlylucid.BlogLLM.Core
```
## - सेप्टिक सर्च इंटरफेस
### सेवा परत
```xml