From 9df16bb6efff89997b59d19a6e68fcfaff6b856f Mon Sep 17 00:00:00 2001 From: hemarina <104857065+hemarina@users.noreply.github.com> Date: Fri, 17 May 2024 18:07:05 -0700 Subject: [PATCH] add grey out feature, update tag and hero text (#386) * update tag and hover page * remove tags * add filter tag * add clear all * changes for checkbox as array * update Azure AI Search * fix bug --------- Co-authored-by: Victor Vazquez --- .../gallery/ShowcaseLeftFilters/index.tsx | 191 +++++++++++++++--- .../ShowcaseLeftFilters/styles.module.css | 22 ++ .../gallery/ShowcaseTagSelect/index.tsx | 85 ++++---- .../gallery/ShowcaseTemplateSearch/index.tsx | 19 +- website/src/data/tags.tsx | 42 +--- website/src/pages/ShowcaseCardPage.tsx | 149 +++++++++++++- website/src/pages/index.tsx | 43 +++- website/src/pages/styles.module.css | 21 ++ ...gnitive-Search.svg => Azure-AI-Search.svg} | 0 website/static/img/darkModePurpleClose.svg | 5 + website/static/img/lightModePurpleClose.svg | 5 + website/static/templates.json | 42 ++-- 12 files changed, 480 insertions(+), 144 deletions(-) rename website/static/img/{Azure-Cognitive-Search.svg => Azure-AI-Search.svg} (100%) create mode 100644 website/static/img/darkModePurpleClose.svg create mode 100644 website/static/img/lightModePurpleClose.svg diff --git a/website/src/components/gallery/ShowcaseLeftFilters/index.tsx b/website/src/components/gallery/ShowcaseLeftFilters/index.tsx index 9686241..e26a100 100644 --- a/website/src/components/gallery/ShowcaseLeftFilters/index.tsx +++ b/website/src/components/gallery/ShowcaseLeftFilters/index.tsx @@ -17,13 +17,28 @@ import { Tags, type TagType } from "../../../data/tags"; import { TagList } from "../../../data/users"; import styles from "./styles.module.css"; import { useColorMode } from "@docusaurus/theme-common"; +import { useHistory } from "@docusaurus/router"; +import { prepareUserState } from "@site/src/pages/index"; +import { UserState } from "../ShowcaseTemplateSearch"; function ShowcaseFilterViewAll({ tags, number, + activeTags, + selectedCheckbox, + setSelectedCheckbox, + location, + readSearchTags, + replaceSearchTags, }: { tags: TagType[]; number: string; + activeTags: TagType[]; + selectedCheckbox: TagType[]; + setSelectedCheckbox: React.Dispatch>; + location; + readSearchTags: (search: string) => TagType[]; + replaceSearchTags: (search: string, newTags: TagType[]) => string; }) { const [openItems, setOpenItems] = React.useState(["0"]); const handleToggle: AccordionToggleEventHandler = (event, data) => { @@ -62,11 +77,31 @@ function ShowcaseFilterViewAll({ className={styles.checkboxListItem} style={{ marginBottom: "7px" }} > - + ) : (
- +
); })} @@ -90,6 +125,12 @@ function ShowcaseFilterViewAll({ id={id} tag={tag} label={tagObject.label} + activeTags={activeTags} + selectedCheckbox={selectedCheckbox} + setSelectedCheckbox={setSelectedCheckbox} + location={location} + readSearchTags={readSearchTags} + replaceSearchTags={replaceSearchTags} /> ); @@ -118,7 +159,25 @@ function ShowcaseFilterViewAll({ ); } -export default function ShowcaseLeftFilters() { +export default function ShowcaseLeftFilters({ + activeTags, + selectedCheckbox, + setSelectedCheckbox, + location, + selectedTags, + setSelectedTags, + readSearchTags, + replaceSearchTags, +}: { + activeTags: TagType[]; + selectedCheckbox: TagType[]; + setSelectedCheckbox: React.Dispatch>; + location; + selectedTags: TagType[]; + setSelectedTags: React.Dispatch>; + readSearchTags: (search: string) => TagType[]; + replaceSearchTags: (search: string, newTags: TagType[]) => string; +}) { const sortTagList = TagList.sort(); const uncategoryTag = TagList.filter((tag) => { const tagObject = Tags[tag]; @@ -152,18 +211,22 @@ export default function ShowcaseLeftFilters() { const tagObject = Tags[tag]; return tagObject.type === "Topic"; }); - const [openItems, setOpenItems] = React.useState([ - "1", - "2", - "3", - "4", - "5", - "6", - "7", - ]); + const [openItems, setOpenItems] = React.useState([]); const handleToggle: AccordionToggleEventHandler = (event, data) => { setOpenItems(data.openItems); }; + const history = useHistory(); + const searchParams = new URLSearchParams(location.search); + const clearAll = () => { + setSelectedCheckbox([]); + setSelectedTags([]); + searchParams.delete("tags"); + history.push({ + ...location, + search: searchParams.toString(), + state: prepareUserState(), + }); + }; return (
-
- Filter by +
+
Filter by
+ {selectedTags.length > 0 ? ( +
+ Clear all +
+ ) : null}
{uncategoryTag.map((tag) => { const tagObject = Tags[tag]; @@ -192,7 +254,17 @@ export default function ShowcaseLeftFilters() { className={styles.checkboxListItem} style={{ paddingLeft: "12px" }} > - +
); })} @@ -208,7 +280,16 @@ export default function ShowcaseLeftFilters() {
Language
- + @@ -223,7 +304,16 @@ export default function ShowcaseLeftFilters() {
Framework
- + @@ -238,7 +328,16 @@ export default function ShowcaseLeftFilters() {
Services
- + @@ -253,7 +352,16 @@ export default function ShowcaseLeftFilters() {
Database
- + @@ -270,7 +378,16 @@ export default function ShowcaseLeftFilters() {
- + @@ -285,7 +402,16 @@ export default function ShowcaseLeftFilters() {
Tools
- + @@ -300,7 +426,16 @@ export default function ShowcaseLeftFilters() {
Topic
- + diff --git a/website/src/components/gallery/ShowcaseLeftFilters/styles.module.css b/website/src/components/gallery/ShowcaseLeftFilters/styles.module.css index 4a33751..1974530 100644 --- a/website/src/components/gallery/ShowcaseLeftFilters/styles.module.css +++ b/website/src/components/gallery/ShowcaseLeftFilters/styles.module.css @@ -15,3 +15,25 @@ .color { color: var(--ifm-color-purple); } + +.filterTop { + display: flex; + align-items: center; + gap: 10px; + padding: 0 0 15px 12px; +} + +.clearAll { + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-decoration-line: underline; + cursor: pointer; + color: var(--ifm-color-purple); +} + +.filterBy { + font-size: 20px; + font-weight: 600; + line-height: 28px; +} diff --git a/website/src/components/gallery/ShowcaseTagSelect/index.tsx b/website/src/components/gallery/ShowcaseTagSelect/index.tsx index 8ccbf16..2d0afc3 100644 --- a/website/src/components/gallery/ShowcaseTagSelect/index.tsx +++ b/website/src/components/gallery/ShowcaseTagSelect/index.tsx @@ -3,47 +3,37 @@ * Licensed under the MIT License. */ -import React, { useCallback, useState, useEffect } from "react"; -import { useHistory, useLocation } from "@docusaurus/router"; +import React, { useCallback, useEffect } from "react"; +import { useHistory } from "@docusaurus/router"; import { toggleListItem } from "@site/src/utils/jsUtils"; import { prepareUserState } from "@site/src/pages/index"; import { type TagType } from "@site/src/data/tags"; - import { Checkbox } from "@fluentui/react-components"; -const TagQueryStringKey = "tags"; - -export function readSearchTags(search: string): TagType[] { - return new URLSearchParams(search).getAll(TagQueryStringKey) as TagType[]; -} - -function replaceSearchTags(search: string, newTags: TagType[]) { - const searchParams = new URLSearchParams(search); - searchParams.delete(TagQueryStringKey); - newTags.forEach((tag) => searchParams.append(TagQueryStringKey, tag)); - return searchParams.toString(); -} - -export default function ShowcaseTagSelect( - // id: string, - { - label, - tag, - id, - }: { - label: string; - tag: TagType; - id: string; - } -): JSX.Element { - const location = useLocation(); +export default function ShowcaseTagSelect({ + label, + tag, + id, + activeTags, + selectedCheckbox, + setSelectedCheckbox, + location, + readSearchTags, + replaceSearchTags, +}: { + label: string; + tag: TagType; + id: string; + activeTags: TagType[]; + selectedCheckbox: TagType[]; + setSelectedCheckbox: React.Dispatch>; + location; + readSearchTags: (search: string) => TagType[]; + replaceSearchTags: (search: string, newTags: TagType[]) => string; +}): JSX.Element { const history = useHistory(); - const [selected, setSelected] = useState(false); - useEffect(() => { - const tags = readSearchTags(location.search); - setSelected(tags.includes(tag)); - }, [tag, location]); - const toggleTag = useCallback(() => { + // updates only the url query + const toggleTag = () => { const tags = readSearchTags(location.search); const newTags = toggleListItem(tags, tag); const newSearch = replaceSearchTags(location.search, newTags); @@ -52,9 +42,19 @@ export default function ShowcaseTagSelect( search: newSearch, state: prepareUserState(), }); - }, [tag, location, history]); - const template = id.replace("showcase_checkbox_id_", "") - const contentForAdobeAnalytics = `{\"id\":\"${template}\",\"cN\":\"Tags\"}` + }; + + const template = id.replace("showcase_checkbox_id_", ""); + const contentForAdobeAnalytics = `{\"id\":\"${template}\",\"cN\":\"Tags\"}`; + + const toggleCheck = (tag: TagType) => { + if (selectedCheckbox.includes(tag)) { + setSelectedCheckbox(selectedCheckbox.filter((item) => item !== tag)); + } else { + setSelectedCheckbox([...selectedCheckbox, tag]); + } + }; + return ( <> { + toggleTag(); + toggleCheck(tag); + }} + checked={selectedCheckbox.includes(tag)} label={label} + disabled={!activeTags?.includes(tag)} /> ); diff --git a/website/src/components/gallery/ShowcaseTemplateSearch/index.tsx b/website/src/components/gallery/ShowcaseTemplateSearch/index.tsx index 4000883..be9d81b 100644 --- a/website/src/components/gallery/ShowcaseTemplateSearch/index.tsx +++ b/website/src/components/gallery/ShowcaseTemplateSearch/index.tsx @@ -14,7 +14,7 @@ import { useColorMode } from "@docusaurus/theme-common"; const TITLE = "Template Library"; const DESCRIPTION = - "A community-contributed template gallery built to work with the Azure Developer CLI."; + "An open-source template gallery to get started with Azure."; const ADD_URL = "https://aka.ms/azd"; export var InputValue: string | null = null; @@ -159,17 +159,28 @@ export default function ShowcaseTemplateSearch() { size={300} style={{ color: "#242424", - padding: "20px 0", + paddingTop: "20px", }} > - Not familiar with the Azure Developer CLI (azd)? + Each template is a fully working, cloud-ready application deployable + with the Azure Developer CLI (azd).{" "} + + + New to azd? Welcome! - Learn more + Learn more in our docs. diff --git a/website/src/data/tags.tsx b/website/src/data/tags.tsx index 5483674..12e4026 100644 --- a/website/src/data/tags.tsx +++ b/website/src/data/tags.tsx @@ -47,7 +47,6 @@ export type TagType = | "keyvault" | "aca" | "mongodb" - | "signalR" | "functions" | "blobstorage" | "azuredb-postgreSQL" @@ -59,11 +58,9 @@ export type TagType = | "servicebus" | "vnets" | "fastapi" - | "fhir" - | "ahds" | "appinsights" | "loganalytics" - | "cognitivesearch" + | "aisearch" | "openai" | "azureai" | "flask" @@ -75,7 +72,6 @@ export type TagType = | "sapcloudsdk" | "nestjs" | "dataverse" - | "chatgpt" | "aks" | "azurecdn" | "frontdoor" @@ -212,11 +208,6 @@ export const Tags: { [type in TagType]: Tag } = { description: "Template architecture uses Thymeleaf template engine", type: "Tools", }, - chatgpt: { - label: "ChatGPT", - description: "Template architecture uses ChatGPT application", - type: "Tools", - }, "dall-e": { label: "Dall-E", description: "Template architecture uses Dall-E", @@ -345,12 +336,6 @@ export const Tags: { [type in TagType]: Tag } = { }, // ---- Service - fhir: { - label: "FHIR Service", - description: - "Template architecture uses Fast Healthcare Interoperability Resources (FHIR) service", - type: "Service", - }, dataverse: { label: "Dataverse", description: "Template architecture uses Microsoft Dataverse", @@ -368,14 +353,6 @@ export const Tags: { [type in TagType]: Tag } = { }, // ---- Azure Services - ahds: { - label: "Azure Health Data Service", - description: - "Template architecture uses Azure Health Data Services workspace", - azureIcon: "./img/Azure-Health-Data-Service.svg", - url: "https://azure.microsoft.com/products/health-data-services/", - type: "Service", - }, appinsights: { label: "Azure Application Insights", description: "Template architecture uses Azure Application Insights", @@ -425,13 +402,6 @@ export const Tags: { [type in TagType]: Tag } = { url: "https://azure.microsoft.com/products/cosmos-db/", type: "Service", }, - signalR: { - label: "Azure SignalR", - description: "Template architecture uses Azure SignalR", - azureIcon: "./img/Azure-SignalR.svg", - url: "https://azure.microsoft.com/products/signalr-service", - type: "Service", - }, functions: { label: "Azure Functions", description: "Template architecture uses Azure Functions", @@ -488,11 +458,11 @@ export const Tags: { [type in TagType]: Tag } = { url: "https://azure.microsoft.com/products/virtual-network", type: "Service", }, - cognitivesearch: { - label: "Azure Cognitive Search", - description: "Template architecture uses Azure Cognitive Search", - azureIcon: "./img/Azure-Cognitive-Search.svg", - url: "https://azure.microsoft.com/products/ai-services/cognitive-search", + aisearch: { + label: "Azure AI Search", + description: "Template architecture uses Azure AI Search", + azureIcon: "./img/Azure-AI-Search.svg", + url: "https://azure.microsoft.com/products/ai-services/ai-search", type: "Service", }, openai: { diff --git a/website/src/pages/ShowcaseCardPage.tsx b/website/src/pages/ShowcaseCardPage.tsx index 3586c95..e594d9f 100644 --- a/website/src/pages/ShowcaseCardPage.tsx +++ b/website/src/pages/ShowcaseCardPage.tsx @@ -3,17 +3,55 @@ * Licensed under the MIT License. */ -import React, { useState, useMemo, useEffect } from "react"; -import { readSearchTags } from "../components/gallery/ShowcaseTagSelect"; -import { useLocation } from "@docusaurus/router"; +import React, { useState, useMemo, useEffect, useCallback } from "react"; import { UserState, InputValue, } from "../components/gallery/ShowcaseTemplateSearch"; -import { type User, type TagType } from "../data/tags"; +import { Tags, type User, type TagType } from "../data/tags"; import { sortedUsers, unsortedUsers } from "../data/users"; -import { Text, Combobox, Option, Spinner } from "@fluentui/react-components"; +import { + Text, + Combobox, + Option, + Spinner, + Badge, +} from "@fluentui/react-components"; import ShowcaseCards from "./ShowcaseCards"; +import useBaseUrl from "@docusaurus/useBaseUrl"; +import styles from "./styles.module.css"; +import { useColorMode } from "@docusaurus/theme-common"; +import { useHistory } from "@docusaurus/router"; +import { toggleListItem } from "@site/src/utils/jsUtils"; +import { prepareUserState } from "./index"; + +const TagQueryStringKey2 = "tags"; + +const readSearchTags2 = (search: string): TagType[] => { + return new URLSearchParams(search).getAll(TagQueryStringKey2) as TagType[]; +} + +function replaceSearchTags(search: string, newTags: TagType[]) { + const searchParams = new URLSearchParams(search); + searchParams.delete(TagQueryStringKey2); + newTags.forEach((tag) => searchParams.append(TagQueryStringKey2, tag)); + return searchParams.toString(); +} + +// updates only the url query +const toggleTag = (tag: TagType, location: Location) => { + const history = useHistory(); + return useCallback(() => { + const tags = readSearchTags2(location.search); + const newTags = toggleListItem(tags, tag); + const newSearch = replaceSearchTags(location.search, newTags); + history.push({ + ...location, + search: newSearch, + state: prepareUserState(), + }); + }, [tag, location, history]); +} function restoreUserState(userState: UserState | null) { const { scrollTopPosition, focusedElementId } = userState ?? { @@ -64,7 +102,7 @@ function filterUsers( user.title.toLowerCase().includes(searchName.toLowerCase()) ); } - if (!selectedTags && selectedTags.length === 0) { + if (!selectedTags || selectedTags.length === 0) { return users; } return users.filter((user) => { @@ -75,21 +113,103 @@ function filterUsers( }); } -export default function ShowcaseCardPage() { +function FilterAppliedBar({ + clearAll, + selectedTags, +}: { + clearAll; + selectedTags: TagType[]; +}) { + const { colorMode } = useColorMode(); + return selectedTags.length > 0 ? ( +
+
+ Filters applied: +
+ {selectedTags.map((tag, index) => { + const tagObject = Tags[tag]; + const key = `showcase_checkbox_key_${tag}`; + const id = `showcase_checkbox_id_${tag}`; + + return ( + + ) : ( + Close + ) + } + iconPosition="after" + className={styles.filterBadge} + onClick={() => { + toggleTag(tag, location); + }} + > + {tagObject.label} + + ); + })} +
+ Clear all +
+
+ ) : null; +} + +export default function ShowcaseCardPage({ + setActiveTags, + selectedTags, + location, + setSelectedTags, + readSearchTags, + replaceSearchTags, +}: { + setActiveTags: React.Dispatch>; + selectedTags: TagType[]; + location; + setSelectedTags: React.Dispatch>; + readSearchTags: (search: string) => TagType[]; + replaceSearchTags: (search: string, newTags: TagType[]) => string; +}) { const [selectedOptions, setSelectedOptions] = useState([]); const [loading, setLoading] = useState(true); - - const [selectedTags, setSelectedTags] = useState([]); const [searchName, setSearchName] = useState(null); const [selectedUsers, setSelectedUsers] = useState([]); - const location = useLocation(); + const clearAll = () => { + setSelectedTags([]); + }; useEffect(() => { setSelectedTags(readSearchTags(location.search)); setSelectedUsers(readSortChoice(selectedOptions[0])); setSearchName(readSearchName(location.search)); restoreUserState(location.state); - setLoading(false); }, [location, selectedOptions]); @@ -98,6 +218,12 @@ export default function ShowcaseCardPage() { [selectedUsers, selectedTags, searchName] ); + useEffect(() => { + const unionTags = new Set(); + cards.forEach((user) => user.tags.forEach((tag) => unionTags.add(tag))); + setActiveTags(Array.from(unionTags)); + }, [cards]); + const sortByOnSelect = (event, data) => { setLoading(true); setSelectedOptions(data.selectedOptions); @@ -158,6 +284,7 @@ export default function ShowcaseCardPage() { + {/* */} {loading ? ( ) : ( diff --git a/website/src/pages/index.tsx b/website/src/pages/index.tsx index 3c9c94a..d112476 100644 --- a/website/src/pages/index.tsx +++ b/website/src/pages/index.tsx @@ -16,10 +16,12 @@ import { } from "@fluentui/react-components"; import { initializeIcons } from "@fluentui/react/lib/Icons"; import ExecutionEnvironment from "@docusaurus/ExecutionEnvironment"; - +import { type TagType } from "@site/src/data/tags"; +import { TagList } from "@site/src/data/users"; import styles from "./styles.module.css"; import { useColorMode } from "@docusaurus/theme-common"; import ShowcaseCardPage from "./ShowcaseCardPage"; +import { useLocation } from "@docusaurus/router"; initializeIcons(); @@ -34,15 +36,32 @@ export function prepareUserState(): UserState | undefined { return undefined; } +const TagQueryStringKey = "tags"; +const readSearchTags = (search: string): TagType[] => { + return new URLSearchParams(search).getAll(TagQueryStringKey) as TagType[]; +}; +const replaceSearchTags = (search: string, newTags: TagType[]) => { + const searchParams = new URLSearchParams(search); + searchParams.delete(TagQueryStringKey); + newTags.forEach((tag) => searchParams.append(TagQueryStringKey, tag)); + return searchParams.toString(); +}; + const App = () => { const { colorMode } = useColorMode(); const [loading, setLoading] = useState(true); + const [activeTags, setActiveTags] = useState(TagList); + const [selectedCheckbox, setSelectedCheckbox] = useState([]); + const location = useLocation(); + const [selectedTags, setSelectedTags] = useState([]); useEffect(() => { + setSelectedTags(readSearchTags(location.search)); + setSelectedCheckbox(readSearchTags(location.search)); setTimeout(() => { setLoading(false); }, 500); - }, []); + }, [location]); return !loading ? ( {
- +
- +
diff --git a/website/src/pages/styles.module.css b/website/src/pages/styles.module.css index 5250fb7..2d7d3eb 100644 --- a/website/src/pages/styles.module.css +++ b/website/src/pages/styles.module.css @@ -124,6 +124,27 @@ width: 100%; } +.clearAll { + font-size: 14px; + font-weight: 400; + line-height: 20px; + text-decoration-line: underline; + cursor: pointer; + color: var(--ifm-color-purple); +} + +.filterBadge { + color: var(--ifm-color-purple); + cursor: pointer; + border: 1px solid #d2ccf8; + background: #f9f8fe; +} + +[data-theme="dark"] .filterBadge { + border: 1px solid #221d46; + background: #3f3682; +} + @media screen and (max-width: 996px) { .filterAndCard { flex-direction: column; diff --git a/website/static/img/Azure-Cognitive-Search.svg b/website/static/img/Azure-AI-Search.svg similarity index 100% rename from website/static/img/Azure-Cognitive-Search.svg rename to website/static/img/Azure-AI-Search.svg diff --git a/website/static/img/darkModePurpleClose.svg b/website/static/img/darkModePurpleClose.svg new file mode 100644 index 0000000..fac36b9 --- /dev/null +++ b/website/static/img/darkModePurpleClose.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/website/static/img/lightModePurpleClose.svg b/website/static/img/lightModePurpleClose.svg new file mode 100644 index 0000000..4eeb78f --- /dev/null +++ b/website/static/img/lightModePurpleClose.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/website/static/templates.json b/website/static/templates.json index 9c3668e..ec3d23a 100644 --- a/website/static/templates.json +++ b/website/static/templates.json @@ -414,9 +414,9 @@ "aks", "kubernetes", "aca", - "cognitivesearch", + "aisearch", "openai", - "chatgpt", + "gpt", "rediscache", "ai", "msft" @@ -433,7 +433,7 @@ "bicep", "python", "openai", - "chatgpt", + "gpt", "ai", "flask", "aca", @@ -451,7 +451,7 @@ "bicep", "java", "openai", - "chatgpt", + "gpt", "ai", "blobstorage", "azurespringapps", @@ -630,8 +630,8 @@ "source": "https://github.com/Azure-Samples/azure-search-openai-demo", "tags": [ "openai", - "chatgpt", - "cognitivesearch", + "gpt", + "aisearch", "python", "typescript", "bicep", @@ -745,7 +745,7 @@ "source": "https://github.com/Azure-Samples/function-csharp-ai-textsummarize", "tags": [ "functions", - "cognitivesearch", + "aisearch", "dotnetCsharp", "azureai", "ai", @@ -759,7 +759,7 @@ "website": "https://github.com/Azure-Samples", "author": "Paul Yuknewicz", "source": "https://github.com/Azure-Samples/function-python-ai-textsummarize", - "tags": ["functions", "cognitivesearch", "python", "azureai", "ai", "msft"] + "tags": ["functions", "aisearch", "python", "azureai", "ai", "msft"] }, { "title": "Flask Container with CDN", @@ -922,7 +922,7 @@ "tags": [ "bicep", "openai", - "chatgpt", + "gpt", "ai", "apim", "reactjs", @@ -1049,7 +1049,7 @@ "monitor", "keyvault", "appinsights", - "chatgpt", + "gpt", "community" ] }, @@ -1108,7 +1108,7 @@ "openai", "ai", "appservice", - "cognitivesearch", + "aisearch", "semantickernel", "reactjs", "bicep", @@ -1143,8 +1143,8 @@ "tags": [ "ai", "bicep", - "chatgpt", - "cognitivesearch", + "gpt", + "aisearch", "javascript", "nodejs", "openai", @@ -1233,7 +1233,7 @@ "website": "https://github.com/Azure-Samples", "author": "Paul Yuknewicz", "source": "https://github.com/Azure-Samples/function-javascript-ai-openai-chatgpt", - "tags": ["functions", "openai", "javascript", "ai", "chatgpt", "msft"] + "tags": ["functions", "openai", "javascript", "ai", "gpt", "msft"] }, { "title": "Azure Functions - Chat using ChatGPT (Python v2 Function)", @@ -1242,7 +1242,7 @@ "website": "https://github.com/Azure-Samples", "author": "Paul Yuknewicz", "source": "https://github.com/Azure-Samples/function-python-ai-openai-chatgpt", - "tags": ["functions", "openai", "python", "ai", "chatgpt", "msft"] + "tags": ["functions", "openai", "python", "ai", "gpt", "msft"] }, { "title": "Azure Functions - LangChain with Azure OpenAI and ChatGPT (Python v2 Function)", @@ -1262,8 +1262,8 @@ "source": "https://github.com/Azure/GPT-RAG", "tags": [ "openai", - "chatgpt", - "cognitivesearch", + "gpt", + "aisearch", "python", "typescript", "bicep", @@ -1590,9 +1590,9 @@ "python", "typescript", "flask", - "cognitivesearch", + "aisearch", "openai", - "chatgpt", + "gpt", "ai", "msft", "new" @@ -1625,7 +1625,7 @@ "source": "https://github.com/john0isaac/rag-semantic-kernel-mongodb-vcore", "tags": [ "openai", - "chatgpt", + "gpt", "cosmosdb", "mongodb", "python", @@ -1645,7 +1645,7 @@ "tags": [ "ai", "bicep", - "chatgpt", + "gpt", "serverlessapi", "javascript", "nodejs",