create-rudder-app 1.1.2 → 1.2.1

package/dist/templates/demos/contact.js

@@ -1,99 +0,0 @@
-export function demosContactView(ctx) {
-    // CSRF is only enforced when @rudderjs/auth is installed (CsrfMiddleware
-    // wraps the /api/contact route in routes/api.ts). Without auth, the
-    // unprotected form just succeeds.
-    const sendsCsrf = ctx.packages.auth ? 'true' : 'false';
-    return `import '@/index.css'
-import { SiteHeader } from 'App/Components/SiteHeader.js'
-import { useState } from 'react'
-import { getCsrfToken } from '@rudderjs/middleware'
-
-interface FormFields { name: string; email: string; message: string }
-interface FormErrors { name?: string; email?: string; message?: string }
-
-export default function ContactDemo() {
-  const [fields, setFields] = useState<FormFields>({ name: '', email: '', message: '' })
-  const [errors, setErrors] = useState<FormErrors>({})
-  const [status, setStatus] = useState<'idle' | 'loading' | 'success' | 'error'>('idle')
-  const [message, setMessage] = useState('')
-
-  function setField(key: keyof FormFields, value: string) {
-    setFields(f => ({ ...f, [key]: value }))
-    if (errors[key]) setErrors(e => ({ ...e, [key]: undefined }))
-  }
-
-  async function submit(e: React.FormEvent) {
-    e.preventDefault()
-    setStatus('loading')
-    setErrors({})
-
-    const headers: Record<string, string> = { 'Content-Type': 'application/json' }
-    if (${sendsCsrf}) headers['X-CSRF-Token'] = getCsrfToken()
-
-    const res  = await fetch('/api/contact', {
-      method:  'POST',
-      headers,
-      body:    JSON.stringify(fields),
-    })
-    const data = await res.json() as { ok?: boolean; message?: string; errors?: FormErrors }
-
-    if (res.ok) {
-      setStatus('success')
-      setMessage(data.message ?? 'Thanks!')
-      setFields({ name: '', email: '', message: '' })
-    } else if (res.status === 422) {
-      setStatus('error')
-      setErrors(data.errors ?? {})
-    } else {
-      setStatus('error')
-      setMessage(\`\${res.status} — \${data.message ?? 'Request failed.'}\`)
-    }
-  }
-
-  return (
-    <div className="page">
-      <SiteHeader />
-
-      <section className="hero">
-        <h1 className="hero-title">Contact</h1>
-        <p className="hero-lead">
-          POSTs to <code className="inline-code">/api/contact</code>${ctx.packages.auth
-        ? ' with an X-CSRF-Token header.'
-        : '. Add @rudderjs/auth to require CSRF.'}{' '}
-          Server-side validated with Zod.
-        </p>
-      </section>
-
-      <section className="feature-section" style={{ maxWidth: '32rem', margin: '0 auto' }}>
-        <form onSubmit={submit} className="form-card">
-          <div>
-            <label className="form-label" htmlFor="name">Name</label>
-            <input id="name" className="form-input" value={fields.name}
-              onChange={e => setField('name', e.target.value)} />
-            {errors.name && <p className="form-error">{errors.name}</p>}
-          </div>
-          <div>
-            <label className="form-label" htmlFor="email">Email</label>
-            <input id="email" type="email" className="form-input" value={fields.email}
-              onChange={e => setField('email', e.target.value)} />
-            {errors.email && <p className="form-error">{errors.email}</p>}
-          </div>
-          <div>
-            <label className="form-label" htmlFor="message">Message</label>
-            <textarea id="message" rows={4} className="form-input" value={fields.message}
-              onChange={e => setField('message', e.target.value)} />
-            {errors.message && <p className="form-error">{errors.message}</p>}
-          </div>
-          <button type="submit" className="form-submit" disabled={status === 'loading'}>
-            {status === 'loading' ? 'Sending…' : 'Send message'}
-          </button>
-          {status === 'success' && <p className="form-success">{message}</p>}
-          {status === 'error' && message && <p className="form-error">{message}</p>}
-        </form>
-      </section>
-    </div>
-  )
-}
-`;
-}
-//# sourceMappingURL=contact.js.map

