LukeParke/website
1
0
Fork 0
mirror of https://github.com/LukeHagar/website.git synced 2025-12-09 12:57:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

searchable

Browse Source
This commit is contained in:
Jesse Winton
2025-03-18 14:23:09 -04:00
parent b303423a23
commit c14cc55621
6 changed files with 36 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/lib/constants.ts
View File

@@ -27,13 +27,13 @@ export type SocialShareOption = {
type: 'link' | 'copy'; type: 'link' | 'copy';
}; };
export type IntegrationCategory = { export type SearchableCategory = {
slug: string; slug: string;
heading: string; heading: string;
description: string; description: string;
}; };
export const integrationCategoryDescriptions: IntegrationCategory[] = [ export const integrationCategoryDescriptions: SearchableCategory[] = [
{ {
slug: 'ai', slug: 'ai',
heading: 'AI', heading: 'AI',
@@ -81,6 +81,14 @@ export const integrationCategoryDescriptions: IntegrationCategory[] = [
} }
]; ];
export const partnerCategoryDescriptions: SearchableCategory[] = [
{
slug: 'agency',
heading: 'Agency',
description: 'Agency description goes here'
}
];
export const socialSharingOptions: Array<SocialShareOption> = [ export const socialSharingOptions: Array<SocialShareOption> = [
{ {
icon: 'web-icon-x', icon: 'web-icon-x',

4
src/markdoc/layouts/Integration.svelte
View File

@@ -6,7 +6,7 @@
import { DEFAULT_HOST } from '$lib/utils/metadata'; import { DEFAULT_HOST } from '$lib/utils/metadata';
import type { Integration } from '$routes/integrations/+page'; import type { Integration } from '$routes/integrations/+page';
import { isHeaderHidden } from '$lib/layouts/Main.svelte'; import { isHeaderHidden } from '$lib/layouts/Main.svelte';
import { integrationCategoryDescriptions } from '$lib/constants'; import { partnerCategoryDescriptions } from '$lib/constants';
export let title: Integration['title']; export let title: Integration['title'];
export let images: Integration['images']; export let images: Integration['images'];
@@ -20,7 +20,7 @@
//const title = 'Integrations' + TITLE_SUFFIX; //const title = 'Integrations' + TITLE_SUFFIX;
//const ogImage = DEFAULT_HOST + '/images/open-graph/website.png'; //const ogImage = DEFAULT_HOST + '/images/open-graph/website.png';
const ogImage = DEFAULT_HOST + cover; const ogImage = DEFAULT_HOST + cover;
const categoryHeading = integrationCategoryDescriptions.find( const categoryHeading = partnerCategoryDescriptions.find(
(key) => key.slug === category.toLowerCase() (key) => key.slug === category.toLowerCase()
)?.heading; )?.heading;
</script> </script>

8
src/routes/integrations/+page.ts
View File

@@ -1,7 +1,7 @@
import { base } from '$app/paths'; import { base } from '$app/paths';
import { groupBy } from 'remeda'; import { groupBy } from 'remeda';
import type { IntegrationCategory } from '$lib/constants'; import type { SearchableCategory } from '$lib/constants';
import { integrationCategoryDescriptions as categoryDescriptions } from '$lib/constants'; import { partnerCategoryDescriptions as categoryDescriptions } from '$lib/constants';
export type Integration = { export type Integration = {
title: string; title: string;
@@ -26,7 +26,7 @@ export const load = () => {
eager: true eager: true
}); });
const categories: IntegrationCategory[] = []; const categories: SearchableCategory[] = [];
const platforms: string[] = []; const platforms: string[] = [];
const integrations = Object.entries(integrationsGlob).map(([filepath, integrationList]) => { const integrations = Object.entries(integrationsGlob).map(([filepath, integrationList]) => {
@@ -40,7 +40,7 @@ export const load = () => {
frontmatter.platform.map((platform) => platforms.push(platform)); frontmatter.platform.map((platform) => platforms.push(platform));
categories.push( categories.push(
categoryDescriptions.find((i) => i.slug === frontmatter.category) ?? categoryDescriptions.find((i) => i.slug === frontmatter.category) ??
({} as IntegrationCategory) ({} as SearchableCategory)
); );
return { return {

14
src/routes/partners/catalog/+page.svelte
View File

@@ -143,10 +143,10 @@
goto(`#${e.currentTarget.value.toLowerCase()}`)} goto(`#${e.currentTarget.value.toLowerCase()}`)}
> >
{#each data.categories as category} {#each data.categories as category}
{@const integrations = data.integrations.find( {@const integrations = data.partners.find(
(i) => i.category === category.slug (i) => i.category === category.slug
)} )}
{#if integrations && (activePlatform === 'All' || integrations.integrations.some( (i) => i.platform.includes(activePlatform) ))} {#if integrations && (activePlatform === 'All' || integrations.integrations.some( (i) => i.partnerLevel.includes(activePlatform) ))}
<option value={category.slug}> <option value={category.slug}>
{category.heading} {category.heading}
</option> </option>
@@ -162,10 +162,10 @@
<ul class="hidden flex-col gap-4 sm:flex" class:disabled={hasQuery}> <ul class="hidden flex-col gap-4 sm:flex" class:disabled={hasQuery}>
{#each data.categories as category} {#each data.categories as category}
{@const integrations = data.integrations.find( {@const integrations = data.partners.find(
(i) => i.category === category.slug (i) => i.category === category.slug
)} )}
{#if integrations && (activePlatform === 'All' || integrations.integrations.some( (i) => i.platform.includes(activePlatform) ))} {#if integrations && (activePlatform === 'All' || integrations.integrations.some( (i) => i.partnerLevel.includes(activePlatform) ))}
<li> <li>
<a <a
href={`#${category.slug}`} href={`#${category.slug}`}
@@ -285,8 +285,8 @@
</div> </div>
</section> </section>
{#each data.integrations as { category, heading, description, integrations }} {#each data.partners as { category, heading, description, integrations }}
{#if integrations?.length > 0 && (activePlatform === 'All' || integrations.some( (i) => i.platform.includes(activePlatform) ))} {#if integrations?.length > 0 && (activePlatform === 'All' || integrations.some( (i) => i.partnerLevel.includes(activePlatform) ))}
<section <section
class="l-max-size-list-cards-section flex flex-col gap-8" class="l-max-size-list-cards-section flex flex-col gap-8"
id={category.toLowerCase()} id={category.toLowerCase()}
@@ -312,7 +312,7 @@
<div class="l-max-size-list-cards flex flex-col gap-8"> <div class="l-max-size-list-cards flex flex-col gap-8">
<ul class="l-grid-1"> <ul class="l-grid-1">
{#each integrations as integration, index (`${integration.title}-${index}`)} {#each integrations as integration, index (`${integration.title}-${index}`)}
{#if activePlatform === 'All' || integration.platform.includes(activePlatform)} {#if activePlatform === 'All' || integration.partnerLevel.includes(activePlatform)}
<li> <li>
<a <a
href={integration.href} href={integration.href}

22
src/routes/partners/catalog/+page.ts
View File

@@ -1,7 +1,9 @@
import { base } from '$app/paths'; import { base } from '$app/paths';
import { groupBy } from 'remeda'; import { groupBy } from 'remeda';
import type { IntegrationCategory } from '$lib/constants'; import {
import { integrationCategoryDescriptions as categoryDescriptions } from '$lib/constants'; partnerCategoryDescriptions as categoryDescriptions,
type SearchableCategory
} from '$lib/constants';
export type Partner = { export type Partner = {
title: string; title: string;
@@ -28,10 +30,10 @@ export const load = () => {
eager: true eager: true
}); });
const categories: IntegrationCategory[] = []; const categories: Array<SearchableCategory> = [];
const platforms: string[] = []; const platforms: string[] = [];
const integrations = Object.entries(partnersGlob).map(([filepath, integrationList]) => { const partners = Object.entries(partnersGlob).map(([filepath, integrationList]) => {
const { frontmatter } = integrationList as { const { frontmatter } = integrationList as {
frontmatter: Partner; frontmatter: Partner;
}; };
@@ -41,7 +43,7 @@ export const load = () => {
categories.push( categories.push(
categoryDescriptions.find((i) => i.slug === frontmatter.category) ?? categoryDescriptions.find((i) => i.slug === frontmatter.category) ??
({} as IntegrationCategory) ({} as SearchableCategory)
); );
return { return {
@@ -50,9 +52,9 @@ export const load = () => {
}; };
}); });
const groupedIntegrations = groupBy(integrations, (i) => i.category); const groupedPartners = groupBy(partners, (i) => i.category);
const integrationsWithDescriptions = Object.entries(groupedIntegrations).map( const partnersWithDescriptions = Object.entries(groupedPartners).map(
([category, integrations]) => { ([category, integrations]) => {
const integrationCategory = categoryDescriptions.find( const integrationCategory = categoryDescriptions.find(
(key) => key.slug === category.toLowerCase() (key) => key.slug === category.toLowerCase()
@@ -66,7 +68,7 @@ export const load = () => {
} }
); );
const featuredIntegrations = integrations.filter((i) => i.featured); const featuredIntegrations = partners.filter((i) => i.featured);
const featuredIntegrationsWithCategoryHeadings = Object.entries(featuredIntegrations).map( const featuredIntegrationsWithCategoryHeadings = Object.entries(featuredIntegrations).map(
// eslint-disable-next-line @typescript-eslint/no-unused-vars // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -82,8 +84,8 @@ export const load = () => {
); );
return { return {
integrations: integrationsWithDescriptions, partners: partnersWithDescriptions,
list: integrations, list: partners,
categories: new Set(categories), categories: new Set(categories),
platforms: new Set(platforms), platforms: new Set(platforms),
featured: featuredIntegrationsWithCategoryHeadings featured: featuredIntegrationsWithCategoryHeadings

2
src/routes/partners/catalog/ai-openai/+page.markdoc
View File

@@ -7,7 +7,7 @@ featured: true
partnerLevel: Platinum partnerLevel: Platinum
isNew: true isNew: true
cover: /images/integrations/ai-openai/cover.png cover: /images/integrations/ai-openai/cover.png
category: Agency category: agency
website: partnername.com website: partnername.com
product: product:
avatar: '/images/integrations/avatars/openai.png' avatar: '/images/integrations/avatars/openai.png'