// marketing.jsx — Homepage, Login, Signup, Forgot, 404 // ─────── Top marketing nav ─────── function MarketNav({ navigate, currentRoute }) { return ( ); } function MarketFooter({ navigate }) { return ( ); } // ─────── Homepage ─────── function HomePage({ navigate }) { return (
{/* HERO */}
Le pont entre l'IA et FileMaker

Vos scripts FileMaker, écrits par l'IA.
Générés dans FileMaker en un clic.

ChatGPT, Claude, Gemini, Copilot — l'IA de votre choix génère le script. FMAutoScript le tape dans FileMaker Pro, étape par étape. Parce que FileMaker n'accepte pas le copier-coller dans Script Workspace.

Compatible toutes IA FileMaker 19, 20, 21, 22 Aucune donnée envoyée
{/* Bridge illustration: AI → FMAutoScript → FileMaker */}
{/* BRING YOUR OWN AI */}
Bring your own AI

On ne vous impose pas de modèle. Utilisez celui que vous payez déjà.

{[ { name: "ChatGPT", glyph: "chatgpt", by: "OpenAI" }, { name: "Claude", glyph: "claude", by: "Anthropic" }, { name: "Gemini", glyph: "gemini", by: "Google" }, { name: "Copilot", glyph: "copilot", by: "Microsoft" }, { name: "Mistral", glyph: "mistral", by: "Mistral AI" }, { name: "DeepSeek", glyph: "deepseek", by: "DeepSeek" }, ].map((p) => (
{p.name} {p.by}
))}

FMAutoScript ne stocke pas votre clé API et n'appelle aucune IA. Vous discutez avec l'IA de votre côté, vous nous donnez le résultat.

{/* FEATURES */}
{[ { icon: "scripts", title: "240+ steps FileMaker", body: "De Set Field aux Perform Script On Server, en passant par tous les contrôles If/Loop. Si l'IA l'écrit, on sait le taper." }, { icon: "alertTri", title: "Reprise sur erreur", body: "Avec notre plugin de détection d'erreurs, FileMaker s'arrête à la ligne 42 (champ inexistant, syntaxe invalide), corrigez et on reprend là où ça a planté." }, { icon: "puzzle", title: "Extension navigateur", body: "L'extension Chrome/Firefox/Safari fait passer le script directement de votre onglet ChatGPT à FileMaker. Sans détour par notre site." }, { icon: "cpu", title: "100 % local", body: "Le companion tourne sur votre machine. Vos scripts ne transitent jamais par nos serveurs — aucun risque de fuite IP client." }, { icon: "globe", title: "Multi-versions FM", body: "FileMaker 19, 20, 21, Pro Advanced. On s'adapte au layout de Manage Scripts de la version installée." }, { icon: "history", title: "Historique illimité", body: "Tous vos scripts générés sont conservés (plan Pro). Re-jouez, dupliquez, exportez en un clic." }, ].map((f) => (

{f.title}

{f.body}

))}
{/* HOW IT WORKS */}
{[ { n: "01", icon: "sparkles", title: "Demandez à votre IA", body: "\"Donne-moi un script FileMaker qui crée un patient et envoie un mail.\" — ChatGPT, Claude, Gemini, peu importe." }, { n: "02", icon: "copy", title: "Copiez le résultat", body: "Copie standard de la réponse de l'IA. Plain text, format FileMaker classique (Set Field, If, Loop, etc.)." }, { n: "03", icon: "code", title: "Collez dans FMAutoScript", body: "Cmd+V dans l'éditeur. Coloration syntaxique automatique. Vérifiez, ajustez si besoin." }, { n: "04", icon: "zap", title: "On tape dans FileMaker", body: "Un clic. Le companion ouvre Manage Scripts et tape chaque step à votre place. Vous regardez (ou pas)." }, ].map((s) => (
{s.n}

{s.title}

{s.body}

))}
{/* EXTENSION CALL-OUT */}
Extension navigateur

Générez des scripts en un clic.

Pas besoin de notre site. L'extension Chrome / Firefox / Safari fait tourner FMAutoScript dans votre navigateur.

Chrome 100+ · Firefox 102+ · Safari 16+
{/* SUITE FMATIQUE — sister product */}
Suite FMAtique