package/dist/templates/demos/contact.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact.js","sourceRoot":"","sources":["../../../src/templates/demos/contact.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,gBAAgB,CAAC,GAAoB;IACnD,yEAAyE;IACzE,oEAAoE;IACpE,kCAAkC;IAClC,MAAM,SAAS,GAAG,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAEtD,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;UAyBC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sEA6BmD,GAAG,CAAC,QAAQ,CAAC,IAAI;QAC/E,CAAC,CAAC,+BAA+B;QACjC,CAAC,CAAC,uCAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmChD,CAAA;AACD,CAAC"}

package/dist/templates/demos/fibonacci.d.ts

@@ -1,7 +0,0 @@
-export declare function demosFibonacciView(): string;
-/**
- * Returns the inline lines that live in routes/api.ts to handle GET /api/fib.
- * Inlined (not a separate Service) to keep the demo single-file readable.
- */
-export declare function demosFibonacciApiBlock(): string;
-//# sourceMappingURL=fibonacci.d.ts.map

package/dist/templates/demos/fibonacci.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fibonacci.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/fibonacci.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,IAAI,MAAM,CAyH3C;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,MAAM,CAmC/C"}

package/dist/templates/demos/fibonacci.js

@@ -1,164 +0,0 @@
-// Fibonacci demo — sequential vs worker-pool parallel via @rudderjs/concurrency.
-export function demosFibonacciView() {
-    return `import { useState } from 'react'
-import '@/index.css'
-import { SiteHeader } from 'App/Components/SiteHeader.js'
-
-interface FibResponse {
-  n:            number
-  count:        number
-  result:       number
-  sequentialMs: number
-  parallelMs:   number
-  workers:      number
-}
-
-export default function FibonacciDemo() {
-  const [n,       setN      ] = useState(36)
-  const [count,   setCount  ] = useState(4)
-  const [data,    setData   ] = useState<FibResponse | null>(null)
-  const [loading, setLoading] = useState(false)
-  const [error,   setError  ] = useState<string | null>(null)
-
-  async function run() {
-    setLoading(true); setError(null); setData(null)
-    try {
-      const res  = await fetch(\`/api/fib?n=\${n}&count=\${count}\`)
-      const body = await res.json() as FibResponse | { message: string }
-      if (!res.ok) throw new Error((body as { message: string }).message ?? 'Failed')
-      setData(body as FibResponse)
-    } catch (e) {
-      setError((e as Error).message)
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  return (
-    <div className="page">
-      <SiteHeader />
-
-      <section className="hero">
-        <h1 className="hero-title">Worker Threads</h1>
-        <p className="hero-lead">
-          Compute <code className="inline-code">fib(n)</code> N times — sequentially on the main thread, then
-          in parallel via <code className="inline-code">@rudderjs/concurrency</code>'s worker pool. Watch the
-          parallel cost stay flat as N grows (until you saturate workers).
-        </p>
-      </section>
-
-      <section className="feature-section">
-        <div className="form-card">
-          <div style={{ display: 'flex', gap: '1rem', marginBottom: '1rem' }}>
-            <div style={{ flex: 1 }}>
-              <p className="form-label">n (Fibonacci index)</p>
-              <input
-                className="form-input"
-                type="number"
-                min={20}
-                max={42}
-                value={n}
-                onChange={e => setN(Number(e.target.value))}
-              />
-            </div>
-            <div style={{ flex: 1 }}>
-              <p className="form-label">count (parallel calls)</p>
-              <input
-                className="form-input"
-                type="number"
-                min={1}
-                max={16}
-                value={count}
-                onChange={e => setCount(Number(e.target.value))}
-              />
-            </div>
-          </div>
-
-          <button
-            className="form-submit"
-            onClick={run}
-            disabled={loading}
-            style={{ marginBottom: '1rem' }}
-          >
-            {loading ? 'Computing…' : \`Run \${count} × fib(\${n})\`}
-          </button>
-
-          {error && (
-            <p className="form-error">{error}</p>
-          )}
-
-          {data && (
-            <>
-              <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: '1rem', marginBottom: '0.75rem' }}>
-                <div style={{ padding: '0.75rem', borderRadius: '0.375rem', border: '1px solid var(--border, #e5e7eb)' }}>
-                  <p className="form-label" style={{ marginBottom: '0.25rem' }}>Sequential (main thread)</p>
-                  <p style={{ fontSize: '1.25rem', fontWeight: 600, margin: 0 }}>{data.sequentialMs}ms</p>
-                  <p className="feature-desc" style={{ fontSize: '0.7rem', marginTop: '0.25rem' }}>
-                    {data.count} × fib({data.n}) one after another, blocking the event loop
-                  </p>
-                </div>
-                <div style={{ padding: '0.75rem', borderRadius: '0.375rem', border: '1px solid var(--border, #e5e7eb)' }}>
-                  <p className="form-label" style={{ marginBottom: '0.25rem' }}>Parallel ({data.workers} workers)</p>
-                  <p style={{ fontSize: '1.25rem', fontWeight: 600, margin: 0 }}>{data.parallelMs}ms</p>
-                  <p className="feature-desc" style={{ fontSize: '0.7rem', marginTop: '0.25rem' }}>
-                    same {data.count} tasks via <code>Concurrency.run([...])</code>
-                  </p>
-                </div>
-              </div>
-
-              <p className="feature-desc" style={{ fontSize: '0.85rem' }}>
-                Result: <code>fib({data.n}) = {data.result.toLocaleString()}</code>
-                {' · '}
-                <strong>{Math.round((data.sequentialMs / Math.max(data.parallelMs, 1)) * 10) / 10}× faster</strong>
-                {' '}via worker pool
-              </p>
-            </>
-          )}
-        </div>
-      </section>
-    </div>
-  )
-}
-`;
-}
-/**
- * Returns the inline lines that live in routes/api.ts to handle GET /api/fib.
- * Inlined (not a separate Service) to keep the demo single-file readable.
- */
-export function demosFibonacciApiBlock() {
-    return `// GET /api/fib?n=36&count=4 — sequential vs worker-pool parallel via @rudderjs/concurrency.
-router.get('/api/fib', async (req, res) => {
-  const n     = Math.max(1, Math.min(42, Number((req.query as Record<string, string>)['n'] ?? 36)))
-  const count = Math.max(1, Math.min(16, Number((req.query as Record<string, string>)['count'] ?? 4)))
-
-  const { Concurrency } = await import('@rudderjs/concurrency')
-  const { cpus }        = await import('node:os')
-
-  // The task body must be self-contained — closures don't capture variables across the
-  // worker boundary. Inline 'fib' and bind 'n' via a Function-style template.
-  const buildTask = (val: number): (() => number) => {
-    const src = \`
-      function fib(k) { return k < 2 ? k : fib(k - 1) + fib(k - 2) }
-      return fib(\${val})
-    \`
-    return new Function(src) as () => number
-  }
-
-  const seqStart = Date.now()
-  let result = 0
-  for (let i = 0; i < count; i++) result = buildTask(n)()
-  const sequentialMs = Date.now() - seqStart
-
-  const parStart = Date.now()
-  const tasks = Array.from({ length: count }, () => buildTask(n))
-  const results = await Concurrency.run(tasks)
-  const parallelMs = Date.now() - parStart
-  result = results[0] ?? result
-
-  res.json({
-    n, count, result, sequentialMs, parallelMs,
-    workers: Math.min(count, cpus().length),
-  })
-})`;
-}
-//# sourceMappingURL=fibonacci.js.map

