@codespark/react 1.0.4 → 1.0.5

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import { Framework, Output } from "@codespark/framework";
 import * as React$1 from "react";
 import { ComponentProps, ComponentType, JSX, ReactElement, ReactNode, RefObject } from "react";
 import { LoaderType } from "@codespark/framework/loaders";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { Tabs } from "radix-ui";
 import { ReactCodeMirrorProps, ReactCodeMirrorRef } from "@uiw/react-codemirror";
 import { EditorProps } from "@monaco-editor/react";
@@ -261,7 +261,7 @@ declare function useWorkspace(init?: WorkspaceInit | Workspace): UseWorkspaceRet
 /**
  * Configuration options for createWorkspace function
  */
-interface CreateWorkspaceConfig extends Pick<WorkspaceInit, 'id' | 'framework'> {
+interface CreateWorkspaceConfig extends Omit<WorkspaceInit, 'entry' | 'files'> {
   /**
    * Entry file name/path
    *
@@ -340,7 +340,7 @@ interface CodesparkContextValue extends ConfigContextValue, WorkspaceDerivedStat
 interface ConfigProviderProps extends ConfigContextValue {
   children?: ReactNode;
 }
-declare function ConfigProvider(props: ConfigProviderProps): react_jsx_runtime0.JSX.Element;
+declare function ConfigProvider(props: ConfigProviderProps): react_jsx_runtime1.JSX.Element;
 interface CodesparkProviderProps extends Omit<CodesparkContextValue, 'files' | 'currentFile' | keyof WorkspaceDerivedState> {
   children?: ReactNode;
 }
@@ -351,7 +351,7 @@ interface CodesparkProviderProps extends Omit<CodesparkContextValue, 'files' | '
  * Required when using CodesparkEditor, CodesparkPreview, or CodesparkFileExplorer independently.
  * Automatically manages workspace state synchronization across all child components.
  */
-declare function CodesparkProvider(props: CodesparkProviderProps): react_jsx_runtime0.JSX.Element;
+declare function CodesparkProvider(props: CodesparkProviderProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/editor/index.d.ts
 type ToolboxItemId = 'reset' | 'format' | 'copy';
@@ -500,13 +500,13 @@ interface CodesparkPreviewProps extends ConfigContextValue, Pick<WorkspaceInit,
  * Supports Tailwind CSS, custom scripts/styles injection, and console output capture.
  * Displays a loading indicator during code compilation and execution.
  */
-declare function CodesparkPreview(props: CodesparkPreviewProps): react_jsx_runtime0.JSX.Element;
+declare function CodesparkPreview(props: CodesparkPreviewProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/ui/tabs.d.ts
 declare function Tabs$1({
   className,
   ...props
-}: React$1.ComponentProps<typeof Tabs.Root>): react_jsx_runtime0.JSX.Element;
+}: React$1.ComponentProps<typeof Tabs.Root>): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/components/file-explorer/index.d.ts
 interface FileExplorerItemRenderContext {
@@ -714,7 +714,7 @@ interface CodesparkProps extends Pick<ConfigContextValue, 'theme'>, Pick<Codespa
  * to provide a complete interactive code demonstration experience.
  * Supports both single-file mode (via `code` prop) and multi-file mode (via `files` prop).
  */
-declare function Codespark(props: CodesparkProps): react_jsx_runtime0.JSX.Element;
+declare function Codespark(props: CodesparkProps): react_jsx_runtime1.JSX.Element;
 declare const useMDXComponents: () => {
   Codespark: typeof Codespark;
   CodesparkEditor: typeof CodesparkEditor;

package/dist/index.js

@@ -397,25 +397,31 @@ function useWorkspace(init) {
 			const compiled = framework.compile();
 			workspace[INTERNAL_EMIT]("compiled", compiled);
 			const modules = framework.getOutput(LoaderType.ESModule);
+			const styles = framework.getOutput(LoaderType.Style);
+			const scripts = framework.getOutput(LoaderType.Script);
+			const externals = modules.flatMap(({ externals: externals$1 }) => externals$1).reduce((acc, { name, imported }) => {
+				if (!acc[name]) acc[name] = /* @__PURE__ */ new Set();
+				imported.forEach((i) => acc[name].add(i));
+				return acc;
+			}, {});
 			return {
 				fileTree,
 				compiled,
 				compileError: null,
 				vendor: {
 					modules,
-					styles: framework.getOutput(LoaderType.Style),
-					scripts: framework.getOutput(LoaderType.Script),
+					styles,
+					scripts,
 					imports: {
-						...modules.map(({ externals }) => externals).flat().reduce((pre, { name, imported }) => {
-							return {
-								...pre,
-								[name]: constructESMUrl({
-									pkg: name,
-									version: "",
-									external: Object.keys(framework.imports),
-									exports: imported.length ? imported : void 0
-								})
-							};
+						...Object.entries(externals).reduce((pre, [name, importedSet]) => {
+							const imported = Array.from(importedSet);
+							pre[name] = constructESMUrl({
+								pkg: name,
+								version: "",
+								external: Object.keys(framework.imports),
+								exports: imported.length ? imported : void 0
+							});
+							return pre;
 						}, {}),
 						...framework.imports
 					}
@@ -462,9 +468,8 @@ function useWorkspace(init) {
 * ```
 */
 function createWorkspace(source, config) {
-	const { id, framework, name = "./App.tsx", mode = "packed" } = config || {};
+	const { name = "./App.tsx", mode = "packed", ...workspaceInit } = config || {};
 	if (!this?.__scanned) return new Workspace({
-		id,
 		entry: name,
 		files: { [name]: source.toString() }
 	});
@@ -474,10 +479,9 @@ function createWorkspace(source, config) {
 	else if (mode === "source") {
 		packedCode = Object.values(files)[0] || "";
 		return new Workspace({
-			id,
-			framework,
 			entry: Object.keys(files)[0] || "",
-			files
+			files,
+			...workspaceInit
 		});
 	} else {
 		const { code, locals, imports } = entry;
@@ -488,13 +492,12 @@ function createWorkspace(source, config) {
 		].filter(Boolean).join("\n\n");
 	}
 	return new Workspace({
-		id,
-		framework,
 		entry: name,
 		files: {
 			[name]: packedCode,
 			...files
-		}
+		},
+		...workspaceInit
 	});
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codespark/react",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "type": "module",
   "description": "React components for codespark ecosystem",
   "keywords": [
@@ -27,7 +27,8 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsdown"
+    "build": "tsdown",
+    "release": "pnpm build && npm publish --access public"
   },
   "author": "TonyL1u",
   "license": "MIT",