jsx-repl 0.0.4 → 0.0.5

package/dist/src/Message.d.ts

@@ -11,7 +11,50 @@ declare const _default: (__props: typeof __ctx.props & {
         expose: (exposed: Record<string, any>) => void;
         attrs: Record<string, any>;
     };
-    render: JSX.Element;
+    render: globalThis.VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VaporRenderResult<import("vue").Block>[] | import("vue").VaporComponentInstance<Readonly<import("vue").TransitionProps & {}>, {}, {
+        [x: string]: (...args: any[]) => import("vue").Block;
+    }, Record<string, any>, Node, Record<string, any>> | import("vue").VaporComponentInstance<Readonly<import("vue").TransitionProps & {}>, {}, {
+        [x: string]: (...args: any[]) => import("vue").Block;
+    }, Record<string, any>, import("vue").VaporFragment<import("vue").Block>, Record<string, any>> | import("vue").VaporComponentInstance<Readonly<import("vue").TransitionProps & {}>, {}, {
+        [x: string]: (...args: any[]) => import("vue").Block;
+    }, Record<string, any>, {
+        anchor: Node;
+        scope: import("vue").EffectScope | undefined;
+        current?: (...args: any[]) => import("vue").Block;
+        pending?: {
+            render?: (...args: any[]) => import("vue").Block;
+            key: any;
+        };
+        fallback?: (...args: any[]) => import("vue").Block;
+        anchorLabel?: string;
+        keyed?: boolean;
+        attrs?: Record<string, any>;
+        setAsyncRef?: (instance: import("vue").VaporComponentInstance) => void;
+        getScope?: (key: any) => import("vue").EffectScope | undefined;
+        onBeforeTeardown?: ((oldKey: any, nodes: import("vue").Block, scope: import("vue").EffectScope) => boolean)[];
+        onBeforeMount?: ((newKey: any, nodes: import("vue").Block, scope: import("vue").EffectScope) => void)[];
+        slotOwner: import("vue").VaporComponentInstance | null;
+        update(render?: (...args: any[]) => import("vue").Block, key?: any): void;
+        renderBranch(render: ((...args: any[]) => import("vue").Block) | undefined, transition: import("vue").VaporTransitionHooks | undefined, parent: ParentNode | null, instance: import("vue").GenericComponentInstance | null): void;
+        hydrate: (isEmpty?: boolean) => void;
+        $key?: any;
+        $transition?: import("vue").VaporTransitionHooks | undefined;
+        nodes: import("vue").Block;
+        vnode?: VNode | null;
+        parentComponent?: import("vue").GenericComponentInstance | null;
+        insert?: (parent: ParentNode, anchor: Node | null, transitionHooks?: import("vue").TransitionHooks) => void;
+        remove?: (parent?: ParentNode, transitionHooks?: import("vue").TransitionHooks) => void;
+        setRef?: (instance: import("vue").VaporComponentInstance, ref: string | globalThis.Ref<any, any> | ((ref: Element | import("vue").VaporComponentInstance, refs: Record<string, any>) => void), refFor: boolean, refKey: string | undefined) => void;
+        onUpdated?: ((nodes?: import("vue").Block) => void)[];
+    }, Record<string, any>> | import("vue").VaporComponentInstance<Readonly<import("vue").TransitionProps & {}>, {}, {
+        [x: string]: (...args: any[]) => import("vue").Block;
+    }, Record<string, any>, import("vue").VaporComponentInstance<{}, {}, {
+        [x: string]: (...args: any[]) => import("vue").Block;
+    }, Record<string, any>, import("vue").Block, Record<string, any>>, Record<string, any>> | import("vue").VaporComponentInstance<Readonly<import("vue").TransitionProps & {}>, {}, {
+        [x: string]: (...args: any[]) => import("vue").Block;
+    }, Record<string, any>, import("vue").Block[], Record<string, any>>;
 }) => typeof __ctx.render & {
     __ctx?: {
         props: typeof __ctx.props;

package/dist/src/Repl.d.ts

@@ -12,7 +12,9 @@ export interface Props {
     clearConsole?: boolean;
     store?: Store;
     layout?: 'horizontal' | 'vertical';
+    slim?: boolean;
     ssr?: boolean;
+    theme?: 'dark' | 'light';
     previewOptions?: {
         headHTML?: string;
         bodyHTML?: string;
@@ -36,8 +38,11 @@ export interface Props {
         outputTogglerText?: string;
     };
 }
-export declare const Repl: (__props: typeof __ctx.props & Props, __context?: typeof __ctx.context, __ctx?: Awaited<ReturnType<typeof __fn>>, __fn?: ({ previewTheme, autoResize, showCompileOutput, clearConsole, ssr, autoSave, layout, previewOptions, editorOptions, splitPaneOptions, editor, ...props }: Props) => {
-    props: {};
+export declare const Repl: (__props: typeof __ctx.props & Props, __context?: typeof __ctx.context, __ctx?: Awaited<ReturnType<typeof __fn>>, __fn?: ({ previewTheme, autoResize, showCompileOutput, clearConsole, ssr, autoSave, layout, previewOptions, editorOptions, splitPaneOptions, editor, slim, theme, }: Props) => {
+    props: {
+        modelValue: import("vue").UnwrapRef<import("vue").ModelRef<string, string, string, string>>;
+        "onUpdate:modelValue"?: ($event: import("vue").UnwrapRef<import("vue").ModelRef<string, string, string, string>>) => any;
+    };
     context: {
         slots: {};
         expose: (exposed: {
@@ -45,7 +50,7 @@ export declare const Repl: (__props: typeof __ctx.props & Props, __context?: typ
         }) => void;
         attrs: Record<string, any>;
     };
-    render: JSX.Element;
+    render: HTMLDivElement;
 }) => typeof __ctx.render & {
     __ctx?: {
         props: typeof __ctx.props;

package/dist/src/SplitPane.d.ts

@@ -15,7 +15,7 @@ declare const _default: (__props: typeof __ctx.props & {
         expose: (exposed: Record<string, any>) => void;
         attrs: Record<string, any>;
     };
-    render: JSX.Element;
+    render: HTMLDivElement;
 }) => typeof __ctx.render & {
     __ctx?: {
         props: typeof __ctx.props;

package/dist/src/editor/FileSelector.d.ts

@@ -14,7 +14,7 @@ declare const _default: (__props: typeof __ctx.props & {
         expose: (exposed: Record<string, any>) => void;
         attrs: Record<string, any>;
     };
-    render: JSX.Element;
+    render: HTMLDivElement;
 }) => typeof __ctx.render & {
     __ctx?: {
         props: typeof __ctx.props;

package/dist/src/editor/ToggleButton.d.ts

@@ -11,7 +11,7 @@ declare const _default: (__props: typeof __ctx.props & {}, __context?: typeof __
         expose: (exposed: Record<string, any>) => void;
         attrs: Record<string, any>;
     };
-    render: JSX.Element;
+    render: HTMLDivElement;
 }) => typeof __ctx.render & {
     __ctx?: {
         props: typeof __ctx.props;

package/dist/src/index.d.ts

@@ -1,6 +1,8 @@
+import 'uno.css';
 export { Repl } from './Repl';
 export { default as Preview } from './output/Preview';
 export { useStore, ReplFile, type StoreState, type Store, type ReplStore, type ImportMap, } from './store';
 export { compileFile } from './transform';
 export type { Props as ReplProps } from './Repl';
 export type { OutputModes } from './types';
+export { serialize } from './utils';

package/dist/src/monaco/Monaco.d.ts

@@ -21,7 +21,7 @@ declare const _default: (__props: typeof __ctx.props & {}, __context?: typeof __
         }) => void;
         attrs: Record<string, any>;
     };
-    render: JSX.Element;
+    render: HTMLDivElement;
 }) => typeof __ctx.render & {
     __ctx?: {
         props: typeof __ctx.props;

package/dist/src/output/Devtools.d.ts

@@ -1,6 +1,6 @@
 declare const _default: (__props: typeof __ctx.props & {}, __context?: typeof __ctx.context, __ctx?: Awaited<ReturnType<typeof __fn>>, __fn?: ({ previewContainer, theme, }: {
     previewContainer?: HTMLDivElement | null | undefined;
-    theme?: "light" | "dark" | undefined;
+    theme?: "dark" | "light" | undefined;
 }) => {
     props: {
         previewContainer?: typeof previewContainer;
@@ -11,7 +11,7 @@ declare const _default: (__props: typeof __ctx.props & {}, __context?: typeof __
         expose: (exposed: Record<string, any>) => void;
         attrs: Record<string, any>;
     };
-    render: JSX.Element;
+    render: HTMLDivElement;
 }) => typeof __ctx.render & {
     __ctx?: {
         props: typeof __ctx.props;

package/dist/src/output/download.d.ts

@@ -0,0 +1,2 @@
+import type { Store } from '../store';
+export declare function downloadProject(store: Store): Promise<void>;

package/dist/src/output/user/Project.d.ts

@@ -5,7 +5,7 @@ declare const _default: (__props: typeof __ctx.props & {}, __context?: typeof __
         expose: (exposed: Record<string, any>) => void;
         attrs: Record<string, any>;
     };
-    render: JSX.Element;
+    render: HTMLDivElement;
 }) => typeof __ctx.render & {
     __ctx?: {
         props: typeof __ctx.props;

package/dist/src/store.d.ts

@@ -6,7 +6,7 @@ import type { SourceMapInput } from '@ampproject/remapping';
 import type { Mapping } from '@volar/monaco/worker';
 export { packageFile, tsconfigFile, viteConfigFile, tsMacroConfigFile, indexHtmlFile, appFile, };
 export declare const configFileNames: string[];
-export declare function useStore({ files, activeFilename, activeConfigFilename, errors, showOutput, outputMode, theme, loading, locale, typescriptVersion, reloadLanguageTools, preset, presets, slim, }?: Partial<StoreState>, serializedState?: string): ReplStore;
+export declare function useStore({ files, activeFilename, activeConfigFilename, errors, showOutput, outputMode, theme, loading, locale, typescriptVersion, reloadLanguageTools, preset, presets, slim, }?: Partial<StoreState>): ReplStore;
 export type ImportMap = Record<string, string>;
 export type Template = {
     [indexHtmlFile]: ReplFile;
@@ -82,11 +82,8 @@ export interface ReplStore extends UnwrapRef<StoreState> {
     getTsConfig(): Record<string, any>;
     getTsMacroConfig(): Promise<string>;
     serialize(): string;
-    getFiles(): Record<string, {
-        code: string;
-        hidden?: boolean;
-    }>;
-    setFiles(newFiles: Record<string, ReplFile>): Promise<void>;
+    getFiles(): Record<string, string>;
+    setFiles(newFiles: Record<string, string>): Promise<void>;
     updateProject(): void;
 }
 export type Store = Pick<ReplStore, 'editor' | 'outputEditor' | 'organization' | 'organizations' | 'userName' | 'user' | 'project' | 'files' | 'serialize' | 'fileCaches' | 'activeFile' | 'activeConfigFile' | 'errors' | 'showOutput' | 'outputMode' | 'locale' | 'typescriptVersion' | 'dependencies' | 'reloadLanguageTools' | 'init' | 'setActive' | 'addFile' | 'deleteFile' | 'renameFile' | 'getTsConfig' | 'viteConfig' | 'getTsMacroConfig' | 'updateProject' | 'preset' | 'presets' | 'importMap' | 'theme' | 'loading' | 'slim'>;

package/dist/src/utils.d.ts

@@ -1,7 +1,9 @@
 export declare function debounce(fn: Function, n?: number): (...args: any[]) => void;
 export declare function utoa(data: string): string;
+export declare function serialize(files: Record<string, string>): string;
 export declare function atou(base64: string): string;
 import type { ImportMap } from './store';
 export declare function useRouteQuery<T extends string | boolean>(name: string, defaultValue?: T, reload?: boolean): Ref<T>;
-export declare function useRoutePath<T extends string | boolean>(defaultValue?: T, reload?: boolean): Ref<T>;
+export declare function useRoutePath<T extends string>(defaultValue?: T, reload?: boolean): Ref<T>;
 export declare function addEsmPrefix(code: string, importMap: ImportMap): string;
+export declare function useDark(defaultTheme?: 'dark' | 'light'): globalThis.Ref<"dark" | "light", "dark" | "light">;

package/dist/test/main.d.ts

@@ -1 +1 @@
-import 'uno.css';
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jsx-repl",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "JSX REPL",
   "type": "module",
   "main": "dist/ssr-stub.js",
@@ -50,8 +50,7 @@
   "homepage": "https://github.com/vuejs/repl#readme",
   "devDependencies": {
     "@ampproject/remapping": "^2.3.0",
-    "@babel/parser": "^7.28.4",
-    "@babel/types": "^7.28.4",
+    "@babel/types": "^7.28.6",
     "@eslint/js": "^9.35.0",
     "@iconify-json/carbon": "^1.2.13",
     "@prisma/client": "^6.15.0",
@@ -74,12 +73,14 @@
     "fflate": "^0.8.2",
     "floating-vue": "^5.2.2",
     "globby": "^14.1.0",
+    "jszip": "^3.10.1",
     "lint-staged": "^16.1.6",
     "magic-string": "^0.30.18",
     "monaco-editor-core": "^0.52.2",
     "nitropack": "^2.12.5",
     "ofetch": "^1.4.1",
     "path-browserify": "^1.0.1",
+    "perfect-debounce": "^2.1.0",
     "postcss": "^8.5.6",
     "postcss-modules": "^6.0.1",
     "prettier": "^3.6.2",
@@ -109,6 +110,8 @@
   },
   "scripts": {
     "dev": "vite",
+    "dev:lib": "vite build -c vite.lib.config.ts --watch",
+    "play": "pnpm run -C ./playground dev",
     "server:dev": "nitro dev",
     "server:build": "prisma generate --no-engine && prisma migrate deploy && nitro build",
     "vercel:build": "pnpm server:build && pnpm build",