useful search feature

[d0lwl0b]

https://github.com/github/github-mcp-server is not a good mcp. It is better to encapsulate https://github.com/search into mcp.

[kachiiichama202-sys]

import React, { useMemo, useState, useContext, useEffect } from "react";

/*************************

• MINI I18N (FR / EN)
  *************************/
  const I18nContext = React.createContext({ lang: "fr", setLang: (_l) => {}, t: (k) => k });

function LanguageProvider({ children }) {
const [lang, setLang] = useState("fr");
const dict = useMemo(
() => ({
// Nav
"nav.new": { fr: "Nouveautés", en: "New" },
"nav.categories": { fr: "Catégories", en: "Categories" },
"nav.bestsellers": { fr: "Best‑sellers", en: "Best‑sellers" },
"nav.faq": { fr: "FAQ", en: "FAQ" },
"nav.contact": { fr: "Contact", en: "Contact" },

  // UI
  "ui.paynow": { fr: "Payer par carte (Stripe)", en: "Pay by card (Stripe)" },
  "ui.badge": { fr: "🚚 48–72h • 🔄 Retours 14j", en: "🚚 2–3 days • 🔄 14‑day returns" },
  "ui.secure": { fr: "Paiement sécurisé", en: "Secure payment" },

  // Hero
  "hero.title": { fr: "Boutique Gen Z — petits prix, gros style", en: "Gen Z Shop — small prices, big style" },
  "hero.tag": { fr: "Produits viraux US, livrés vite en France.", en: "Viral US products, shipped fast in EU." },
  "hero.cta": { fr: "Voir les best‑sellers", en: "See best‑sellers" },

  // Steamer
  "steamer.title": { fr: "Spa maison 10 minutes — Résultat visible en 7 jours ✨", en: "At‑home spa in 10 minutes — Visible results in 7 days ✨" },
  "steamer.desc": { fr: "Le Vapozone Peach diffuse une vapeur fine qui ouvre les pores, hydrate la peau et booste l’efficacité de tes soins.", en: "Peach facial steamer releases fine steam to open pores, hydrate skin and boost skincare effectiveness." },
  "steamer.b1": { fr: "Résultat après 7 jours", en: "Results after 7 days" },
  "steamer.b2": { fr: "Routine cocooning (aromathérapie possible)", en: "Cocooning routine (aromatherapy option)" },
  "steamer.b3": { fr: "Luxe accessible", en: "Accessible luxury" },

  // Projector
  "proj.title": { fr: "Ton cinéma de poche 🎥 — ambiance instantanée", en: "Your pocket cinema 🎥 — instant vibes" },
  "proj.desc": { fr: "Transforme ta chambre en salle de cinéma. Connecte ton smartphone et projette jusqu’à 120″.", en: "Turn your room into a theater. Connect your phone and project up to 120″." },
  "proj.b1": { fr: "Ambiance immersive", en: "Immersive ambiance" },
  "proj.b2": { fr: "Nomade & compact", en: "Portable & compact" },
  "proj.b3": { fr: "Parfait pour TikTok", en: "Perfect for TikTok" },

  // Charm
  "charm.title": { fr: "Donne une âme à ton sac 🎒💖", en: "Give your bag a soul 🎒💖" },
  "charm.desc": { fr: "Des peluches exubérantes à accrocher partout. Chaque charm = une vibe.", en: "Exuberant plush charms to clip anywhere. Each charm = a vibe." },
  "charm.b1": { fr: "Ultra cute & fun", en: "Ultra cute & fun" },
  "charm.b2": { fr: "Prix mini, grand effet", en: "Tiny price, big effect" },
  "charm.b3": { fr: "Parfait pour stories", en: "Perfect for stories" },

  // Hoodie
  "hoodie.title": { fr: "L’oversize qui parle pour toi ✌️", en: "Oversize that speaks for you ✌️" },
  "hoodie.desc": { fr: "Hoodie large, confortable, slogans audacieux. Inspiré street US, adopté par la Gen Z.", en: "Roomy, comfy hoodie with bold slogans. US street‑inspired, Gen Z‑approved." },
  "hoodie.b1": { fr: "Style urbain affirmé", en: "Bold urban style" },
  "hoodie.b2": { fr: "Confort premium", en: "Premium comfort" },
  "hoodie.b3": { fr: "Identité mode Gen Z", en: "Gen Z fashion identity" },

  // Neon
  "neon.title": { fr: "Ta chambre, ton mood 💡✨", en: "Your room, your mood 💡✨" },
  "neon.desc": { fr: "Néons design pour une vibe TikTok. Faciles à installer, personnalisables.", en: "Design neon lights for TikTok vibes. Easy to install, customizable." },
  "neon.b1": { fr: "Ambiance personnalisée", en: "Personalized ambiance" },
  "neon.b2": { fr: "Installation simple", en: "Simple setup" },
  "neon.b3": { fr: "Top pour créateurs", en: "Great for creators" },

  // Stand 360
  "360.title": { fr: "Ton caméraman perso 🤳", en: "Your personal cameraman 🤳" },
  "360.desc": { fr: "Filme tes TikToks/Reels sans galérer. Tracking 360° qui suit tes mouvements.", en: "Shoot TikToks/Reels effortlessly. 360° tracking follows your moves." },
  "360.b1": { fr: "Contenu pro facilement", en: "Pro‑looking content easily" },
  "360.b2": { fr: "Compact & léger", en: "Compact & lightweight" },
  "360.b3": { fr: "Viral sur TikTok Shop", en: "Viral on TikTok Shop" },

  // Contact
  "contact.title": { fr: "Commander / Contact", en: "Order / Contact" },
  "contact.name": { fr: "Nom", en: "Name" },
  "contact.email": { fr: "Email", en: "Email" },
  "contact.product": { fr: "Produit", en: "Product" },
  "contact.msg": { fr: "Message", en: "Message" },
  "contact.send": { fr: "Envoyer", en: "Send" },
}),
[]

);
const t = (key) => (dict[key] ? dict[key][lang] : key);
return (
<I18nContext.Provider value={{ lang, setLang, t }}>

{children}

</I18nContext.Provider>
);
}
const useI18n = () => useContext(I18nContext);

