Future Features and Ideas (2026+) #1971
Replies: 1 comment 8 replies
-
|
@ghiscoding How about some WebMCP features?
Example code by quickly registering a new Service that exposes two sample tools: import type { ContainerService } from './container.service';
import type { FilterService } from './filter.service';
import type { SlickGrid } from '../core/slickGrid';
import type { OperatorType } from '../enums';
export class WebMCPService {
init(grid: SlickGrid, container: ContainerService): void {
if (!('modelContext' in navigator)) return;
const filterService = container.get<FilterService>('FilterService');
if (!filterService) {
return;
}
const modelContext = navigator.modelContext as any;
modelContext.registerTool({
name: 'read_slickgrid_data_' + grid.getUID(),
description: 'Returns the current rows and columns from the data grid.',
inputSchema: {
type: 'object',
properties: {
limit: { type: 'number', default: 20 },
},
},
execute: async ({ limit }: { limit: number }) => {
const rows = grid.getData().getItems().slice(0, limit);
return { data: rows, totalCount: grid.getData().getLength() };
},
});
modelContext.registerTool({
name: 'filter_slickgrid_' + grid.getUID(),
description: "Filters the grid. Example: Find all 'High' priority tasks.",
inputSchema: {
type: 'object',
properties: {
columnId: { type: 'string' },
search: { type: 'string' },
operator: { type: 'string', enum: ['EQ', 'NEQ', 'CONTAINS', 'NOT_CONTAINS', 'GT', 'LT'], default: 'EQ' },
},
required: ['columnId', 'search'],
},
execute: async ({ columnId, search, operator }: { columnId: string; search: string; operator: OperatorType }) => {
filterService.updateFilters([
{
columnId,
searchTerms: [search],
operator: operator,
},
]);
return { status: 'success', currentFilter: search };
},
});
}
} |
Beta Was this translation helpful? Give feedback.
-
|
that's interesting, so do you want to go with creating a new optional package for this? I guess we have 2 ways to go with a plugin approach, the legacy SlickGrid plugin allows registering while providing basic SlickGrid/SlickDataView instance but nothing else, or option 2 is my external resource approach that has access to most Services with basic DI. I typically go with 2nd approach because you just add it to the |
Beta Was this translation helpful? Give feedback.
-
|
the legacy one sounds weird indeed. I guess treating it like the CustomTooltip or the likes is nicer. the WebMcp service could expose hooks for the user to register its own tools |
Beta Was this translation helpful? Give feedback.
-
|
ok do you want to create a PR for this? I generally just copy/paste a small external resource package (like SlickCustomTooltip) and change/rename the code afterward. If you want to access other services, it's won't be trough the constructor but rather through the slickgrid-universal/packages/pdf-export/src/pdfExport.service.ts Lines 100 to 102 in 9425551 The reason I did this is because external resources are always empty constructor (much easier for end user and also because of how I loop through them to initialize them). and here's the Services you can retrieve |
Beta Was this translation helpful? Give feedback.
-
|
I think I remember that back from the RowEdit Feature. thx for the reminder though. yep I'll give it a proper thought and than come up with a basic PR that we than can use as a starting point and see where we go from there. I was just under the impression that it wouldnt harm to offer some AI related features these days. you know, trendy marketing and stuff 😅 |
Beta Was this translation helpful? Give feedback.
-
|
@zewa666 yeah for sure, it's a good idea to implement, it's just that I haven't tried to implement MCP or any of that myself (though I will probably need to look at that this year for work), so my knowledge on implementation is pretty limited so far. Side note I do think we should indeed implement some MCP of some kind because Ag-Grid also recently did just that (I like to read their blog posts sometime to see what I can reimplement in here 😆) I'm assuming that @tnaum-ms from Microsoft might be interested to use on his side as well for some of their extensions like vscode-documentdb and vscode-cosmosdb since they use Slickgrid-React, they could also benefit from this. I've also seen more CoPilot integration in vscode-mssql which also use Slickgrid-React for 1 of their grid. So I'm sure they'd be interested in this addition as well |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
onSetOptionsto resync (but might fall into infinite loop though)exportWithFormatterbut perhaps it's just a matter of sending all of that to the worker?grid) to (gridOption), so that it could be more Web Worker friendly for future Excel Export?"embeddedLanguageFormatting": "auto"config<div popver role="tooltip">...</div>popover&invokerimplicit anchorExtensionNamefromenumto TypeScripttypeeditorOptionsandfilterOptionsin all docs@Input/@Outputwith Signals? (details in PR feat(angular)!: migrate Angular-Slickgrid to Standalone Component #2339)compileFilterCSPSafeonly and dropcompileFiltersince it's tag as unsafe because of the use ofFunction. Doing that has slight perf impact but I think in our case it's 0 impact since we're not using inline filter!? would need to double-check.hide...ref withhideCommandsfrom new command builder (e.g.hideToggleDarkModeCommand)sgb.columnDefinitionstosgb.columnsandsgb.gridOptionstosgb.optionsfor Vanilla BundlecolumnPicker.columnSortand replace it withcolumnListBuilder(same as menu) to allow sorting/filtering/...SharedService.columnDefinitionstoSharedService.columnsexcludeFromColumnPickerorexcludeFromGridMenu, it will still create the checkbox but use thehiddenCSS class, why do we even create them? I think we should filter them out completely and not render them at allonSetOptionsto resync (but might fall into infinite loop though)grid) to (gridOption), so that it could be more Web Worker friendly for future Excel Export?Beta Was this translation helpful? Give feedback.
All reactions