Skip to content

Add DataGrid - Semantic Search Demo#34356

Open
markallenramirez wants to merge 2 commits into
mainfrom
feature/demo_datagrid_semantic_search
Open

Add DataGrid - Semantic Search Demo#34356
markallenramirez wants to merge 2 commits into
mainfrom
feature/demo_datagrid_semantic_search

Conversation

@markallenramirez

Copy link
Copy Markdown
Contributor

No description provided.

flagmanAndrew and others added 2 commits July 17, 2026 17:53
Co-authored-by: markallenramirez <markallenramirez@gmail.com>
(cherry picked from commit 2818bcf)
@markallenramirez markallenramirez self-assigned this Jul 17, 2026
Copilot AI review requested due to automatic review settings July 17, 2026 09:57
@markallenramirez
markallenramirez requested a review from a team as a code owner July 17, 2026 09:57

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new DataGrid “Semantic Search” demo to the demos app, exposing a server-driven semantic filtering scenario (search panel + similarity factor) across framework variants and wiring it into demo navigation and CSP.

Changes:

  • Registered the new demo in the demos menu metadata (including AI-powered Extensions + DataGrid Filtering group entries).
  • Added new demo implementations for Angular, React (TS), React (JS), Vue, and jQuery.
  • Updated the demos CSP allowlist to support the new demo’s needs.

Reviewed changes

Copilot reviewed 17 out of 19 changed files in this pull request and generated 3 comments.

Show a summary per file
File Description
apps/demos/utils/server/csp-server.js Adds CSP allowlist entry for DataGrid/SemanticSearch (img-src data).
apps/demos/menuMeta.json Adds “Semantic Search” demo metadata entries (AI section + DataGrid Filtering group).
apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.ts Vue bootstrap entrypoint.
apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html Vue demo host page (SystemJS bootstrapping).
apps/demos/Demos/DataGrid/SemanticSearch/Vue/App.vue Vue DataGrid implementation with similarity factor toolbar editor + server-side load params.
apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/index.js React (JS) bootstrap entrypoint.
apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/index.html React (JS) demo host page.
apps/demos/Demos/DataGrid/SemanticSearch/ReactJs/App.js React (JS) DataGrid implementation with similarity factor and semantic search params.
apps/demos/Demos/DataGrid/SemanticSearch/React/index.tsx React (TS) bootstrap entrypoint.
apps/demos/Demos/DataGrid/SemanticSearch/React/index.html React (TS) demo host page.
apps/demos/Demos/DataGrid/SemanticSearch/React/App.tsx React (TS) DataGrid implementation with semantic search params and debounced search input handling.
apps/demos/Demos/DataGrid/SemanticSearch/jQuery/index.js jQuery DataGrid implementation with semantic search params and toolbar NumberBox.
apps/demos/Demos/DataGrid/SemanticSearch/jQuery/index.html jQuery demo host page.
apps/demos/Demos/DataGrid/SemanticSearch/description.md Demo description and usage notes for semantic search.
apps/demos/Demos/DataGrid/SemanticSearch/Angular/index.html Angular demo host page (SystemJS bootstrapping).
apps/demos/Demos/DataGrid/SemanticSearch/Angular/app/app.component.ts Angular DataGrid implementation with semantic search params and similarity factor handling.
apps/demos/Demos/DataGrid/SemanticSearch/Angular/app/app.component.html Angular template for DataGrid + toolbar NumberBox.

Comment thread apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/Vue/index.html
Comment thread apps/demos/Demos/DataGrid/SemanticSearch/description.md
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants