code-playpad 0.1.3

package/dist/pyodide-IYKXKyDw.js

@@ -0,0 +1,13 @@
+import{i as e}from"./config-DZqcFPEP.js";import{t}from"./worker-runtime-BZHszOA3.js";var n=`let pyodide=null,stdinLines=[],stdinExhausted=!1,currentId=null,interactive=!1,inputWaitMs=0,nextRequest=1;const pendingLines=new Map,MOUNT="/home/pyodide/playground";let written=new Set,internals=null;const REFRESH=["import importlib, os, sys","MOUNT = "+JSON.stringify(MOUNT),"os.makedirs(MOUNT, exist_ok=True)","sys.path.insert(0, MOUNT) if MOUNT not in sys.path else None","os.chdir(MOUNT)","for _name, _mod in list(sys.modules.items()):",'    _file = getattr(_mod, "__file__", None) or ""','    _paths = list(getattr(_mod, "__path__", None) or [])',"    if _file.startswith(MOUNT) or any(str(p).startswith(MOUNT) for p in _paths):","        del sys.modules[_name]","importlib.invalidate_caches()"].join(\`
+\`);function flushStreams(){try{pyodide.runPython(\`import sys
+sys.stdout.flush()
+sys.stderr.flush()\`,{globals:internals})}catch{}flushOutput()}const INPUT_OVERRIDE=["import builtins, sys, js","from pyodide.ffi import run_sync","",'def _pg_input(prompt=""):','    if prompt != "":',"        sys.stdout.write(str(prompt))","        sys.stdout.flush()","    line = run_sync(js._pgReadLine())","    # Pyodide maps JS null to its own JsNull singleton, not None, so test","    # for what we want rather than for the several ways EOF can arrive.","    if not isinstance(line, str):",'        raise EOFError("EOF when reading a line")',"    return line","",'_pg_input.__name__ = "input"','_pg_input.__qualname__ = "input"',"_pg_input.__doc__ = builtins.input.__doc__","builtins.input = _pg_input"].join(\`
+\`);self._pgReadLine=async()=>{if(stdinLines.length){const s=stdinLines.shift();return writeOutput("echo",s+\`
+\`),s}if(!interactive)return stdinExhausted=!0,null;const e=nextRequest++;flushOutput();const t=performance.now(),n=await new Promise(s=>{pendingLines.set(e,s),post({type:"stdin-request",id:currentId,request:e})});return inputWaitMs+=performance.now()-t,n===void 0?null:n};function syncFiles(e){const t=Object.keys(e);for(const n of written)if(t.indexOf(n)===-1)try{pyodide.FS.unlink(MOUNT+"/"+n)}catch{}written=new Set(t);for(const n of t){const s=MOUNT+"/"+n,i=s.slice(0,s.lastIndexOf("/"));pyodide.FS.mkdirTree(i),pyodide.FS.writeFile(s,e[n],{encoding:"utf8"})}pyodide.runPython(REFRESH,{globals:internals})}function post(e){self.postMessage(e)}const FLUSH_BYTES=8192,FLUSH_MS=16;let outputQueue=[],queuedChars=0,lastFlush=0;function writeOutput(e,t){const n=outputQueue[outputQueue.length-1];n&&n.type===e?n.text+=t:outputQueue.push({type:e,text:t}),queuedChars+=t.length;const s=performance.now();(queuedChars>=FLUSH_BYTES||s-lastFlush>=FLUSH_MS)&&flushOutput()}function flushOutput(){if(lastFlush=performance.now(),!outputQueue.length)return;const e=outputQueue;outputQueue=[],queuedChars=0;for(const t of e)post({type:t.type,id:currentId,text:t.text})}function formatError(e){let t=e&&e.message?e.message:String(e);const n=t.split(\`
+\`);if(/^Traceback/.test(n[0])){let s=-1;for(let r=1;r<n.length;r++){const a=n[r].match(/^\\s*File "([^"]+)"/);if(a&&a[1].indexOf("/_pyodide/")===-1){s=r;break}}const i=s>1?[n[0]].concat(n.slice(s)):n,o=[];for(let r=0;r<i.length;r++){const a=i[r].match(/^\\s*File "[^"]*", line \\d+, in (.+)$/);if(a&&a[1]==="_pg_input"){for(;r+1<i.length&&/^ {4,}/.test(i[r+1]);)r++;continue}o.push(i[r])}t=o.join(\`
+\`)}return t.split(MOUNT+"/").join("").replace(/\\s+$/,"")}async function importLoadPyodide(e){try{const t=await import(e+"pyodide.mjs");if(t&&t.loadPyodide)return t.loadPyodide}catch(t){if(typeof importScripts!="function")throw t}return importScripts(e+"pyodide.js"),self.loadPyodide}async function boot(e){post({type:"progress",phase:"booting",message:"Loading Python runtime"}),pyodide=await(await importLoadPyodide(e))({indexURL:e});const n=new TextDecoder,s=new TextDecoder;pyodide.setStdout({isatty:!0,write:o=>(writeOutput("stdout",n.decode(o,{stream:!0})),o.length)}),pyodide.setStderr({isatty:!0,write:o=>(writeOutput("stderr",s.decode(o,{stream:!0})),o.length)}),pyodide.setStdin({stdin:()=>{if(flushOutput(),stdinLines.length){const o=stdinLines.shift();return writeOutput("echo",o+\`
+\`),o+\`
+\`}return stdinExhausted=!0,null},autoEOF:!1});let i=pyodide.version;try{i=pyodide.runPython("import sys; '.'.join(str(p) for p in sys.version_info[:3])")}catch{}if(internals=pyodide.runPython("dict()"),typeof WebAssembly.Suspending=="function")try{pyodide.runPython(INPUT_OVERRIDE,{globals:internals}),interactive=!0}catch{interactive=!1}post({type:"ready",version:i,interactiveStdin:interactive})}async function run(e){let t=null;currentId=e.id,stdinLines=e.stdin?String(e.stdin).replace(/\\n$/,"").split(\`
+\`):[],stdinExhausted=!1,inputWaitMs=0;for(const s of pendingLines.values())s(null);pendingLines.clear();const n=performance.now();try{e.files&&syncFiles(e.files);try{await pyodide.loadPackagesFromImports(e.code,{messageCallback:r=>post({type:"progress",id:e.id,phase:"packages",message:r}),errorCallback:()=>{}})}catch(r){post({type:"stderr",id:e.id,text:"Could not auto-install packages: "+formatError(r)+\`
+\`})}t=pyodide.runPython('dict(__name__="__main__")'),e.entry&&t.set("__file__",e.entry);const s={globals:t};e.entry&&(s.filename=MOUNT+"/"+e.entry);const i=await pyodide.runPythonAsync(e.code,s);flushStreams();let o;if(i!=null)try{t.set("_pg_last",i),o=pyodide.runPython("repr(_pg_last)",{globals:t})}catch{o=String(i)}i&&typeof i.destroy=="function"&&i.destroy(),post({type:"result",id:e.id,value:o,durationMs:performance.now()-n-inputWaitMs})}catch(s){flushStreams();const i=formatError(s);post({type:"error",id:e.id,message:i,hint:stdinExhausted&&i.indexOf("EOFError")!==-1?"input() asked for a line that standard input did not have. Add one line per input() call in the box above, then run again.":void 0,durationMs:performance.now()-n-inputWaitMs})}finally{if(currentId=null,t){try{t.destroy()}catch{}t=null}}}self.onmessage=async e=>{const t=e.data;try{if(t.type==="init")await boot(t.indexURL);else if(t.type==="run")await run(t);else if(t.type==="stdin-response"){const n=pendingLines.get(t.request);n&&(pendingLines.delete(t.request),n(t.text===void 0?null:t.text))}}catch(n){post({type:"fatal",id:t&&t.id,message:formatError(n)})}};
+`,r=new class extends t{id=`python`;get source(){return n}initPayload(){return{indexURL:e()}}get label(){return this.version?`Python ${this.version.split(`.`).slice(0,2).join(`.`)}`:`Python`}async editorLanguage(){let{python:e}=await import(`@codemirror/lang-python`);return e()}};export{r as pythonRuntime};