/*************************

• PAIEMENT – STRIPE LINKS
  *************************/
  const PAY = {
  STEAMER: "https://buy.stripe.com/XXX_STEAMER", // TODO: remplace par ton lien Stripe
  PROJECTOR: "https://buy.stripe.com/XXX_PROJECTOR",
  CHARM: "https://buy.stripe.com/XXX_CHARM",
  HOODIE: "https://buy.stripe.com/XXX_HOODIE",
  NEON: "https://buy.stripe.com/XXX_NEON",
  STAND360: "https://buy.stripe.com/XXX_STAND360",
  };

function StripeLinkButton({ href, label }) {
const { t } = useI18n();
return (

{label || t("ui.paynow")}

);
}

/*************************

• COUNTDOWN (DROP)
  *************************/
  function Countdown({ targetISO }) {
  const [left, setLeft] = useState(() => new Date(targetISO).getTime() - Date.now());
  useEffect(() => {
  const id = setInterval(() => setLeft(new Date(targetISO).getTime() - Date.now()), 1000);
  return () => clearInterval(id);
  }, [targetISO]);
  if (left <= 0) return (
  🔥 Drop en cours — stock limité !

);
const s = Math.floor(left / 1000);
const d = Math.floor(s / 86400);
const h = Math.floor((s % 86400) / 3600);
const m = Math.floor((s % 3600) / 60);
return (

⏳ Drop dans {d}j {h}h {m}m {s % 60}s

);
}

/*************************

• UI BASICS
  *************************/
  function LanguageSwitcher() {
  const { lang, setLang } = useI18n();
  return (
  setLang("fr")} className={`px-2 py-1 rounded ${lang === "fr" ? "bg-slate-200 dark:bg-slate-800" : "hover:bg-slate-100 dark:hover:bg-slate-900"}`}&gt;FR setLang("en")} className={`px-2 py-1 rounded ${lang === "en" ? "bg-slate-200 dark:bg-slate-800" : "hover:bg-slate-100 dark:hover:bg-slate-900"}`}>EN

);
}

function Navbar() {
const { t } = useI18n();
return (

Kach Trends

{t("nav.bestsellers")}
{t("nav.categories")}
{t("nav.faq")}
{t("nav.contact")}

);
}

function Hero() {
const { t } = useI18n();
return (

{t("hero.title")}

{t("hero.tag")}

💳 {t("ui.secure")}
•
{t("ui.badge")}

{t("hero.cta")}

Visuel héro — remplace par ton image
(produits / ambiance chambre)

{/* Drop ce vendredi 18:00 heure Paris (exemple) */}

);
}

function Bullet({ children }) {
return (

✅{children}

);
}

function ProductSection({ id, title, desc, bullets, price, imgText, payHref, cta }) {
return (

{imgText}

{title}

{desc}

{bullets.map((b, i) => (
{b}
))}

{price}

);
}

function BestsellersGrid() {
const items = [
{ name: "Vapozone visage Peach — Spa maison", price: "34,99 €" },
{ name: "Mini projecteur portable", price: "59,99 €" },
{ name: "Bag charm plushie", price: "14,99 €" },
{ name: "Hoodie oversize slogan", price: "49,99 €" },
{ name: "LED néon déco", price: "29,99 €" },
{ name: "Support téléphone 360°", price: "34,99 €" },
];
return (

Best‑sellers

{items.map((it) => (

{it.name}

{it.name}

{it.price}

Détails

))}

);
}

function CategoriesAnchor() {
return (

{[
{ href: "#steamer", label: "Beauté" },
{ href: "#projector", label: "Gadgets" },
{ href: "#charm", label: "Accessoires" },
{ href: "#hoodie", label: "Streetwear" },
{ href: "#neon", label: "Lifestyle" },
{ href: "#stand360", label: "Tech/Gaming" },
].map((c) => (

{c.label}

))}

);
}