Vous documentez aussi vos bases ?
Découvrez FMBluePrint.

L'autre outil de FMAtique : générez la documentation complète d'une base FileMaker — tables, relations, scripts, calculs — en quelques secondes. Compatible avec FMAutoScript.

{/* Mini blueprint preview */}
{/* CTA */}

Votre IA a déjà écrit le script.
Arrêtez de le retaper.

Premier script collé et créé en moins de 2 minutes. Aucune carte bancaire. Compte gratuit limité à 30 scripts/mois.

); } // Code viewer for marketing screenshots function CodeViewer({ code, small = false }) { return (
); } // Rendered FM Script Workspace mock function FmScriptPreview() { const steps = [ { idx: 1, t: "step", n: "Set Error Capture", args: "[ On ]" }, { idx: 2, t: "step", n: "New Record/Request" }, { idx: 3, t: "step", n: "Set Field", args: "[ Patients::Nom; \"Dupont\" ]" }, { idx: 4, t: "step", n: "Set Field", args: "[ Patients::Prenom; \"Marie\" ]" }, { idx: 5, t: "step", n: "Set Field", args: "[ Patients::DateNaissance; Get(CurrentDate) ]" }, { idx: 6, t: "step", n: "Commit Records/Requests" }, { idx: 7, t: "ctrl", n: "If", args: "[ Get(LastError) = 0 ]" }, { idx: 8, t: "step", n: " Show Custom Dialog", args: "[ \"Patient créé.\" ]" }, { idx: 9, t: "ctrl", n: "End If" }, ]; return (
{steps.map((s, i) => (
{s.idx} {s.n} {s.args && {s.args}}
))}
); } // ─────── Auth pages ─────── function AuthChrome({ children, navigate }) { return (
navigate("market.home")}>
{children}
); } function LoginPage({ navigate, onLogin }) { const [showPw, setShowPw] = React.useState(false); const [email, setEmail] = React.useState(""); const [pw, setPw] = React.useState(""); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(""); const handleGoogle = async () => { if (!window.sb) { setError("Auth non configurée — clé Supabase manquante"); return; } const { error } = await window.sb.auth.signInWithOAuth({ provider: 'google', options: { redirectTo: 'https://www.fmautoscript.app' } }); if (error) setError(error.message); }; const handleLogin = async () => { if (!window.sb) { setError("Auth non configurée — clé Supabase manquante"); return; } if (!email.trim()) { setError("Entrez votre email"); return; } if (!pw) { setError("Entrez votre mot de passe"); return; } setLoading(true); setError(""); try { const { error } = await window.sb.auth.signInWithPassword({ email: email.trim(), password: pw }); setLoading(false); if (error) { setError(error.message === "Invalid login credentials" ? "Email ou mot de passe incorrect" : error.message); } } catch (e) { setLoading(false); setError(e.message || "Erreur de connexion au serveur"); } }; return (

Bon retour

Connectez-vous à votre compte FMAutoScript.

OU
setEmail(e.target.value)} />
setPw(e.target.value)} placeholder="••••••••" />
{error && (
{error}
)}