package/dist/pyodide-yv6x2HCQ.js

@@ -0,0 +1,18 @@
+/*!
+ * code-playpad — MIT © 2026 Seung Hun Lee
+ * Bundles CodeMirror 6 and Lezer (MIT) © Marijn Haverbeke and others.
+ * Full third-party licences: THIRD-PARTY-NOTICES.txt in this package.
+ */
+import{i as e}from"./config-B2qK2rdk.js";import{t}from"./worker-runtime-8Mnw4vAD.js";var n=`let pyodide=null,stdinLines=[],stdinExhausted=!1,currentId=null,interactive=!1,inputWaitMs=0,nextRequest=1;const pendingLines=new Map,MOUNT="/home/pyodide/playground";let written=new Set,internals=null;const REFRESH=["import importlib, os, sys","MOUNT = "+JSON.stringify(MOUNT),"os.makedirs(MOUNT, exist_ok=True)","sys.path.insert(0, MOUNT) if MOUNT not in sys.path else None","os.chdir(MOUNT)","for _name, _mod in list(sys.modules.items()):",'    _file = getattr(_mod, "__file__", None) or ""','    _paths = list(getattr(_mod, "__path__", None) or [])',"    if _file.startswith(MOUNT) or any(str(p).startswith(MOUNT) for p in _paths):","        del sys.modules[_name]","importlib.invalidate_caches()"].join(\`
+\`);function flushStreams(){try{pyodide.runPython(\`import sys
+sys.stdout.flush()
+sys.stderr.flush()\`,{globals:internals})}catch{}flushOutput()}const INPUT_OVERRIDE=["import builtins, sys, js","from pyodide.ffi import run_sync","",'def _pg_input(prompt=""):','    if prompt != "":',"        sys.stdout.write(str(prompt))","        sys.stdout.flush()","    line = run_sync(js._pgReadLine())","    # Pyodide maps JS null to its own JsNull singleton, not None, so test","    # for what we want rather than for the several ways EOF can arrive.","    if not isinstance(line, str):",'        raise EOFError("EOF when reading a line")',"    return line","",'_pg_input.__name__ = "input"','_pg_input.__qualname__ = "input"',"_pg_input.__doc__ = builtins.input.__doc__","builtins.input = _pg_input"].join(\`
+\`);self._pgReadLine=async()=>{if(stdinLines.length){const s=stdinLines.shift();return writeOutput("echo",s+\`
+\`),s}if(!interactive)return stdinExhausted=!0,null;const e=nextRequest++;flushOutput();const t=performance.now(),n=await new Promise(s=>{pendingLines.set(e,s),post({type:"stdin-request",id:currentId,request:e})});return inputWaitMs+=performance.now()-t,n===void 0?null:n};function syncFiles(e){const t=Object.keys(e);for(const n of written)if(t.indexOf(n)===-1)try{pyodide.FS.unlink(MOUNT+"/"+n)}catch{}written=new Set(t);for(const n of t){const s=MOUNT+"/"+n,i=s.slice(0,s.lastIndexOf("/"));pyodide.FS.mkdirTree(i),pyodide.FS.writeFile(s,e[n],{encoding:"utf8"})}pyodide.runPython(REFRESH,{globals:internals})}function post(e){self.postMessage(e)}const FLUSH_BYTES=8192,FLUSH_MS=16;let outputQueue=[],queuedChars=0,lastFlush=0;function writeOutput(e,t){const n=outputQueue[outputQueue.length-1];n&&n.type===e?n.text+=t:outputQueue.push({type:e,text:t}),queuedChars+=t.length;const s=performance.now();(queuedChars>=FLUSH_BYTES||s-lastFlush>=FLUSH_MS)&&flushOutput()}function flushOutput(){if(lastFlush=performance.now(),!outputQueue.length)return;const e=outputQueue;outputQueue=[],queuedChars=0;for(const t of e)post({type:t.type,id:currentId,text:t.text})}function formatError(e){let t=e&&e.message?e.message:String(e);const n=t.split(\`
+\`);if(/^Traceback/.test(n[0])){let s=-1;for(let r=1;r<n.length;r++){const a=n[r].match(/^\\s*File "([^"]+)"/);if(a&&a[1].indexOf("/_pyodide/")===-1){s=r;break}}const i=s>1?[n[0]].concat(n.slice(s)):n,o=[];for(let r=0;r<i.length;r++){const a=i[r].match(/^\\s*File "[^"]*", line \\d+, in (.+)$/);if(a&&a[1]==="_pg_input"){for(;r+1<i.length&&/^ {4,}/.test(i[r+1]);)r++;continue}o.push(i[r])}t=o.join(\`
+\`)}return t.split(MOUNT+"/").join("").replace(/\\s+$/,"")}async function importLoadPyodide(e){try{const t=await import(e+"pyodide.mjs");if(t&&t.loadPyodide)return t.loadPyodide}catch(t){if(typeof importScripts!="function")throw t}return importScripts(e+"pyodide.js"),self.loadPyodide}async function boot(e){post({type:"progress",phase:"booting",message:"Loading Python runtime"}),pyodide=await(await importLoadPyodide(e))({indexURL:e});const n=new TextDecoder,s=new TextDecoder;pyodide.setStdout({isatty:!0,write:o=>(writeOutput("stdout",n.decode(o,{stream:!0})),o.length)}),pyodide.setStderr({isatty:!0,write:o=>(writeOutput("stderr",s.decode(o,{stream:!0})),o.length)}),pyodide.setStdin({stdin:()=>{if(flushOutput(),stdinLines.length){const o=stdinLines.shift();return writeOutput("echo",o+\`
+\`),o+\`
+\`}return stdinExhausted=!0,null},autoEOF:!1});let i=pyodide.version;try{i=pyodide.runPython("import sys; '.'.join(str(p) for p in sys.version_info[:3])")}catch{}if(internals=pyodide.runPython("dict()"),typeof WebAssembly.Suspending=="function")try{pyodide.runPython(INPUT_OVERRIDE,{globals:internals}),interactive=!0}catch{interactive=!1}post({type:"ready",version:i,interactiveStdin:interactive})}async function run(e){let t=null;currentId=e.id,stdinLines=e.stdin?String(e.stdin).replace(/\\n$/,"").split(\`
+\`):[],stdinExhausted=!1,inputWaitMs=0;for(const s of pendingLines.values())s(null);pendingLines.clear();const n=performance.now();try{e.files&&syncFiles(e.files);try{await pyodide.loadPackagesFromImports(e.code,{messageCallback:r=>post({type:"progress",id:e.id,phase:"packages",message:r}),errorCallback:()=>{}})}catch(r){post({type:"stderr",id:e.id,text:"Could not auto-install packages: "+formatError(r)+\`
+\`})}t=pyodide.runPython('dict(__name__="__main__")'),e.entry&&t.set("__file__",e.entry);const s={globals:t};e.entry&&(s.filename=MOUNT+"/"+e.entry);const i=await pyodide.runPythonAsync(e.code,s);flushStreams();let o;if(i!=null)try{t.set("_pg_last",i),o=pyodide.runPython("repr(_pg_last)",{globals:t})}catch{o=String(i)}i&&typeof i.destroy=="function"&&i.destroy(),post({type:"result",id:e.id,value:o,durationMs:performance.now()-n-inputWaitMs})}catch(s){flushStreams();const i=formatError(s);post({type:"error",id:e.id,message:i,hint:stdinExhausted&&i.indexOf("EOFError")!==-1?"input() asked for a line that standard input did not have. Add one line per input() call in the box above, then run again.":void 0,durationMs:performance.now()-n-inputWaitMs})}finally{if(currentId=null,t){try{t.destroy()}catch{}t=null}}}self.onmessage=async e=>{const t=e.data;try{if(t.type==="init")await boot(t.indexURL);else if(t.type==="run")await run(t);else if(t.type==="stdin-response"){const n=pendingLines.get(t.request);n&&(pendingLines.delete(t.request),n(t.text===void 0?null:t.text))}}catch(n){post({type:"fatal",id:t&&t.id,message:formatError(n)})}};
+`,r=new class extends t{id=`python`;get source(){return n}initPayload(){return{indexURL:e()}}get label(){return this.version?`Python ${this.version.split(`.`).slice(0,2).join(`.`)}`:`Python`}async editorLanguage(){let{python:e}=await import(`./dist-D_qJovVA.js`);return e()}};export{r as pythonRuntime};

