@jbpark/live-editor 1.14.0 → 1.15.1

package/dist/context-DrqO0VVu.js

@@ -0,0 +1,38 @@
+import { _ as DEFAULT_TEMPLATE } from "./document-CSIscFpL.js";
+import { n as clearCompilationCache } from "./utils-BzfDKU6y.js";
+import { n as PreviewContext, t as ErrorContext } from "./states-Ci1AvoQ9.js";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/context/context.tsx
+const ContextProvider = ({ children }) => {
+	const [code, setCodeState] = useState(DEFAULT_TEMPLATE);
+	const [error, setError] = useState(null);
+	const setCode = useCallback((next) => {
+		setError(null);
+		setCodeState(next);
+	}, []);
+	useEffect(() => {
+		return () => {
+			clearCompilationCache();
+		};
+	}, []);
+	const previewValue = useMemo(() => ({
+		code,
+		setCode
+	}), [code, setCode]);
+	const errorValue = useMemo(() => ({
+		error,
+		setError
+	}), [error, setError]);
+	return /* @__PURE__ */ jsx(PreviewContext.Provider, {
+		value: previewValue,
+		children: /* @__PURE__ */ jsx(ErrorContext.Provider, {
+			value: errorValue,
+			children
+		})
+	});
+};
+//#endregion
+export { ContextProvider as t };
+
+//# sourceMappingURL=context-DrqO0VVu.js.map

package/dist/context-DrqO0VVu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-DrqO0VVu.js","names":[],"sources":["../src/components/context/context.tsx"],"sourcesContent":["'use client';\n\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { DEFAULT_TEMPLATE } from '~/constants';\nimport { clearCompilationCache } from '~/utils';\n\nimport type { ErrorContextType, PreviewContextType } from './states';\nimport { ErrorContext, PreviewContext } from './states';\n\nconst ContextProvider = ({ children }: { children?: React.ReactNode }) => {\n  const [code, setCodeState] = useState(DEFAULT_TEMPLATE);\n  const [error, setError] = useState<ErrorContextType['error']>(null);\n\n  // Clears any stale runtime/compile error in the same update batch that\n  // changes `code`, rather than in a separate useEffect — a useEffect here\n  // would race with componentDidCatch/Guard's onError firing for the *new*\n  // code's own errors within the same commit (layout effects run before\n  // passive effects, so a passive-effect reset could wipe out an error the\n  // new code just threw). Batching setError(null) into the same update as\n  // setCode guarantees stale errors are gone by the time the new code even\n  // renders, with nothing left afterward that could clobber a fresh one.\n  const setCode = useCallback<PreviewContextType['setCode']>(next => {\n    setError(null);\n    setCodeState(next);\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      clearCompilationCache();\n    };\n  }, []);\n\n  // Without this, a new object identity on every ContextProvider render\n  // (even ones that don't touch code/error at all, e.g. a parent\n  // re-rendering) meant every usePreview()/useError() consumer re-rendered\n  // too, regardless of whether the values they care about actually changed.\n  const previewValue = useMemo<PreviewContextType>(\n    () => ({ code, setCode }),\n    [code, setCode],\n  );\n\n  const errorValue = useMemo<ErrorContextType>(\n    () => ({ error, setError }),\n    [error, setError],\n  );\n\n  return (\n    <PreviewContext.Provider value={previewValue}>\n      <ErrorContext.Provider value={errorValue}>\n        {children}\n      </ErrorContext.Provider>\n    </PreviewContext.Provider>\n  );\n};\n\nexport default ContextProvider;\n"],"mappings":";;;;;;AAUA,MAAM,mBAAmB,EAAE,eAA+C;CACxE,MAAM,CAAC,MAAM,gBAAgB,SAAS,gBAAgB;CACtD,MAAM,CAAC,OAAO,YAAY,SAAoC,IAAI;CAUlE,MAAM,UAAU,aAA2C,SAAQ;EACjE,SAAS,IAAI;EACb,aAAa,IAAI;CACnB,GAAG,CAAC,CAAC;CAEL,gBAAgB;EACd,aAAa;GACX,sBAAsB;EACxB;CACF,GAAG,CAAC,CAAC;CAML,MAAM,eAAe,eACZ;EAAE;EAAM;CAAQ,IACvB,CAAC,MAAM,OAAO,CAChB;CAEA,MAAM,aAAa,eACV;EAAE;EAAO;CAAS,IACzB,CAAC,OAAO,QAAQ,CAClB;CAEA,OACE,oBAAC,eAAe,UAAhB;EAAyB,OAAO;EAC9B,UAAA,oBAAC,aAAa,UAAd;GAAuB,OAAO;GAC3B;EACoB,CAAA;CACA,CAAA;AAE7B"}