package/dist/templates/demos/fibonacci.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fibonacci.js","sourceRoot":"","sources":["../../../src/templates/demos/fibonacci.ts"],"names":[],"mappings":"AAAA,iFAAiF;AAEjF,MAAM,UAAU,kBAAkB;IAChC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuHR,CAAA;AACD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,sBAAsB;IACpC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCN,CAAA;AACH,CAAC"}

package/dist/templates/demos/http.d.ts

@@ -1,3 +0,0 @@
-export declare function demosHttpView(): string;
-export declare function demosHttpApiBlock(): string;
-//# sourceMappingURL=http.d.ts.map

package/dist/templates/demos/http.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"http.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/http.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,IAAI,MAAM,CAiFtC;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAwB1C"}

package/dist/templates/demos/http.js

@@ -1,109 +0,0 @@
-// HTTP client demo — fluent fetch with retry + timeout against a public API.
-export function demosHttpView() {
-    return `import { useState } from 'react'
-import '@/index.css'
-import { SiteHeader } from 'App/Components/SiteHeader.js'
-
-interface HttpResponseShape {
-  status:    number
-  ok:        boolean
-  durationMs: number
-  url:       string
-  body:      unknown
-}
-
-const ENDPOINTS = [
-  { url: 'https://jsonplaceholder.typicode.com/todos/1',  label: 'Todo (works)' },
-  { url: 'https://jsonplaceholder.typicode.com/users/1',  label: 'User (works)' },
-  { url: 'https://httpstat.us/500?sleep=300',              label: 'Force 500 (retries 3×)' },
-]
-
-export default function HttpDemo() {
-  const [url,  setUrl]     = useState(ENDPOINTS[0]!.url)
-  const [data, setData]    = useState<HttpResponseShape | null>(null)
-  const [loading, setLoading] = useState(false)
-  const [error,   setError]   = useState<string | null>(null)
-
-  async function fetchUrl() {
-    setLoading(true); setError(null)
-    try {
-      const res = await fetch('/api/http/fetch?url=' + encodeURIComponent(url))
-      const body = await res.json() as HttpResponseShape | { message: string }
-      if (!res.ok) throw new Error((body as { message: string }).message ?? 'Failed')
-      setData(body as HttpResponseShape)
-    } catch (e) {
-      setError((e as Error).message)
-    } finally {
-      setLoading(false)
-    }
-  }
-
-  return (
-    <div className="page">
-      <SiteHeader />
-
-      <section className="hero">
-        <h1 className="hero-title">HTTP client</h1>
-        <p className="hero-lead">
-          Server-side <code className="inline-code">Http.retry(3, 200).timeout(5000).get(url)</code>{' '}
-          against a public API. Pick a URL — the 500 endpoint exercises the retry path.
-        </p>
-      </section>
-
-      <section className="feature-section" style={{ maxWidth: '40rem', margin: '0 auto' }}>
-        <div className="form-card">
-          <label className="form-label" htmlFor="http-url">URL</label>
-          <select id="http-url" className="form-input" value={url} onChange={e => setUrl(e.target.value)} style={{ marginBottom: '0.75rem' }}>
-            {ENDPOINTS.map(e => (
-              <option key={e.url} value={e.url}>{e.label}</option>
-            ))}
-          </select>
-          <button className="form-submit" onClick={fetchUrl} disabled={loading}>
-            {loading ? 'Fetching…' : 'Fetch'}
-          </button>
-          {error && (
-            <p className="form-error" style={{ marginTop: '1rem' }}>{error}</p>
-          )}
-          {data && (
-            <div style={{ marginTop: '1rem' }}>
-              <p className="feature-desc">
-                <strong>{data.status}</strong> · {data.durationMs}ms · ok={String(data.ok)}
-              </p>
-              <pre style={{ marginTop: '0.5rem', padding: '0.75rem', borderRadius: '0.375rem', background: 'var(--muted, #f4f4f5)', fontSize: '0.7rem', whiteSpace: 'pre-wrap', wordBreak: 'break-all' }}>
-                {JSON.stringify(data.body, null, 2).slice(0, 600)}
-              </pre>
-            </div>
-          )}
-        </div>
-      </section>
-    </div>
-  )
-}
-`;
-}
-export function demosHttpApiBlock() {
-    return `// GET /api/http/fetch?url=… — server-side HTTP with retry + timeout.
-router.get('/api/http/fetch', async (req, res) => {
-  const url = (req.query as Record<string, string>)['url']
-  if (!url) return res.status(422).json({ message: 'url is required' })
-  if (!/^https?:\\/\\//.test(url)) return res.status(422).json({ message: 'url must be http(s)' })
-
-  const { Http } = await import('@rudderjs/http')
-  const t0 = Date.now()
-  try {
-    const response = await Http.retry(3, 200).timeout(5000).get(url)
-    let body: unknown = null
-    try { body = response.json() } catch { body = response.body.slice(0, 600) }
-    res.json({
-      status:     response.status,
-      ok:         response.ok(),
-      durationMs: Date.now() - t0,
-      url,
-      body,
-    })
-  } catch (e) {
-    res.status(502).json({ message: (e as Error).message ?? 'Request failed', durationMs: Date.now() - t0, url })
-  }
-})`;
-}
-//# sourceMappingURL=http.js.map