Pas encore de compte ?{" "} navigate("market.signup")}> Créer un compte

); } function SignupPage({ navigate, onLogin }) { const [showPw, setShowPw] = React.useState(false); const [email, setEmail] = React.useState(""); const [pw, setPw] = React.useState(""); const [loading, setLoading] = React.useState(false); const [error, setError] = React.useState(""); const [confirmSent, setConfirmSent] = React.useState(false); const handleGoogle = async () => { if (!window.sb) { setError("Auth non configurée — clé Supabase manquante"); return; } const { error } = await window.sb.auth.signInWithOAuth({ provider: 'google', options: { redirectTo: 'https://www.fmautoscript.app' } }); if (error) setError(error.message); }; const pwStrength = pw.length === 0 ? 0 : pw.length < 6 ? 1 : pw.length < 10 ? 2 : pw.length < 14 ? 3 : 4; const pwLabels = ["", "Faible", "Moyen", "Bon", "Fort"]; const handleSignup = async () => { if (!window.sb) { setError("Auth non configurée — clé Supabase manquante"); return; } if (!email.trim()) { setError("Entrez votre email"); return; } if (pw.length < 6) { setError("Le mot de passe doit contenir au moins 6 caractères"); return; } setLoading(true); setError(""); try { const { data, error } = await window.sb.auth.signUp({ email: email.trim(), password: pw }); setLoading(false); if (error) { setError(error.message); } else if (data.session) { // Auto-logged in — onAuthStateChange in app.jsx will redirect } else { setConfirmSent(true); } } catch (e) { setLoading(false); setError(e.message || "Erreur de connexion au serveur"); } }; return (
{confirmSent ? (

Vérifiez votre boîte mail

Un email de confirmation a été envoyé à {email}. Cliquez sur le lien pour activer votre compte.

) : ( <>

Créer un compte

30 scripts gratuits par mois. Aucune carte bancaire.

OU PAR EMAIL
setEmail(e.target.value)} />
setPw(e.target.value)} placeholder="Min. 6 caractères" />
{pw.length > 0 && ( <>
{[0, 1, 2, 3].map((i) => (
))}

Force : {pwLabels[pwStrength]}

)}
{error && (
{error}
)}

Déjà inscrit ?{" "} navigate("market.login")}> Se connecter

)}
); } function ForgotPage({ navigate }) { const [sent, setSent] = React.useState(false); const [email, setEmail] = React.useState(""); const [loading, setLoading] = React.useState(false); const handleReset = async () => { if (!email.trim() || !window.sb) return; setLoading(true); await window.sb.auth.resetPasswordForEmail(email.trim(), { redirectTo: 'https://www.fmautoscript.app' }); setLoading(false); setSent(true); }; return (
{!sent ? ( <>

Mot de passe oublié ?

Entrez l'email de votre compte, on vous envoie un lien de réinitialisation.

setEmail(e.target.value)} />
) : (

Vérifiez votre boîte mail

Si un compte existe pour cette adresse, vous recevrez un lien de réinitialisation dans les 2 minutes.

)}
); } function FourOhFour({ navigate }) { return (
ERROR_CODE: 404
404

Cette page n'existe pas.

Comme un Go to Layout vers un layout supprimé. Vérifiez l'URL ou revenez à l'accueil.

); } Object.assign(window, { HomePage, LoginPage, SignupPage, ForgotPage, FourOhFour }); // ─────── AI glyph (abstract, brand-evoking but not brand-copying) ─────── function AIGlyph({ name, size = 24 }) { const s = size, c = s / 2; const wrap = { width: s, height: s, borderRadius: s * 0.28, display: "grid", placeItems: "center", flexShrink: 0 }; if (name === "chatgpt") return
; if (name === "claude") return
A*
; if (name === "gemini") return
; if (name === "copilot") return
{"//"}
; if (name === "mistral") return
; if (name === "deepseek") return
DS
; return
; } // ─────── Bridge illustration: AI → FMAutoScript → FileMaker ─────── function BridgeIllustration() { return (
le pont
{/* Pane 1 — AI chat */} }>
Donne-moi un script FileMaker qui crée un patient avec validation.
Set Error Capture [ On ]
New Record/Request
Set Field [Patients::Nom]
If [ Get(LastError)=0 ]
…
End If
{/* Pane 2 — FMAutoScript editor */} }>
Cmd+V
 {/* Pane 3 — FileMaker */} FM
}>
); } function BridgePane({ label, tag, glyph, children }) { return (
{glyph} {label} {tag}
{children}
); } function BridgeArrow() { return (
); } Object.assign(window, { AIGlyph, BridgeIllustration }); // ─────── Blueprint preview (sister product) ─────── function BlueprintPreview() { return (
fmblueprint — schéma
{[ [{ name: "Patients", x: 8, y: 20, fields: ["pk_Id", "Nom", "Prénom"] }, { name: "Adresses", x: 8, y: 150, fields: ["pk_Id", "Rue", "Ville"] }], [{ name: "Consultations", x: 145, y: 30, fields: ["pk_Id", "fk_Patient", "Date"] }], [{ name: "Factures", x: 282, y: 20, fields: ["pk_Id", "Montant", "Date"] }, { name: "Paiements", x: 282, y: 150, fields: ["pk_Id", "Montant", "Mode"] }], ].flat().map((t) => (
{t.name}
{t.fields.map((f) => (
{f}
))}
))}
); } Object.assign(window, { BlueprintPreview });