package/dist/react.d.ts

@@ -0,0 +1,44 @@
+import type { CSSProperties } from 'react';
+import { CodePlayPadElement } from './element.js';
+import type { ErrorEventDetail, OutputEventDetail, RunEventDetail } from './element.js';
+import type { Files } from './types.js';
+export interface CodePlayPadProps {
+    /** Single-file shorthand. Ignored when `files` is given. */
+    code?: string;
+    /** Several files: modules, packages ("pkg/__init__.py"), data files. */
+    files?: Files;
+    /** Which file Run executes. Defaults to main.py, else the first file. */
+    entry?: string;
+    stdin?: string;
+    /** "python" (default), "javascript" or "typescript". */
+    language?: string;
+    height?: number | string;
+    theme?: 'light' | 'dark' | 'auto';
+    readOnly?: boolean;
+    autoRun?: boolean;
+    /** IndexedDB key: edits are restored on the student's next visit */
+    persist?: string;
+    className?: string;
+    style?: CSSProperties;
+    onReady?: (detail: {
+        language: string;
+        label: string;
+    }) => void;
+    onRun?: (detail: RunEventDetail) => void;
+    onOutput?: (detail: OutputEventDetail) => void;
+    onError?: (detail: ErrorEventDetail) => void;
+}
+/**
+ * Thin wrapper. Properties are assigned through the ref rather than JSX props,
+ * which keeps React 18 (no non-string prop support on custom elements) working
+ * the same as React 19.
+ */
+export declare function CodePlayPad({ code, files, entry, stdin, language, height, theme, readOnly, autoRun, persist, className, style, onReady, onRun, onOutput, onError }: CodePlayPadProps): import("react").JSX.Element;
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            'code-playpad': React.DetailedHTMLProps<React.HTMLAttributes<CodePlayPadElement> & Record<string, unknown>, CodePlayPadElement>;
+        }
+    }
+}
+export default CodePlayPad;

package/dist/react.js

@@ -0,0 +1 @@
+import{n as e}from"./element-CJuhuMOP.js";import{useEffect as t,useRef as n}from"react";import{jsx as r}from"react/jsx-runtime";e();function i({code:e=``,files:i,entry:a,stdin:o,language:s=`python`,height:c,theme:l=`auto`,readOnly:u,autoRun:d,persist:f,className:p,style:m,onReady:h,onRun:g,onOutput:_,onError:v}){let y=n(null),b=n({onReady:h,onRun:g,onOutput:_,onError:v});b.current={onReady:h,onRun:g,onOutput:_,onError:v},t(()=>{let e=y.current;if(!e)return;let t=(t,n)=>{let r=e=>n(b.current)?.(e.detail);return e.addEventListener(t,r),()=>e.removeEventListener(t,r)},n=[t(`py-ready`,e=>e.onReady),t(`py-run`,e=>e.onRun),t(`py-output`,e=>e.onOutput),t(`py-error`,e=>e.onError)];return()=>n.forEach(e=>e())},[]);let x=i?JSON.stringify(i):null;return t(()=>{let t=y.current;t&&(x?t.files=JSON.parse(x):e!==t.code&&(t.code=e))},[e,x]),t(()=>{y.current&&o!==void 0&&(y.current.stdin=o)},[o]),r(`code-playpad`,{ref:y,language:s,theme:l,class:p,style:m,...c===void 0?{}:{height:String(c)},...u?{readonly:``}:{},...d?{autorun:``}:{},...f?{persist:f}:{},...a?{entry:a}:{},children:i?null:e})}export{i as CodePlayPad,i as default};

package/dist/runtime/config.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Runtime endpoints, kept in their own module on purpose.
+ *
+ * If `configurePython()` lived in pyodide.ts, then exporting it from the
+ * package root would statically pull the Python runtime into the main chunk and
+ * every page would download it — including pages that only run JavaScript.
+ * This module holds nothing but a few strings.
+ */
+/** Pinned so the CDN response is cacheable forever. */
+export declare const PYODIDE_VERSION = "314.0.5";
+/** Point Python at your own origin — strongly recommended in production, so you
+ *  control `Cache-Control` on the ~11MB of assets. Call before the first run. */
+export declare function configurePython(options: {
+    indexURL: string;
+}): void;
+/** Point the TypeScript/JSX transform somewhere else (your own origin, a pinned
+ *  CDN copy). Only fetched when a widget actually needs a transform. */
+export declare function configureTypeScript(options: {
+    sucraseURL: string;
+}): void;
+export declare function getPyodideIndexURL(): string;
+export declare function getSucraseURL(): string;
+/** The files worth `<link rel="preload">`-ing in the document head, so the
+ *  network fetch starts before app JS runs. Python only — JavaScript has
+ *  nothing to preload, which is rather the point of it. */
+export declare function pyodideAssetUrls(): {
+    url: string;
+    as: 'script' | 'fetch';
+}[];

package/dist/runtime/javascript.d.ts

@@ -0,0 +1,3 @@
+import type { Runtime } from '../types.js';
+export declare const javascriptRuntime: Runtime;
+export declare const typescriptRuntime: Runtime;

package/dist/runtime/js-worker.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Source for the JavaScript / TypeScript worker.
+ *
+ * Unlike Python there is no runtime to download — the engine is already here.
+ * The only thing that may be fetched is a TypeScript transform, and only when
+ * the code actually needs one (a .ts file, JSX, or ES module syntax across
+ * several files). Plain single-file JavaScript costs nothing beyond this file.
+ */
+export declare const JS_WORKER_SOURCE: string;

package/dist/runtime/pyodide.d.ts

