/* Bench2Bedside Singapore, frontend Plain JSX, compiled in the browser by Babel, so there is no build step. */ const { useState, useEffect, useRef, useMemo } = React; /* ----------------------------------------------------------------- brand -- */ const Logo = () => ( ); /* --------------------------------------------------------------- pipeline -- */ const STAGES = [ { key: '01', label: 'Build', blurb: 'Build the science and the asset', say: 'Your job right now is to make the science hold up and secure the IP position. Funding at this point is mostly non-dilutive and institutional.' }, { key: '02', label: 'Advance', blurb: 'Make it investible / IND-ready', say: 'You are de-risking the asset so someone else will pay for it. Toxicology, GMP material and the first regulatory conversations all belong here.' }, { key: '03', label: 'Spin off', blurb: 'Incorporate, licence the IP', say: 'This is a legal and structural stage, not a scientific one. Chain of title, the institutional licence and the entity itself are what gate your first priced round.' }, { key: '04', label: 'Raise', blurb: 'Grants, equity, VC', say: 'Money is the task. Most Singapore schemes want a co-investor or a specific milestone, so line those up before you start applying.' }, { key: '05', label: 'Scale', blurb: 'GMP, trials, HSA, markets', say: 'You are executing: clinical supply, trial approvals and the regulatory path in the market you actually intend to sell in.' }, ]; /* Six families, six clearly separated hues, green, blue, orange, indigo, violet, magenta, so a page of results can be read by colour alone. */ const FAMILY_COLOUR = { funding: { c: '#0F7A52', soft: '#E3F3EC', line: '#B9DECC', label: 'Funding' }, science: { c: '#0E6FA8', soft: '#E2EFF8', line: '#B7D6EB', label: 'Platform' }, regulatory: { c: '#C2410C', soft: '#FDEDE3', line: '#F3D3BC', label: 'Regulatory' }, legal: { c: '#4338CA', soft: '#E9E8FA', line: '#C7C3F0', label: 'IP & legal' }, build: { c: '#A21CAF', soft: '#FAE7FC', line: '#EEC4F4', label: 'Build space' }, network: { c: '#D6156B', soft: '#FCE7F0', line: '#F5C3D8', label: 'People' }, }; const FAMILY_ORDER = ['funding', 'science', 'regulatory', 'legal', 'build', 'network']; /* Anything that is not therapeutics-specific carries a visible tag, so the footer's promise is literally true on the card. 'core' is untagged because untagged is the default the reader should be able to assume. */ const FIT_LABEL = { adjacent: 'General startup', medtech: 'Medtech' }; /* Where the entry came from. An official page and a press announcement are not the same claim, and the card should not pretend otherwise. */ const SOURCE_LABEL = { press: 'Press-reported', manual: 'Community-reported' }; /* What a tick actually means. Anything not listed here shows as unchecked. */ const CHECKED = { 'page-checked': 'Someone opened this page and confirmed the amounts and eligibility', 'founder-checked': 'Confirmed directly by the directory’s editor', 'auto-checked': 'The weekly refresh re-read this page and it still matched', }; const SITUATIONS = [ { label: 'I just filed an invention disclosure', q: 'I filed an invention disclosure with my institution and I do not know what happens next or how to get the IP out.' }, { label: 'I need funding for preclinical work', q: 'I need non-dilutive funding and early investors for preclinical therapeutics work in Singapore.' }, { label: 'Getting to IND-ready', q: 'What do I need to make my asset IND-ready, including toxicology, GMP material and regulatory meetings?' }, { label: 'I want to spin out a company', q: 'I want to spin a company out of my institution, licence the IP and incorporate in Singapore.' }, { label: 'Bringing a foreign asset into Singapore', q: 'We are a foreign biotech bringing our asset and IP into Singapore as a base for development and the US market.' }, { label: 'I need lab space', q: 'Where can I get wet lab bench space or incubator space in Singapore, and what does it cost?' }, { label: 'Planning a first-in-human trial', q: 'How do I run a first-in-human clinical trial in Singapore and what approvals and quality standards apply?' }, { label: 'Looking for people and events', q: 'Where do I meet other biotech founders, advisors and possible co-founders in Singapore?' }, ]; /* ------------------------------------------------- the sigmoid dose curve -- */ const K = 5.4; const sig = t => { const lo = 1 / (1 + Math.exp(K)), hi = 1 / (1 + Math.exp(-K)); return (1 / (1 + Math.exp(-(-K + 2 * K * t))) - lo) / (hi - lo); }; const PX = 7, PY = 27; const cx = t => PX + t * (100 - 2 * PX); const cy = t => (100 - PY) - sig(t) * (100 - 2 * PY); const NODE_T = [0.05, 0.29, 0.50, 0.71, 0.95]; function Pathway({ active, onPick }) { const idx = STAGES.findIndex(s => s.key === active); const { full, area, done } = useMemo(() => { const pts = n => { const a = []; for (let i = 0; i <= n; i++) { const t = (i / n) * (idx < 0 ? 1 : 1); a.push(`${cx(t).toFixed(2)},${cy(t).toFixed(2)}`); } return 'M' + a.join(' L'); }; const upto = () => { if (idx < 0) return ''; const end = NODE_T[idx], a = []; for (let i = 0; i <= 80; i++) { const t = (i / 80) * end; a.push(`${cx(t).toFixed(2)},${cy(t).toFixed(2)}`); } return 'M' + a.join(' L'); }; const f = pts(140); const area = `${f} L ${cx(1).toFixed(2)},${100 - PY} L ${cx(0).toFixed(2)},${100 - PY} Z`; return { full: f, area, done: upto() }; }, [idx]); return (

The pipeline

Five stages from bench to market. Ask a question and we place you on it, or tap a stage to browse it directly.

{STAGES.map((s, i) => ( ))} {STAGES.map((s, i) => (
= 0 && i < idx ? ' done' : '') + (active === s.key ? ' here' : '')} style={{ left: cx(NODE_T[i]) + '%', top: `calc(${cy(NODE_T[i])}% + 16px)` }}> {s.key} {s.label} {s.blurb}
))}
); } /* --------------------------------------------------------------- results -- */ function Res({ r }) { const fam = FAMILY_COLOUR[r.family] || FAMILY_COLOUR.network; const track = () => { navigator.sendBeacon?.('/api/pulse?p=' + encodeURIComponent('/out/' + r.id)); }; const flag = FIT_LABEL[r.biotech_fit] || null; const style = { '--fam': fam.c, '--fam-soft': fam.soft, '--fam-line': fam.line }; return (

{r.name}

{fam.label} {r.type} {r.status} {flag ? {flag} : null} {SOURCE_LABEL[r.source] ? {SOURCE_LABEL[r.source]} : null}

{r.org}{r.amount ? <> · {r.amount} : null}

Why this fits, {r.why}

Crucial requirements

{r.requirements}

Next step{r.next_step} {r.contact ? No direct link, {r.contact} : null} {CHECKED[r.verification] ? '✓ checked ' + r.verified_on : '○ not yet checked'} Open ↗
); } /* ----------------------------------------------------------- submit sheet -- */ function SubmitSheet({ onClose }) { const [f, setF] = useState({ name: '', url: '', category: 'Grant', note: '', website: '' }); const [state, setState] = useState('idle'); const [msg, setMsg] = useState(''); const [types, setTypes] = useState(typeof B2B_TYPES !== 'undefined' ? B2B_TYPES : null); const set = k => e => setF({ ...f, [k]: e.target.value }); useEffect(() => { if (!types) fetch('/api/types').then(r => r.json()).then(d => setTypes(d.types)).catch(() => {}); }, []); // group the real types out of the directory under their colour family const grouped = FAMILY_ORDER .map(fam => ({ fam, label: FAMILY_COLOUR[fam].label, list: (types || []).filter(t => t.family === fam) })) .filter(g => g.list.length); const send = async () => { setState('sending'); try { const res = await fetch('/api/submit', { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify(f), }); const d = await res.json(); if (!res.ok) { setMsg(d.error || 'That did not go through.'); setState('idle'); return; } setState('done'); } catch { setMsg('Network problem. Try again.'); setState('idle'); } }; return (
e.target === e.currentTarget && onClose()}>
{state === 'done' ? (

Got it, thank you.

Every submission is checked by a human before it goes live, so it will not appear straight away. If it holds up, it joins the directory in the next weekly pass. Since we did not take your contact details, we cannot write back, which is the trade we would rather make.

) : (

Suggest a resource

Know a programme, fund, facility or event that belongs here? Submissions are anonymous, we only want the link.

Grouped by the colour family the card will use. Pick the closest, we can recategorise it during review.