function Contact() {
const { t } = useI18n();
return (

{t("contact.title")}

<input name="name" placeholder={t("contact.name")} className="rounded-xl border border-slate-300 dark:border-slate-700 bg-transparent px-4 py-3" />
<input type="email" name="email" placeholder={t("contact.email")} className="rounded-xl border border-slate-300 dark:border-slate-700 bg-transparent px-4 py-3" />
Vapozone visage Peach — Spa maison Mini projecteur portable Bag charm plushie Hoodie oversize slogan LED néon déco Support téléphone 360° Autre / Personnalisé
<textarea name="message" placeholder={t("contact.msg")} rows={4} className="md:col-span-2 rounded-xl border border-slate-300 dark:border-slate-700 bg-transparent px-4 py-3" />

{t("contact.send")}

📌 Remplace l'adresse mail par la tienne. Pour un vrai panier + paiement, on utilise les boutons Stripe ci‑dessus.

);
}

function LegalPages() {
return (
<>

Conditions Générales de Vente (CGV)

Prix & Paiement. Prix en EUR TTC. Règlement sécurisé via Stripe (cartes, Apple Pay/Google Pay). Les liens de paiement redirigent vers l’interface Stripe.

Livraison. Stock FR/UE : 48–72h ouvrées ; import direct : 7–10 jours ouvrés. Les délais sont estimatifs.

Retours. 14 jours pour changer d’avis (produit inutilisé, emballage d’origine). Remboursement après réception/contrôle.

SAV. Defaut produit : écris‑nous sous 48h avec photo/vidéo — échange ou remboursement selon cas.

Responsable légal. Kach Trends — Contact : kachiiichama202@gmail.com

  <section id="privacy" className="bg-slate-50 dark:bg-slate-900/40">
    <div className="mx-auto max-w-6xl px-4 py-16">
      <h3 className="text-2xl md:text-3xl font-semibold">Politique de Confidentialité</h3>
      <div className="mt-4 space-y-3 text-sm text-slate-700 dark:text-slate-300">
        <p><strong>Données collectées.</strong> Formulaire (nom, e‑mail, message). Paiement hébergé par Stripe : nous ne stockons pas tes données de carte.</p>
        <p><strong>Finalités.</strong> Traitement de commande, support client, statistiques anonymes de fréquentation.</p>
        <p><strong>Conservation.</strong> Données de contact : 12 mois max. Tu peux demander l’accès/suppression : kachiiichama202@gmail.com.</p>
      </div>
    </div>
  </section>

  <section id="mentions" className="mx-auto max-w-6xl px-4 py-16">
    <h3 className="text-2xl md:text-3xl font-semibold">Mentions Légales</h3>
    <p className="mt-4 text-sm text-slate-700 dark:text-slate-300">Éditeur : Kach Trends — e‑mail : kachiiichama202@gmail.com — Hébergeur : Vercel Inc.</p>
  </section>

  <section id="cookies" className="mx-auto max-w-6xl px-4 py-16">
    <h3 className="text-2xl md:text-3xl font-semibold">Politique Cookies</h3>
    <p className="mt-4 text-sm text-slate-700 dark:text-slate-300">Nous utilisons des cookies techniques (langue, thème) et, si activés par toi, des pixels d’analyse/ads (TikTok/Meta). Tu peux refuser via la bannière.</p>
  </section>
</>

);
}

function CookieBanner() {
const [open, setOpen] = useState(false);
useEffect(() => {
const c = localStorage.getItem("cookie-consent-v1");
if (!c) setOpen(true);
}, []);
if (!open) return null;
return (

Cookies : techniques pour le site + mesure d’audience optionnelle. Tu peux accepter ou refuser.

<button onClick={() => { localStorage.setItem("cookie-consent-v1","denied"); setOpen(false); }} className="px-3 py-2 rounded-xl border">Refuser
<button onClick={() => { localStorage.setItem("cookie-consent-v1","granted"); setOpen(false); }} className="px-3 py-2 rounded-xl bg-indigo-600 text-white">Accepter
En savoir plus

);
}

function Footer() {
return (

Kach Trends

© {new Date().getFullYear()} — Tous droits réservés.

Légal

CGV · Confidentialité · Mentions légales · Cookies

Nous suivre

TikTok · Instagram · WhatsApp

);
}

/*************************

• PAGE PRINCIPALE
  *************************/
  function Page() {
  const { t } = useI18n();
  return (

  {/* BEAUTÉ */}

  {/* GADGETS */}

  {/* ACCESSOIRES */}

  {/* STREETWEAR */}

  {/* LIFESTYLE */}

  {/* TECH/GAMING */}

);
}

export default function App() {
return (





);
}

[mattdholloway]

Hi @d0lwl0b - I was wondering if it would be possible to elaborate a bit more on what you'd like to be added to the GitHub MCP Server with regards to search?

[d0lwl0b]

Hi @d0lwl0b - I was wondering if it would be possible to elaborate a bit more on what you'd like to be added to the GitHub MCP Server with regards to search?

MCP needs a temporary search feature that leverages GitHub’s built-in search syntax and search capabilities.