@@ -0,0 +1,3 @@
+import type { Runtime } from '../types.js';
+/** The one Python runtime for this document. */
+export declare const pythonRuntime: Runtime;

package/dist/runtime/registry.d.ts

@@ -0,0 +1,9 @@
+import type { Runtime } from '../types.js';
+type RuntimeLoader = () => Promise<Runtime>;
+/** Add a language. Adding a second runtime should be a new file, not a rewrite. */
+export declare function registerRuntime(id: string, loader: RuntimeLoader): void;
+export declare function listRuntimes(): string[];
+/** Lazily imports the runtime module, so a page with no Python widget never
+ *  downloads the Python glue. Cached per id. */
+export declare function getRuntime(id: string): Promise<Runtime>;
+export {};

package/dist/runtime/worker-runtime.d.ts

@@ -0,0 +1,71 @@
+import type { LoadProgress, Result, RunOptions } from '../types.js';
+/**
+ * Everything a Worker-backed runtime needs that has nothing to do with the
+ * language: boot, reboot, a single-file queue, streamed output, interactive
+ * stdin, and stop-by-terminate.
+ *
+ * Both runtimes speak the same message protocol, so this lives in one place —
+ * the bugs found in the Python path (errors never streaming, output arriving in
+ * the wrong run, prompts holding the queue) were all in code like this, and
+ * fixing them twice would be a mistake.
+ */
+export type WorkerMessage = {
+    type: 'ready';
+    version: string;
+    interactiveStdin?: boolean;
+} | {
+    type: 'progress';
+    id?: number;
+    phase: LoadProgress['phase'];
+    message: string;
+} | {
+    type: 'stdout';
+    id: number;
+    text: string;
+} | {
+    type: 'echo';
+    id: number;
+    text: string;
+} | {
+    type: 'stdin-request';
+    id: number;
+    request: number;
+} | {
+    type: 'stderr';
+    id: number;
+    text: string;
+} | {
+    type: 'result';
+    id: number;
+    value?: string;
+    durationMs: number;
+} | {
+    type: 'error';
+    id: number;
+    message: string;
+    hint?: string;
+    durationMs: number;
+} | {
+    type: 'fatal';
+    id?: number;
+    message: string;
+};
+export declare abstract class WorkerRuntime {
+    #private;
+    /** Worker source for this language. */
+    protected abstract get source(): string;
+    /** Extra fields for the init message (e.g. where to fetch a runtime from). */
+    protected initPayload(): Record<string, unknown>;
+    get ready(): boolean;
+    get interactiveStdin(): boolean;
+    protected get version(): string;
+    load(onProgress?: (p: LoadProgress) => void): Promise<void>;
+    run(code: string, options?: RunOptions): Promise<Result>;
+    /**
+     * Hard stop. User code that never yields cannot be interrupted cooperatively
+     * without SharedArrayBuffer (which needs site-wide COOP/COEP), so we kill the
+     * worker and boot a fresh one. Queued runs survive and execute on the new one.
+     */
+    stop(): void;
+    abstract get label(): string;
+}

package/dist/runtime/worker.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Source for the Pyodide worker.
+ *
+ * It ships as a string and is instantiated from a Blob URL so the package has
+ * no separate worker file to host, and works identically from npm, a CDN, or a
+ * bundler. Pyodide itself is pulled from the CDN at runtime, never bundled
+ * (hard constraint 3).
+ *
+ * The same source runs as a module worker or as a classic one: module workers
+ * get `pyodide.mjs` via dynamic import, classic workers get `pyodide.js` via
+ * `importScripts`. Environments block one or the other often enough to be
+ * worth supporting both.
+ */
+export declare const WORKER_SOURCE: string;

package/dist/standalone.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Single-file build for CDN use: CodeMirror is bundled in, so a static HTML
+ * page needs one script tag and no import map.
+ *
+ * Pyodide is still fetched at runtime and never bundled — that is the whole
+ * reason this file is ~100KB gzipped instead of 11MB.
+ *
+ *   <script type="module" src="https://cdn.jsdelivr.net/npm/code-playpad"></script>
+ *   <code-playpad>print("hi")</code-playpad>
+ *
+ * Prefer the "." entry (with CodeMirror as peer dependencies) if you already
+ * use CodeMirror or a bundler — this build cannot share those copies.
+ */
+export * from './index.js';

package/dist/standalone.js