package/dist/templates/demos/http.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"http.js","sourceRoot":"","sources":["../../../src/templates/demos/http.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAE7E,MAAM,UAAU,aAAa;IAC3B,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ER,CAAA;AACD,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO;;;;;;;;;;;;;;;;;;;;;;GAsBN,CAAA;AACH,CAAC"}

package/dist/templates/demos/index-view.d.ts

@@ -1,3 +0,0 @@
-import { type TemplateContext } from '../../templates.js';
-export declare function demosIndexView(ctx: TemplateContext): string;
-//# sourceMappingURL=index-view.d.ts.map

package/dist/templates/demos/index-view.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-view.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/index-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAG7E,wBAAgB,cAAc,CAAC,GAAG,EAAE,eAAe,GAAG,MAAM,CAsC3D"}

package/dist/templates/demos/index-view.js

@@ -1,47 +0,0 @@
-import { shouldScaffoldDemo } from '../../templates.js';
-import { DEMOS, demoHref, demoTitle } from './registry.js';
-export function demosIndexView(ctx) {
-    const cards = DEMOS
-        .filter(d => shouldScaffoldDemo(ctx, d.value))
-        .map(d => `        <a key="${demoHref(d)}" href="${demoHref(d)}" className="feature-card">
-          <h3 className="feature-title">${demoTitle(d)}</h3>
-          <p className="feature-desc">${escapeJsxText(d.description)}</p>
-          <p className="feature-desc" style={{ fontSize: '0.7rem', opacity: 0.7 }}>${d.packages.join(' · ')}</p>
-        </a>`)
-        .join('\n');
-    return `import '@/index.css'
-import { SiteHeader } from 'App/Components/SiteHeader.js'
-
-// Override the id-derived URL ('/demos/index') so SPA nav matches the controller ('/demos').
-export const route = '/demos'
-
-export default function DemosIndex() {
-  return (
-    <div className="page">
-      <SiteHeader />
-
-      <section className="hero">
-        <h1 className="hero-title">Demos</h1>
-        <p className="hero-lead">
-          Small, focused examples of what the framework can do. Each one is a single
-          controller returning <code className="inline-code">view('demos.&lt;name&gt;')</code>.
-        </p>
-      </section>
-
-      <section className="feature-section">
-        <div className="feature-grid">
-${cards}
-        </div>
-      </section>
-    </div>
-  )
-}
-`;
-}
-// Description strings live as plain text in the registry, but they're emitted
-// inside JSX text nodes. Escape '<' and '>' so a raw '<name>' (e.g. in the
-// localization description) doesn't get parsed as a JSX element.
-function escapeJsxText(s) {
-    return s.replace(/</g, '&lt;').replace(/>/g, '&gt;');
-}
-//# sourceMappingURL=index-view.js.map

