Interactive REPL & Feature Showcase

Tempo offers two dedicated, zero-install in-browser environments running 100% client-side via native ECMAScript Modules (esm.sh):

1. 🎨 Feature Showcase & Workbench: A dynamic, visual sandbox to test format tokens, chained mutations, relative durations, world geolocation, and astronomical ephemeris in real time with auto-generated TypeScript code.
2. ⚡ Code REPL: A freeform JavaScript/TypeScript code editor with real-time evaluation, console streaming, official plugin preloading, and snippet URL sharing.

---

🎨 Interactive Feature Showcase

Explore live formatting, chained mutations, hemisphere-aware astronomical seasons, and celestial mechanics without writing boilerplate:

Runs 100% in your browser. Generates ready-to-use TypeScript code.🚀 Open Full-Screen Showcase↗

---

⚡ Freeform Code REPL

An instant scratchpad for testing custom algorithms, experimental plugin imports, and sharing reproducible snippet links:

Pre-configured with Tempo, Temporal, and official plugins.🚀 Open Full-Screen Code REPL↗

---

Key Capabilities

1. Preloaded Official Plugins

Both environments pre-register the core Tempo instance along with official plugins:

• @magmacomputing/tempo-plugin-geo
• @magmacomputing/tempo-plugin-astro
• @magmacomputing/tempo-plugin-celestial

You can immediately access Terms, seasons, and celestial data without import boilerplate:

const t = new Tempo('today', { geo: { lat: -33.86, lng: 151.2 } });
console.log(t.term.szn);            // "Spring"
console.log(t.term.lunar.phase);    // "First Quarter"

2. Dynamic Plugin Loading via ESM

Need an additional plugin like @magmacomputing/tempo-plugin-ticker or custom third-party modules? Use standard dynamic imports in the Code REPL:

const { TickerPlugin } = await import('@magmacomputing/tempo-plugin-ticker');
Tempo.use(TickerPlugin);

console.log('Ticker plugin active!');

3. AI Semantic Parsing & Natural Language Scheduling

Explore generative date parsing, conversational recurrence, and multi-point event scheduling powered by @magmacomputing/tempo-plugin-ai:

• Select the Preset: AI Semantic Parsing & Scheduling from the preset dropdown.
• Supported Provider Configuration: Provide an API key or explicit supported provider configuration (e.g., Groq, Gemini, OpenAI, Mistral, or local Ollama) via Tempo.ai.init({ providers: [...] }) before calling Tempo.ai.parse or Tempo.ai.schedule.
• Bring Your Own Key (BYOK): Connect live endpoints by configuring provider keys or passing environment variables.

WARNING

API Key Safety in Share Links: When you click 📋 Share, the editor content is encoded into the URL hash (#code=...). Never paste production or sensitive API keys into shared snippets. For live testing, use ephemeral personal sandbox keys.

4. Shareable Snippets & Presets

• Share: Click the 📋 Share button in the REPL header to encode your code directly into a shareable URL hash (#code=...).
• Copy Code: Click 📋 Copy Code in the Showcase to grab production-ready TypeScript code for your current visual setup.

5. Keyboard Shortcuts

• Ctrl + Enter (Windows/Linux) or Cmd + Enter (macOS): Immediately re-evaluate the current editor code.
• Tab: Inserts 2-space indentation.