@@ -0,0 +1,293 @@
+/*!
+ * code-playpad — MIT © 2026 Seung Hun Lee
+ * Bundles CodeMirror 6 and Lezer (MIT) © Marijn Haverbeke and others.
+ * Full third-party licences: THIRD-PARTY-NOTICES.txt in this package.
+ */
+import{c as e,n as t,o as n,r,s as i,t as a}from"./config-B2qK2rdk.js";async function o(e){try{return await s(e)}catch(t){return console.warn(`[code-playpad] CodeMirror unavailable, using plain textarea:`,t),c(e)}}async function s(e){let[t,n,r,i,a,o]=await Promise.all([import(`./dist-BThnYaQ5.js`).then(e=>e.s),import(`./dist-DOsLUKSb.js`).then(e=>e.x),import(`./dist-CnC1nMtN.js`),import(`./dist-D0FPZcUi.js`),import(`./dist-DmrP6yta.js`),import(`./dist-DlIO0dzi.js`)]),{EditorView:s,keymap:c,lineNumbers:l,highlightActiveLine:u,highlightActiveLineGutter:d,highlightSpecialChars:f,drawSelection:p,rectangularSelection:m,crosshairCursor:h}=t,{EditorState:g,Compartment:_}=n,{defaultKeymap:v,history:y,historyKeymap:b,indentWithTab:x}=r,{syntaxHighlighting:S,defaultHighlightStyle:C,indentOnInput:w,bracketMatching:T,foldGutter:E,foldKeymap:D}=i,{autocompletion:O,closeBrackets:k,closeBracketsKeymap:A,completionKeymap:j}=a,M=new _,N=new _,P=new _,F=[s.theme({"&":{color:`#1f2328`,backgroundColor:`#ffffff`},".cm-gutters":{backgroundColor:`#f6f8fa`,color:`#8b949e`,border:`none`},".cm-activeLine":{backgroundColor:`#f6f8fa88`},".cm-activeLineGutter":{backgroundColor:`#eaeef2`},".cm-cursor":{borderLeftColor:`#1f2328`},"&.cm-focused .cm-selectionBackground, .cm-selectionBackground, ::selection":{backgroundColor:`#cfe3ff`}}),S(C,{fallback:!0})],I=e=>e?o.oneDark:F,L=c.of([{key:`Mod-Enter`,preventDefault:!0,run:()=>(e.onRun?.(),!0)},{key:`Shift-Enter`,preventDefault:!0,run:()=>(e.onRun?.(),!0)}]),R=e.dark,z=e.readOnly,B=e.language??[],V=t=>g.create({doc:t,extensions:[l(),d(),f(),y(),E(),p(),g.allowMultipleSelections.of(!0),w(),T(),k(),O(),m(),h(),u(),L,c.of([...A,...v,...b,...D,...j,x]),s.lineWrapping,P.of(B),M.of(I(R)),N.of(g.readOnly.of(z)),s.updateListener.of(t=>{t.docChanged&&e.onChange?.(t.state.doc.toString())})]}),H=new s({parent:e.parent,state:V(e.doc)}),U=new Map,W=e.name??``;return{fallback:!1,getCode:()=>H.state.doc.toString(),setCode(e){H.dispatch({changes:{from:0,to:H.state.doc.length,insert:e}})},openFile(e,t){if(e===W)return;U.set(W,H.state);let n=U.get(e);H.setState(n??V(t)),W=e,n&&H.dispatch({effects:[M.reconfigure(I(R)),N.reconfigure(g.readOnly.of(z)),P.reconfigure(B)]})},fileCode(e,t){if(e===W)return H.state.doc.toString();let n=U.get(e);return n?n.doc.toString():t},forgetFiles(e){for(let t of[...U.keys()])e.includes(t)||U.delete(t)},setTheme(e){R=e,H.dispatch({effects:M.reconfigure(I(R))})},setReadOnly(e){z=e,H.dispatch({effects:N.reconfigure(g.readOnly.of(z))})},setLanguage(e){B=e,H.dispatch({effects:P.reconfigure(B)})},focus:()=>H.focus(),destroy:()=>H.destroy()}}function c(e){let t=document.createElement(`textarea`);t.className=`cp-fallback-editor`,t.spellcheck=!1,t.value=e.doc,t.readOnly=e.readOnly,t.addEventListener(`input`,()=>e.onChange?.(t.value)),t.addEventListener(`keydown`,t=>{(t.metaKey||t.ctrlKey)&&t.key===`Enter`&&(t.preventDefault(),e.onRun?.())}),e.parent.appendChild(t);let n=new Map,r=e.name??``;return{fallback:!0,getCode:()=>t.value,setCode:e=>{t.value=e},openFile(e,i){e!==r&&(n.set(r,t.value),t.value=n.get(e)??i,r=e)},fileCode(e,i){return e===r?t.value:n.get(e)??i},forgetFiles(e){for(let t of[...n.keys()])e.includes(t)||n.delete(t)},setTheme:()=>{},setReadOnly:e=>{t.readOnly=e},setLanguage:()=>{},focus:()=>t.focus(),destroy:()=>t.remove()}}var l=new Map,u=new Map;function d(e,t){l.set(e,t)}function f(){return[...l.keys()]}function p(e){let t=u.get(e);if(t)return t;let n=l.get(e);if(!n)return Promise.reject(Error(`Unknown runtime "${e}". Registered: ${f().join(`, `)||`none`}`));let r=n().catch(t=>{throw u.delete(e),t});return u.set(e,r),r}d(`python`,()=>import(`./pyodide-yv6x2HCQ.js`).then(e=>e.pythonRuntime)),d(`javascript`,()=>import(`./javascript-DGFKR69i.js`).then(e=>e.javascriptRuntime)),d(`typescript`,()=>import(`./javascript-DGFKR69i.js`).then(e=>e.typescriptRuntime));var m=String.raw`
+:host {
+  --cp-bg: #ffffff;
+  --cp-fg: #1f2328;
+  --cp-muted: #656d76;
+  --cp-border: #d0d7de;
+  --cp-surface: #f6f8fa;
+  --cp-accent: #1f6feb;
+  --cp-accent-fg: #ffffff;
+  --cp-danger: #cf222e;
+  --cp-ok: #1a7f37;
+  --cp-radius: 8px;
+  --cp-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+  --cp-font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
+
+  display: block;
+  margin: 1rem 0;
+  color-scheme: light;
+  contain: content;
+}
+
+:host([hidden]) { display: none; }
+
+:host([data-resolved-theme="dark"]) {
+  --cp-bg: #0d1117;
+  --cp-fg: #e6edf3;
+  --cp-muted: #8b949e;
+  --cp-border: #30363d;
+  --cp-surface: #161b22;
+  --cp-accent: #388bfd;
+  --cp-danger: #ff7b72;
+  --cp-ok: #3fb950;
+  color-scheme: dark;
+}
+
+* { box-sizing: border-box; }
+
+.cp-root {
+  border: 1px solid var(--cp-border);
+  border-radius: var(--cp-radius);
+  background: var(--cp-bg);
+  color: var(--cp-fg);
+  font-family: var(--cp-font-ui);
+  font-size: 14px;
+  overflow: hidden;
+}
+
+.cp-toolbar {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 8px;
+  background: var(--cp-surface);
+  border-bottom: 1px solid var(--cp-border);
+}
+
+.cp-spacer { flex: 1 1 auto; }
+
+.cp-status {
+  font-size: 12px;
+  color: var(--cp-muted);
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 55%;
+}
+.cp-status[data-state="error"] { color: var(--cp-danger); }
+.cp-status[data-state="ok"] { color: var(--cp-ok); }
+
+button {
+  font: inherit;
+  font-size: 13px;
+  line-height: 1;
+  padding: 6px 12px;
+  border-radius: 6px;
+  border: 1px solid var(--cp-border);
+  background: var(--cp-bg);
+  color: var(--cp-fg);
+  cursor: pointer;
+}
+button:hover:not(:disabled) { border-color: var(--cp-accent); }
+button:disabled { opacity: 0.5; cursor: default; }
+button:focus-visible { outline: 2px solid var(--cp-accent); outline-offset: 1px; }
+
+button.cp-primary {
+  background: var(--cp-accent);
+  border-color: var(--cp-accent);
+  color: var(--cp-accent-fg);
+  font-weight: 600;
+}
+button.cp-danger { color: var(--cp-danger); border-color: var(--cp-danger); }
+
+.cp-tabs {
+  display: flex;
+  gap: 2px;
+  overflow-x: auto;
+  padding: 0 6px;
+  background: var(--cp-surface);
+  border-bottom: 1px solid var(--cp-border);
+  scrollbar-width: thin;
+}
+.cp-tabs[hidden] { display: none; }
+.cp-tabs button {
+  border: 0;
+  border-bottom: 2px solid transparent;
+  border-radius: 0;
+  background: transparent;
+  color: var(--cp-muted);
+  font-family: var(--cp-font-mono);
+  font-size: 12px;
+  padding: 7px 10px;
+  white-space: nowrap;
+}
+.cp-tabs button:hover:not(:disabled) { color: var(--cp-fg); }
+.cp-tabs button[aria-pressed='true'] {
+  color: var(--cp-fg);
+  border-bottom-color: var(--cp-accent);
+  background: var(--cp-bg);
+}
+.cp-tabs button.cp-entry::before {
+  content: '▸';
+  margin-right: 4px;
+  color: var(--cp-accent);
+}
+
+.cp-editor {
+  height: var(--cp-height, 220px);
+  overflow: hidden;
+}
+.cp-editor .cm-editor { height: 100%; }
+.cp-editor .cm-scroller {
+  font-family: var(--cp-font-mono);
+  font-size: 13px;
+  line-height: 1.5;
+}
+.cp-editor .cm-editor.cm-focused { outline: none; }
+
+.cp-fallback-editor {
+  width: 100%;
+  height: 100%;
+  border: 0;
+  padding: 8px;
+  resize: none;
+  background: var(--cp-bg);
+  color: var(--cp-fg);
+  font-family: var(--cp-font-mono);
+  font-size: 13px;
+  line-height: 1.5;
+}
+.cp-fallback-editor:focus { outline: none; }
+
+.cp-stdin { border-top: 1px solid var(--cp-border); background: var(--cp-surface); }
+.cp-stdin[hidden] { display: none; }
+.cp-stdin.cp-attention {
+  box-shadow: inset 0 0 0 2px var(--cp-accent);
+}
+.cp-stdin label {
+  display: block;
+  padding: 6px 8px 0;
+  font-size: 11px;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--cp-muted);
+}
+.cp-stdin textarea {
+  display: block;
+  width: 100%;
+  min-height: 52px;
+  border: 0;
+  padding: 4px 8px 8px;
+  background: transparent;
+  color: var(--cp-fg);
+  font-family: var(--cp-font-mono);
+  font-size: 13px;
+  resize: vertical;
+}
+.cp-stdin textarea:focus { outline: none; }
+
+.cp-output {
+  border-top: 1px solid var(--cp-border);
+  padding: 8px 10px;
+  margin: 0;
+  max-height: 260px;
+  overflow: auto;
+  background: var(--cp-surface);
+  font-family: var(--cp-font-mono);
+  font-size: 13px;
+  line-height: 1.5;
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+.cp-output[hidden] { display: none; }
+.cp-output .cp-err { color: var(--cp-danger); }
+.cp-output .cp-hint {
+  margin-top: 6px;
+  padding: 6px 8px;
+  border-left: 3px solid var(--cp-accent);
+  background: var(--cp-bg);
+  color: var(--cp-fg);
+  font-family: var(--cp-font-ui);
+  font-size: 12.5px;
+  white-space: normal;
+}
+.cp-output .cp-value { color: var(--cp-muted); }
+.cp-output .cp-in { color: var(--cp-accent); }
+
+.cp-prompt {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+.cp-prompt input {
+  font: inherit;
+  color: var(--cp-accent);
+  background: transparent;
+  border: 0;
+  border-bottom: 1px solid var(--cp-accent);
+  padding: 0 2px;
+  min-width: 12ch;
+  caret-color: var(--cp-accent);
+}
+.cp-prompt input:focus { outline: none; }
+.cp-prompt button {
+  padding: 1px 6px;
+  font-size: 11px;
+  line-height: 1.4;
+  border-radius: 4px;
+  color: var(--cp-muted);
+  font-family: var(--cp-font-mono);
+}
+.cp-prompt button.cp-send { color: var(--cp-accent); border-color: var(--cp-accent); }
+
+table.cp-table {
+  border-collapse: collapse;
+  margin: 6px 0;
+  font-size: 12px;
+}
+table.cp-table th, table.cp-table td {
+  border: 1px solid var(--cp-border);
+  padding: 3px 8px;
+  text-align: left;
+}
+table.cp-table th { background: var(--cp-bg); }
+
+.cp-progress {
+  height: 2px;
+  background: linear-gradient(90deg, transparent, var(--cp-accent), transparent);
+  background-size: 40% 100%;
+  background-repeat: no-repeat;
+  animation: cp-slide 1.1s ease-in-out infinite;
+}
+.cp-progress[hidden] { display: none; }
+
+@keyframes cp-slide {
+  0% { background-position: -40% 0; }
+  100% { background-position: 140% 0; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .cp-progress { animation: none; background-position: 0 0; background-size: 100% 100%; opacity: 0.4; }
+}
+`,h=e=>()=>import(`./dist-CqpVTRAq.js`).then(t=>t.javascript(e)),g={py:()=>import(`./dist-D_qJovVA.js`).then(e=>e.python()),pyi:()=>import(`./dist-D_qJovVA.js`).then(e=>e.python()),js:h({}),mjs:h({}),cjs:h({}),jsx:h({jsx:!0}),ts:h({typescript:!0}),mts:h({typescript:!0}),cts:h({typescript:!0}),tsx:h({typescript:!0,jsx:!0}),json:()=>import(`./dist-XlpaG2JF.js`).then(e=>e.json())};async function _(e){let t=g[e.includes(`.`)?e.slice(e.lastIndexOf(`.`)+1).toLowerCase():``];return t?t().catch(()=>null):null}var v=`code-playpad`,y=1,b=`snippets`,x=`progress`,S=null;function C(){return typeof indexedDB>`u`?Promise.reject(Error(`IndexedDB unavailable`)):(S||=new Promise((e,t)=>{let n=indexedDB.open(v,y);n.onupgradeneeded=()=>{let e=n.result;e.objectStoreNames.contains(b)||e.createObjectStore(b),e.objectStoreNames.contains(x)||e.createObjectStore(x,{keyPath:`id`})},n.onsuccess=()=>e(n.result),n.onerror=()=>t(n.error)}).catch(e=>{throw S=null,e}),S)}function w(e,t,n){return C().then(r=>new Promise((i,a)=>{let o=n(r.transaction(e,t).objectStore(e));o.onsuccess=()=>i(o.result),o.onerror=()=>a(o.error)}))}function T(e,t){return w(b,`readwrite`,n=>n.put(t,e)).then(()=>void 0)}function E(e){return w(b,`readonly`,t=>t.get(e)).then(e=>e??null)}function D(e){return w(b,`readwrite`,t=>t.delete(e)).then(()=>void 0)}function O(e,t={}){let n={completed:!0,...t,id:e,updatedAt:Date.now()};return w(x,`readwrite`,e=>e.put(n)).then(()=>n)}function k(e){return w(x,`readonly`,t=>t.get(e)).then(e=>e??null)}function A(){return w(x,`readonly`,e=>e.getAll())}var j=`code-playpad`;function M(e){let t=e.replace(/\t/g,`    `).split(`
+`);for(;t.length&&t[0].trim()===``;)t.shift();for(;t.length&&t[t.length-1].trim()===``;)t.pop();let n=t.filter(e=>e.trim()!==``).reduce((e,t)=>Math.min(e,t.match(/^ */)[0].length),1/0);return(n===1/0?t:t.map(e=>e.slice(n))).join(`
+`)}var N=2e5,P=`playpad-file`,F={python:`main.py`,javascript:`main.js`,typescript:`main.ts`};function I(e){return F[e]??`main.txt`}function L(e,t){let n={};for(let t of e.children){if(t.tagName.toLowerCase()!==P)continue;let e=t.getAttribute(`name`);e&&(n[e]=M(t.textContent??``))}if(Object.keys(n).length)return n;let r=M([...e.childNodes].filter(e=>e.nodeType!==Node.ELEMENT_NODE||e.tagName.toLowerCase()!==P).map(e=>e.textContent??``).join(``));return{[t]:r}}function R(e,t){try{let t=JSON.parse(e);if(t&&typeof t==`object`&&!Array.isArray(t)){let e=t;return Object.keys(e).length?e:null}}catch{}return e?{[t]:e}:null}var z=typeof HTMLElement>`u`?class{}:HTMLElement,B=class extends z{static get observedAttributes(){return[`language`,`height`,`theme`,`readonly`,`autorun`,`stdin`,`persist`,`entry`]}#e;#t;#n;#r;#i;#a;#o;#s;#c;#l;#u=null;#d=null;#f=null;#p=null;#m={};#h={};#g=`main.py`;#_=null;#v;#y=!1;#b=!1;#x=null;#S=null;#C=()=>this.#U();#w=null;#T=!0;#E=[];#D=null;#O=null;#k=null;#A=0;#j=!1;constructor(){super(),this.#e=this.attachShadow({mode:`open`})}get code(){return this.#u?this.#u.getCode():this.#m[this.#g]??``}set code(e){this.#m[this.#g]=e,this.#L()}get files(){return this.#z()}set files(e){let t=Object.keys(e);if(!t.length)return;let n=Object.keys(this.#h);n.length===1&&!this.#h[n[0]]&&(this.#h={...e}),this.#m={...e},t.includes(this.#g)||(this.#g=this.#R()),this.#u?.forgetFiles([]),this.#L(),this.#B(),this.#I()}get entry(){return this.#R()}set entry(e){this.setAttribute(`entry`,e)}openFile(e){e in this.#m&&(this.#u&&(this.#m[this.#g]=this.#u.getCode(),this.#u.openFile(e,this.#m[e]??``)),this.#g=e,this.#B(),this.#I())}get stdin(){return this.#l?this.#l.value:``}set stdin(e){this.#l&&(this.#l.value=e,this.#c.hidden=!1)}get language(){return this.getAttribute(`language`)||`python`}set language(e){this.setAttribute(`language`,e)}getCode(){return this.code}getFiles(){return this.#z()}reset(){this.#m={...this.#h},this.#g=this.#R(),this.#u?.forgetFiles([]),this.#L(),this.#B(),this.#K(),this.#s.hidden=!0,this.#G(this.#f?.ready?`${this.#f.label} ready`:``,`idle`)}async run(){if(this.#y)return;await this.#d;let e=this.#z(),t=this.#R(),n=e[t]??``;this.#y=!0,this.#n.disabled=!0,this.#r.hidden=!1,this.#K(),this.#s.hidden=!1,this.#$(`py-run`,{code:n,entry:t,files:e,language:this.language});try{let r=await this.#F();this.#G(`Queued…`,`busy`),this.#o.hidden=!1;let i=await r.run(n,{stdin:this.#l.value,files:e,entry:t,onStart:()=>this.#G(`Running…`,`busy`),onStdout:e=>this.#q(e),onStderr:e=>this.#q(e,`cp-err`),onEcho:e=>this.#q(e,`cp-in`),onStdinRequest:()=>this.#Y()});return i.table&&this.#Q(i.table),i.value!==void 0&&this.#q(`${i.value}\n`,`cp-value`),i.hint&&this.#Z(i.hint),i.stderr?(this.#G(`Error · ${i.durationMs} ms`,`error`),this.#$(`py-error`,{message:i.stderr,hint:i.hint,language:this.language})):this.#G(`Done in ${i.durationMs} ms`,`ok`),this.#$(`py-output`,{...i,language:this.language}),i}catch(e){if(e instanceof i)this.#q(`
+[stopped]
+`,`cp-err`),this.#G(`Stopped`,`error`);else{let t=e instanceof Error?e.message:String(e);this.#q(t+`
+`,`cp-err`),this.#G(`Failed to start`,`error`),this.#$(`py-error`,{message:t,language:this.language})}return}finally{this.#X(null),this.#J(),this.#y=!1,this.#n.disabled=!1,this.#r.hidden=!0,this.#o.hidden=!0}}stop(){this.#f?.stop?.()}prewarm(){return this.#F()}connectedCallback(){if(this.#j){this.#P();return}if(!this.textContent?.trim()&&document.readyState===`loading`){document.addEventListener(`DOMContentLoaded`,()=>this.isConnected&&this.#M(),{once:!0});return}this.#M()}disconnectedCallback(){this.#x?.disconnect(),this.#x=null,this.#S?.removeEventListener(`change`,this.#C),this.#S=null,this.#w&&clearTimeout(this.#w),this.#X(null),setTimeout(()=>{this.isConnected||!this.#u||(this.#_=this.#z(),this.#u.destroy(),this.#u=null,this.#d=null,this.#j=!1)},0)}attributeChangedCallback(e,t,n){if(this.#j)switch(e){case`theme`:this.#U();break;case`height`:this.#W();break;case`readonly`:this.#u?.setReadOnly(n!==null);break;case`stdin`:this.#c.hidden=n===null&&!this.#l.value;break;case`entry`:this.#B();break;case`language`:this.#f=null,this.#p=null,this.#b=!1,this.#F().catch(()=>{})}}#M(){this.#j=!0,this.#h=L(this,I(this.language)),this.#m=this.#_??{...this.#h},this.#g=this.#R(),this.#N(),this.#U(),this.#W();let e=this.getAttribute(`persist`);this.#d=(async()=>{if(e&&this.#_==null){let t=await E(e).catch(()=>null),n=t==null?null:R(t,I(this.language));if(n){let e={};for(let t of Object.keys(this.#h))e[t]=n[t]??this.#h[t];this.#m=e,this.#g=this.#R()}}this.#B();let t=await p(this.language).catch(()=>null),n=t?await t.editorLanguage().catch(()=>null):null;this.#u=await o({parent:this.#t,doc:this.#m[this.#g]??``,name:this.#g,dark:this.#H(),readOnly:this.hasAttribute(`readonly`),language:n,onRun:()=>void this.run(),onChange:e=>this.#V(e)}),this.#_=null,this.#I()})(),this.#P()}#N(){let e=document.createElement(`style`);e.textContent=m;let t=document.createElement(`div`);t.className=`cp-root`,t.innerHTML=`
+      <div class="cp-toolbar">
+        <button class="cp-primary" part="run-button" data-action="run">Run</button>
+        <button class="cp-danger" part="stop-button" data-action="stop" hidden>Stop</button>
+        <button data-action="reset">Reset</button>
+        <span class="cp-spacer"></span>
+        <span class="cp-status" data-state="idle"></span>
+      </div>
+      <div class="cp-progress" hidden></div>
+      <div class="cp-tabs" part="tabs" hidden></div>
+      <div class="cp-editor"></div>
+      <div class="cp-stdin" hidden>
+        <label>Standard input — one value per line</label>
+        <textarea rows="2" spellcheck="false"></textarea>
+      </div>
+      <pre class="cp-output" part="output" hidden></pre>`,this.#e.replaceChildren(e,t),this.#n=t.querySelector(`[data-action="run"]`),this.#r=t.querySelector(`[data-action="stop"]`),this.#i=t.querySelector(`[data-action="reset"]`),this.#a=t.querySelector(`.cp-status`),this.#o=t.querySelector(`.cp-progress`),this.#v=t.querySelector(`.cp-tabs`),this.#t=t.querySelector(`.cp-editor`),this.#c=t.querySelector(`.cp-stdin`),this.#l=t.querySelector(`.cp-stdin textarea`),this.#s=t.querySelector(`.cp-output`),this.#c.hidden=!this.hasAttribute(`stdin`),this.#l.addEventListener(`input`,()=>this.#c.classList.remove(`cp-attention`)),this.#v.addEventListener(`click`,e=>{let t=e.target.closest(`button[data-file]`);t&&this.openFile(t.getAttribute(`data-file`))}),this.#n.addEventListener(`click`,()=>void this.run()),this.#r.addEventListener(`click`,()=>this.stop()),this.#i.addEventListener(`click`,()=>this.reset());let n=()=>void this.#F().catch(()=>{});this.#t.addEventListener(`pointerdown`,n,{once:!0}),this.#t.addEventListener(`focusin`,n,{once:!0})}#P(){this.#x||typeof IntersectionObserver>`u`||(this.#x=new IntersectionObserver(e=>{e.some(e=>e.isIntersecting)&&(this.#x?.disconnect(),this.#x=null,this.#F().then(()=>{this.hasAttribute(`autorun`)&&this.run()}).catch(()=>{}))},{rootMargin:`300px`}),this.#x.observe(this))}#F(){return this.#p||=(async()=>{let e=await p(this.language);this.#f=e,e.ready||(this.#o.hidden=!1,this.#G(`Loading ${e.label}…`,`busy`));try{await e.load(e=>{this.#y||this.#G(e.message,e.phase===`ready`?`ok`:`busy`)})}catch(e){this.#p=null,this.#G(`Runtime unavailable`,`error`);let t=e instanceof Error?e.message:String(e);throw this.#q(t+`
+`,`cp-err`),this.#s.hidden=!1,e}finally{this.#o.hidden=!0}return this.#I(),this.#b||(this.#b=!0,this.#G(`${e.label} ready`,`ok`),this.#$(`py-ready`,{language:e.id,label:e.label})),e})(),this.#p}async#I(){if(!this.#u)return;let e=this.#g,t=await _(e);if(t){this.#g===e&&this.#u?.setLanguage(t);return}let n=e.includes(`.`)?null:await(this.#f??await p(this.language).catch(()=>null))?.editorLanguage().catch(()=>null);this.#g===e&&this.#u?.setLanguage(n??[])}#L(){if(this.#u){this.#u.setCode(this.#m[this.#g]??``);return}this.#d?.then(()=>{this.#u?.setCode(this.#m[this.#g]??``),this.#B()})}#R(){let e=Object.keys(this.#m),t=this.getAttribute(`entry`);if(t&&e.includes(t))return t;let n=I(this.language);return e.includes(n)?n:e[0]??n}#z(){let e={...this.#m};if(this.#u)for(let t of Object.keys(e))e[t]=this.#u.fileCode(t,e[t]);return e}#B(){let e=Object.keys(this.#m);if(this.#v.hidden=e.length<2,this.#v.hidden){this.#v.replaceChildren();return}let t=this.#R();this.#v.replaceChildren(...e.map(e=>{let n=document.createElement(`button`);return n.dataset.file=e,n.textContent=e,n.setAttribute(`aria-pressed`,String(e===this.#g)),e===t&&(n.classList.add(`cp-entry`),n.title=`entry point — this is the file Run executes`),n}))}#V(e){this.#m[this.#g]=e;let t=this.getAttribute(`persist`);if(!t)return;this.#w&&clearTimeout(this.#w);let n=JSON.stringify(this.#z());this.#w=setTimeout(()=>void T(t,n).catch(()=>{}),400)}#H(){let e=this.getAttribute(`theme`)??`auto`;return e===`dark`||e!==`light`&&!!this.#S?.matches}#U(){!this.#S&&typeof matchMedia==`function`&&(this.#S=matchMedia(`(prefers-color-scheme: dark)`),this.#S.addEventListener(`change`,this.#C));let e=this.#H();this.setAttribute(`data-resolved-theme`,e?`dark`:`light`),this.#u?.setTheme(e)}#W(){let e=this.getAttribute(`height`);e&&this.style.setProperty(`--cp-height`,/^\d+$/.test(e)?`${e}px`:e)}#G(e,t){this.#a.textContent=e,this.#a.dataset.state=t}#K(){this.#k&&clearTimeout(this.#k),this.#k=null,this.#E=[],this.#A=0,this.#s.replaceChildren(),this.#T=!0}#q(e,t){if(!e)return;let n=t===`cp-err`&&!this.#T?`\n${e}`:e;this.#T=n.endsWith(`
+`),this.#E.push({text:n,className:t}),this.#k??=setTimeout(()=>this.#J(),16)}#J(){if(this.#k&&clearTimeout(this.#k),this.#k=null,!this.#E.length)return;let e=this.#E;this.#E=[];let t=document.createDocumentFragment(),n=``,r,i=()=>{if(!n)return;let e=document.createElement(`span`);r&&(e.className=r),e.textContent=n,t.appendChild(e),n=``};for(let t of e){if(this.#A>=N)break;let e=t.text;this.#A+e.length>N&&(e=e.slice(0,N-this.#A)+`
+… output truncated for display — the full text is in the py-output event
+`),this.#A+=t.text.length,r!==t.className&&(i(),r=t.className),n+=e}i(),this.#s.hidden=!1;let a=this.#s.querySelector(`.cp-prompt`);a?this.#s.insertBefore(t,a):this.#s.appendChild(t),this.#s.scrollTop=this.#s.scrollHeight}#Y(){return this.#J(),this.#X(null),new Promise(e=>{let t=document.createElement(`form`);t.className=`cp-prompt`;let n=document.createElement(`input`);n.type=`text`,n.setAttribute(`aria-label`,`Program input — press Enter to send`),n.autocapitalize=`off`,n.autocomplete=`off`,n.spellcheck=!1;let r=document.createElement(`button`);r.type=`submit`,r.className=`cp-send`,r.textContent=`⏎`,r.title=`Send this line (Enter)`;let i=document.createElement(`button`);i.type=`button`,i.className=`cp-eof`,i.textContent=`EOF`,i.title=`End of input (Ctrl-D) — makes input() raise EOFError`;let a=n=>{this.#D===e&&(this.#D=null,this.#O=null,t.remove(),n===null?this.#q(`
+`,`cp-in`):this.#q(n+`
+`,`cp-in`),this.#J(),e(n))};t.addEventListener(`submit`,e=>{e.preventDefault(),a(n.value)}),i.addEventListener(`click`,()=>a(null)),n.addEventListener(`keydown`,e=>{(e.key===`Escape`||e.key===`d`&&e.ctrlKey)&&(e.preventDefault(),a(null))}),t.append(n,r,i),this.#s.hidden=!1,this.#s.appendChild(t),this.#s.scrollTop=this.#s.scrollHeight,this.#D=e,this.#O=a,n.focus({preventScroll:!0})})}#X(e){this.#O?.(e),this.#O=null,this.#D=null}#Z(e){this.#J();let t=document.createElement(`div`);t.className=`cp-hint`,t.textContent=e,this.#s.hidden=!1,this.#s.appendChild(t),this.#s.scrollTop=this.#s.scrollHeight,this.#c.hidden=!1,this.#c.classList.add(`cp-attention`)}#Q(e){this.#J();let t=document.createElement(`table`);t.className=`cp-table`;let n=t.createTHead().insertRow();for(let t of e.columns){let e=document.createElement(`th`);e.textContent=t,n.appendChild(e)}let r=t.createTBody();for(let t of e.rows){let e=r.insertRow();for(let n of t)e.insertCell().textContent=n==null?``:String(n)}this.#s.hidden=!1,this.#s.appendChild(t)}#$(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}};function V(e=j){typeof window>`u`||typeof customElements>`u`||customElements.get(e)||customElements.define(e,B)}V();export{B as CodePlayPadElement,a as PYODIDE_VERSION,i as RunStopped,e as WorkerUnavailable,A as allProgress,D as clearSnippet,t as configurePython,r as configureTypeScript,o as createEditor,V as defineCodePlayPad,k as getProgress,p as getRuntime,f as listRuntimes,E as loadSnippet,n as pyodideAssetUrls,d as registerRuntime,T as saveSnippet,O as setProgress};

package/dist/styles.d.ts

@@ -0,0 +1,3 @@
+/** Shadow DOM CSS. Isolation runs both ways: the page cannot restyle the
+ *  widget, and the widget cannot leak into the page. */
+export declare const STYLES: string;