package/dist/templates/demos/index-view.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-view.js","sourceRoot":"","sources":["../../../src/templates/demos/index-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAwB,MAAM,oBAAoB,CAAA;AAC7E,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE1D,MAAM,UAAU,cAAc,CAAC,GAAoB;IACjD,MAAM,KAAK,GAAG,KAAK;SAChB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;SAC7C,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,mBAAmB,QAAQ,CAAC,CAAC,CAAC,WAAW,QAAQ,CAAC,CAAC,CAAC;0CACxB,SAAS,CAAC,CAAC,CAAC;wCACd,aAAa,CAAC,CAAC,CAAC,WAAW,CAAC;qFACiB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;aAC9F,CAAC;SACT,IAAI,CAAC,IAAI,CAAC,CAAA;IAEb,OAAO;;;;;;;;;;;;;;;;;;;;;EAqBP,KAAK;;;;;;CAMN,CAAA;AACD,CAAC;AAED,8EAA8E;AAC9E,2EAA2E;AAC3E,iEAAiE;AACjE,SAAS,aAAa,CAAC,CAAS;IAC9B,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;AACtD,CAAC"}

package/dist/templates/demos/localization.d.ts

@@ -1,4 +0,0 @@
-export declare function demosLocalizationView(): string;
-export declare function demosLocalizationApiBlock(): string;
-export declare function langMessages(locale: 'en' | 'es' | 'ar'): string;
-//# sourceMappingURL=localization.d.ts.map

package/dist/templates/demos/localization.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"localization.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/localization.ts"],"names":[],"mappings":"AAIA,wBAAgB,qBAAqB,IAAI,MAAM,CA0E9C;AAED,wBAAgB,yBAAyB,IAAI,MAAM,CAkBlD;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAuB/D"}

package/dist/templates/demos/localization.js

@@ -1,122 +0,0 @@
-// Localization demo — language switcher hits /api/i18n?locale=…
-// The route uses runWithLocale + setLocale + trans() to render strings.
-// Lang files at lang/<locale>/messages.json.
-export function demosLocalizationView() {
-    return `import { useEffect, useState } from 'react'
-import '@/index.css'
-import { SiteHeader } from 'App/Components/SiteHeader.js'
-
-interface I18nResponse {
-  locale:   string
-  greeting: string
-  items:    string
-  welcome:  string
-}
-
-const LOCALES = [
-  { code: 'en', label: 'English' },
-  { code: 'es', label: 'Español' },
-  { code: 'ar', label: 'العربية' },
-]
-
-export default function LocalizationDemo() {
-  const [locale, setLocale] = useState('en')
-  const [data,   setData]   = useState<I18nResponse | null>(null)
-
-  async function load(loc: string) {
-    const res = await fetch(\`/api/i18n?locale=\${loc}\`)
-    setData(await res.json() as I18nResponse)
-  }
-
-  useEffect(() => { load(locale) }, [locale])
-
-  return (
-    <div className="page">
-      <SiteHeader />
-
-      <section className="hero">
-        <h1 className="hero-title">Localization</h1>
-        <p className="hero-lead">
-          Pick a locale to fetch the same keys via{' '}
-          <code className="inline-code">trans()</code> on the server. Strings live in{' '}
-          <code className="inline-code">lang/&lt;locale&gt;/messages.json</code>.
-        </p>
-      </section>
-
-      <section className="feature-section" style={{ maxWidth: '32rem', margin: '0 auto' }}>
-        <div className="form-card">
-          <div style={{ marginBottom: '1rem' }}>
-            <label className="form-label" htmlFor="locale">Locale</label>
-            <select
-              id="locale"
-              className="form-input"
-              value={locale}
-              onChange={e => setLocale(e.target.value)}
-            >
-              {LOCALES.map(l => (
-                <option key={l.code} value={l.code}>{l.label} ({l.code})</option>
-              ))}
-            </select>
-          </div>
-
-          {data && (
-            <div style={{ display: 'grid', gap: '0.5rem' }}>
-              <p className="feature-desc"><strong>welcome:</strong> {data.welcome}</p>
-              <p className="feature-desc"><strong>greeting:</strong> {data.greeting}</p>
-              <p className="feature-desc"><strong>items (3):</strong> {data.items}</p>
-              <p className="feature-desc" style={{ fontSize: '0.7rem', opacity: 0.7 }}>
-                resolved server-side with locale = <code>{data.locale}</code>
-              </p>
-            </div>
-          )}
-        </div>
-      </section>
-    </div>
-  )
-}
-`;
-}
-export function demosLocalizationApiBlock() {
-    return `// GET /api/i18n?locale=… — resolves the same keys in the requested locale.
-router.get('/api/i18n', async (req, res) => {
-  const { runWithLocale, setLocale, getLocale, trans } = await import('@rudderjs/localization')
-  const requested = (req.query as Record<string, string>)['locale'] ?? 'en'
-
-  const payload = await runWithLocale(requested, async () => {
-    setLocale(requested)
-    return {
-      locale:   getLocale(),
-      welcome:  await trans('messages.welcome'),
-      greeting: await trans('messages.greeting', { name: 'World' }),
-      items:    await trans('messages.items', 3),
-    }
-  })
-
-  res.json(payload)
-})`;
-}
-export function langMessages(locale) {
-    if (locale === 'es') {
-        return `{
-  "welcome":  "¡Bienvenido a RudderJS!",
-  "greeting": "Hola, :name!",
-  "items":    "{0} sin elementos|{1} un elemento|{n} :count elementos"
-}
-`;
-    }
-    if (locale === 'ar') {
-        return `{
-  "welcome":  "مرحباً بك في RudderJS!",
-  "greeting": "مرحباً، :name!",
-  "items":    "{0} لا توجد عناصر|{1} عنصر واحد|{n} :count عناصر"
-}
-`;
-    }
-    return `{
-  "welcome":  "Welcome to RudderJS!",
-  "greeting": "Hello, :name!",
-  "items":    "{0} no items|{1} one item|{n} :count items"
-}
-`;
-}
-//# sourceMappingURL=localization.js.map

package/dist/templates/demos/localization.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"localization.js","sourceRoot":"","sources":["../../../src/templates/demos/localization.ts"],"names":[],"mappings":"AAAA,gEAAgE;AAChE,wEAAwE;AACxE,6CAA6C;AAE7C,MAAM,UAAU,qBAAqB;IACnC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwER,CAAA;AACD,CAAC;AAED,MAAM,UAAU,yBAAyB;IACvC,OAAO;;;;;;;;;;;;;;;;GAgBN,CAAA;AACH,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,MAA0B;IACrD,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,OAAO;;;;;CAKV,CAAA;IACC,CAAC;IACD,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;QACpB,OAAO;;;;;CAKV,CAAA;IACC,CAAC;IACD,OAAO;;;;;CAKR,CAAA;AACD,CAAC"}

package/dist/templates/demos/mail.d.ts

@@ -1,4 +0,0 @@
-export declare function demosMailView(): string;
-export declare function demoMailable(): string;
-export declare function demosMailApiBlock(): string;
-//# sourceMappingURL=mail.d.ts.map

package/dist/templates/demos/mail.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mail.d.ts","sourceRoot":"","sources":["../../../src/templates/demos/mail.ts"],"names":[],"mappings":"AAGA,wBAAgB,aAAa,IAAI,MAAM,CA6EtC;AAED,wBAAgB,YAAY,IAAI,MAAM,CAkBrC;AAED,wBAAgB,iBAAiB,IAAI,MAAM,CAkB1C"}