@deot/docs-playground 1.1.3 → 1.1.5

package/dist/scss-Co2it4vB.js

@@ -1,215 +0,0 @@
-import { t as SASS_CDN_URL } from "./cdn-DEvdGJu2.js";
-import { watch } from "vue";
-//#region packages/playground/src/core/scss.ts
-var SCHEME = "docs-playground";
-var STYLE_EXTS = [".scss", ".sass"];
-var VUE_SCSS_STYLE_RE = /<style\b[^>]*\blang\s*=\s*(['"]?)s[ac]ss\1/i;
-var LANG_ATTR_RE = /\s*lang\s*=\s*(['"]?)s[ac]ss\1/i;
-var SCSS_ERROR_MARK = "[playground-sass]";
-var INJECT_START = "/* docs-playground-scss-start */";
-var INJECT_END = "/* docs-playground-scss-end */";
-var EMPTY_JS = "export default {}\n";
-var boundStores = /* @__PURE__ */ new WeakSet();
-var wrappedCompilers = /* @__PURE__ */ new WeakSet();
-var loadedSass;
-var loadPromise;
-var fileCode = (value) => typeof value === "string" ? value : value.code;
-var playgroundPath = (url) => decodeURIComponent(url.pathname.replace(/^\/+/u, ""));
-var toPlaygroundUrl = (filename) => new URL(`${SCHEME}:///${filename.replace(/^\/+/u, "")}`);
-var basename = (path) => path.split("/").pop() || path;
-var scssSyntax = (filename, lang) => lang === "sass" || /\.sass$/i.test(filename) ? "indented" : "scss";
-var errorText = (item) => item instanceof Error ? item.message : String(item);
-var isScssFile = (filename) => /\.s[ac]ss$/i.test(filename);
-var vueSourceNeedsScss = (source) => VUE_SCSS_STYLE_RE.test(source);
-var resolveSassModule = async (url) => {
-	const mod = await import(
-		/* @vite-ignore */
-		url
-);
-	const sass = typeof mod.compileString === "function" ? mod : mod.default;
-	if (typeof sass?.compileString !== "function") throw new Error(`Sass module at ${url} does not export compileString`);
-	return sass;
-};
-var loadSass = () => {
-	loadPromise ??= (() => resolveSassModule(SASS_CDN_URL))().then((sass) => {
-		loadedSass = sass;
-		return sass;
-	});
-	return loadPromise;
-};
-var isScssPartial = (filename) => isScssFile(filename) && basename(filename).startsWith("_");
-var filesNeedScss = (files) => Object.entries(files).some(([filename, value]) => isScssFile(filename) || /\.vue$/i.test(filename) && vueSourceNeedsScss(fileCode(value)));
-var whenSassReady = (files, run) => {
-	if (!filesNeedScss(files) || loadedSass) run();
-	else loadSass().then(run);
-};
-var toPlaygroundFileMap = (files) => Object.fromEntries(Object.entries(files).map(([filename, value]) => [filename, fileCode(value)]));
-var formatScssError = (filename, message) => `${SCSS_ERROR_MARK} ${filename}: ${message}`;
-var scssFail = (filename, error) => formatScssError(filename, errorText(error));
-var withUnderscore = (path) => {
-	const base = basename(path);
-	if (base.startsWith("_")) return path;
-	return `${path.slice(0, -base.length)}_${base}`;
-};
-var matchFileKey = (files, path) => [
-	path,
-	path.startsWith("src/") ? path : `src/${path}`,
-	path.replace(/^src\//u, "")
-].find((key) => files[key] !== void 0);
-var stylesheetCandidates = (requestPath) => {
-	if (isScssFile(requestPath)) return [requestPath, withUnderscore(requestPath)];
-	return STYLE_EXTS.flatMap((ext) => [
-		`${requestPath}${ext}`,
-		withUnderscore(`${requestPath}${ext}`),
-		`${requestPath}/index${ext}`,
-		withUnderscore(`${requestPath}/index${ext}`)
-	]);
-};
-var resolvePlaygroundStylesheet = (files, requestPath) => {
-	const found = [...new Set(stylesheetCandidates(requestPath).map((path) => matchFileKey(files, path)).filter((key) => Boolean(key)))];
-	if (found.length > 1) throw new Error(`Ambiguous Sass import "${requestPath}": ${found.join(", ")}`);
-	return found[0] ?? null;
-};
-var createPlaygroundImporter = (getFiles) => ({
-	canonicalize(url, context) {
-		if (/^[a-zA-Z][\w+.-]*:/u.test(url) && !url.startsWith(`${SCHEME}:`)) return null;
-		try {
-			const resolved = resolvePlaygroundStylesheet(getFiles(), playgroundPath(new URL(url, context.containingUrl ?? toPlaygroundUrl(""))));
-			return resolved ? toPlaygroundUrl(resolved) : null;
-		} catch {
-			return null;
-		}
-	},
-	load(canonicalUrl) {
-		const files = getFiles();
-		const key = playgroundPath(canonicalUrl);
-		return files[key] === void 0 ? null : {
-			contents: files[key],
-			syntax: scssSyntax(key)
-		};
-	}
-});
-var compileScssSource = (source, filename, sass, files, lang) => {
-	const importer = createPlaygroundImporter(() => files);
-	return sass.compileString(source, {
-		syntax: scssSyntax(filename, lang),
-		url: toPlaygroundUrl(filename),
-		importer,
-		importers: [importer]
-	}).css;
-};
-var rewriteVueSfcStyles = (source, filename, parse, sass, files) => {
-	const scssStyles = parse(source, { filename }).descriptor.styles.filter((style) => style.lang === "scss" || style.lang === "sass");
-	if (!scssStyles.length) return {
-		code: source,
-		errors: []
-	};
-	const errors = [];
-	let code = source;
-	for (const style of [...scssStyles].sort((left, right) => right.loc.start.offset - left.loc.start.offset)) {
-		const before = code.slice(0, style.loc.start.offset);
-		const after = code.slice(style.loc.end.offset);
-		const openStart = before.lastIndexOf("<style");
-		if (openStart < 0) {
-			errors.push(formatScssError(filename, "unable to locate <style> opening tag"));
-			continue;
-		}
-		try {
-			const css = compileScssSource(style.content, filename, sass, files, style.lang);
-			code = `${before.slice(0, openStart)}${before.slice(openStart).replace(LANG_ATTR_RE, "")}${css}${after}`;
-		} catch (error) {
-			errors.push(scssFail(filename, error));
-		}
-	}
-	return {
-		code,
-		errors
-	};
-};
-var appendParseErrors = (result, errors) => errors.length ? {
-	...result,
-	errors: [...result.errors, ...errors.map((item) => new Error(item))]
-} : result;
-var wrapCompiler = (compiler, getFiles) => {
-	if (wrappedCompilers.has(compiler)) return compiler;
-	const originalParse = compiler.parse.bind(compiler);
-	const wrapped = { ...compiler };
-	wrapped.parse = ((source, options) => {
-		const filename = options?.filename || "anonymous.vue";
-		if (!vueSourceNeedsScss(source)) return originalParse(source, options);
-		const rewritten = loadedSass ? rewriteVueSfcStyles(source, filename, originalParse, loadedSass, getFiles()) : {
-			code: source,
-			errors: [formatScssError(filename, "compiler is not loaded")]
-		};
-		return appendParseErrors(originalParse(rewritten.errors.length ? source : rewritten.code, options), rewritten.errors);
-	});
-	wrappedCompilers.add(wrapped);
-	return wrapped;
-};
-var withInjectedCss = (css, extra) => {
-	const start = css.indexOf(INJECT_START);
-	const end = start < 0 ? -1 : css.indexOf(INJECT_END, start);
-	const base = (start < 0 ? css : `${css.slice(0, start)}${end >= 0 ? css.slice(end + 30) : ""}`).trimEnd();
-	if (!extra.trim()) return base;
-	const block = `${INJECT_START}\n${extra.trim()}\n${INJECT_END}`;
-	return base ? `${base}\n${block}` : block;
-};
-var isStandaloneScssError = (item) => {
-	const text = errorText(item);
-	return text.startsWith(SCSS_ERROR_MARK) && /\.s[ac]ss:/i.test(text);
-};
-var syncScssErrors = (store, scssErrors) => {
-	const next = [...scssErrors, ...store.errors.filter((item) => !isStandaloneScssError(item))];
-	if (next.map(String).join("\0") === store.errors.map(String).join("\0")) return;
-	store.errors = next;
-};
-var applyStandaloneScss = (store, sass = loadedSass) => {
-	if (!sass) return [];
-	const fileMap = toPlaygroundFileMap(store.files);
-	const errors = [];
-	const injected = [];
-	for (const [filename, file] of Object.entries(store.files)) {
-		if (!isScssFile(filename) || !file.compiled) continue;
-		try {
-			const css = compileScssSource(file.code, filename, sass, fileMap);
-			file.compiled.css = css;
-			file.compiled.js = EMPTY_JS;
-			file.compiled.ssr = EMPTY_JS;
-			if (!isScssPartial(filename) && css.trim()) injected.push(css);
-		} catch (error) {
-			errors.push(scssFail(filename, error));
-		}
-	}
-	const main = store.files[store.mainFile];
-	if (main?.compiled) {
-		const next = withInjectedCss(main.compiled.css || "", injected.join("\n"));
-		if (next !== (main.compiled.css || "")) main.compiled.css = next;
-	}
-	syncScssErrors(store, errors);
-	return errors;
-};
-var bindPlaygroundScss = (store) => {
-	if (boundStores.has(store)) return;
-	boundStores.add(store);
-	const getFiles = () => toPlaygroundFileMap(store.files);
-	const installCompiler = () => {
-		if (typeof store.compiler?.parse === "function") store.compiler = wrapCompiler(store.compiler, getFiles);
-	};
-	installCompiler();
-	watch(() => store.compiler, installCompiler);
-	watch(() => [
-		store.mainFile,
-		store.files[store.mainFile]?.compiled?.css,
-		store.errors.map(String).join("\0"),
-		Object.entries(store.files).filter(([filename]) => isScssFile(filename)).map(([filename, file]) => `${filename}:${file.code}`).join("\n")
-	].join("\0"), () => {
-		if (loadedSass) applyStandaloneScss(store);
-	});
-	const originalSetFiles = store.setFiles.bind(store);
-	store.setFiles = async (newFiles, mainFile) => {
-		if (filesNeedScss(newFiles) && !loadedSass) await loadSass();
-		return originalSetFiles(newFiles, mainFile);
-	};
-};
-//#endregion
-export { compileScssSource as n, whenSassReady as r, bindPlaygroundScss as t };

package/dist/scss-DaIqB_qT.cjs

@@ -1,233 +0,0 @@
-const require_cdn = require("./cdn-Czve5_9b.cjs");
-let vue = require("vue");
-//#region packages/playground/src/core/scss.ts
-var SCHEME = "docs-playground";
-var STYLE_EXTS = [".scss", ".sass"];
-var VUE_SCSS_STYLE_RE = /<style\b[^>]*\blang\s*=\s*(['"]?)s[ac]ss\1/i;
-var LANG_ATTR_RE = /\s*lang\s*=\s*(['"]?)s[ac]ss\1/i;
-var SCSS_ERROR_MARK = "[playground-sass]";
-var INJECT_START = "/* docs-playground-scss-start */";
-var INJECT_END = "/* docs-playground-scss-end */";
-var EMPTY_JS = "export default {}\n";
-var boundStores = /* @__PURE__ */ new WeakSet();
-var wrappedCompilers = /* @__PURE__ */ new WeakSet();
-var testLoader;
-var loadedSass;
-var loadPromise;
-var fileCode = (value) => typeof value === "string" ? value : value.code;
-var playgroundPath = (url) => decodeURIComponent(url.pathname.replace(/^\/+/u, ""));
-var toPlaygroundUrl = (filename) => new URL(`${SCHEME}:///${filename.replace(/^\/+/u, "")}`);
-var basename = (path) => path.split("/").pop() || path;
-var scssSyntax = (filename, lang) => lang === "sass" || /\.sass$/i.test(filename) ? "indented" : "scss";
-var errorText = (item) => item instanceof Error ? item.message : String(item);
-var isScssFile = (filename) => /\.s[ac]ss$/i.test(filename);
-var vueSourceNeedsScss = (source) => VUE_SCSS_STYLE_RE.test(source);
-var resolveSassModule = async (url) => {
-	const mod = await import(
-		/* @vite-ignore */
-		url
-);
-	const sass = typeof mod.compileString === "function" ? mod : mod.default;
-	if (typeof sass?.compileString !== "function") throw new Error(`Sass module at ${url} does not export compileString`);
-	return sass;
-};
-var loadSass = () => {
-	loadPromise ??= (testLoader ?? (() => resolveSassModule(require_cdn.SASS_CDN_URL)))().then((sass) => {
-		loadedSass = sass;
-		return sass;
-	});
-	return loadPromise;
-};
-var isScssPartial = (filename) => isScssFile(filename) && basename(filename).startsWith("_");
-var filesNeedScss = (files) => Object.entries(files).some(([filename, value]) => isScssFile(filename) || /\.vue$/i.test(filename) && vueSourceNeedsScss(fileCode(value)));
-var whenSassReady = (files, run) => {
-	if (!filesNeedScss(files) || loadedSass) run();
-	else loadSass().then(run);
-};
-var toPlaygroundFileMap = (files) => Object.fromEntries(Object.entries(files).map(([filename, value]) => [filename, fileCode(value)]));
-var formatScssError = (filename, message) => `${SCSS_ERROR_MARK} ${filename}: ${message}`;
-var scssFail = (filename, error) => formatScssError(filename, errorText(error));
-var withUnderscore = (path) => {
-	const base = basename(path);
-	if (base.startsWith("_")) return path;
-	return `${path.slice(0, -base.length)}_${base}`;
-};
-var matchFileKey = (files, path) => [
-	path,
-	path.startsWith("src/") ? path : `src/${path}`,
-	path.replace(/^src\//u, "")
-].find((key) => files[key] !== void 0);
-var stylesheetCandidates = (requestPath) => {
-	if (isScssFile(requestPath)) return [requestPath, withUnderscore(requestPath)];
-	return STYLE_EXTS.flatMap((ext) => [
-		`${requestPath}${ext}`,
-		withUnderscore(`${requestPath}${ext}`),
-		`${requestPath}/index${ext}`,
-		withUnderscore(`${requestPath}/index${ext}`)
-	]);
-};
-var resolvePlaygroundStylesheet = (files, requestPath) => {
-	const found = [...new Set(stylesheetCandidates(requestPath).map((path) => matchFileKey(files, path)).filter((key) => Boolean(key)))];
-	if (found.length > 1) throw new Error(`Ambiguous Sass import "${requestPath}": ${found.join(", ")}`);
-	return found[0] ?? null;
-};
-var createPlaygroundImporter = (getFiles) => ({
-	canonicalize(url, context) {
-		if (/^[a-zA-Z][\w+.-]*:/u.test(url) && !url.startsWith(`${SCHEME}:`)) return null;
-		try {
-			const resolved = resolvePlaygroundStylesheet(getFiles(), playgroundPath(new URL(url, context.containingUrl ?? toPlaygroundUrl(""))));
-			return resolved ? toPlaygroundUrl(resolved) : null;
-		} catch {
-			return null;
-		}
-	},
-	load(canonicalUrl) {
-		const files = getFiles();
-		const key = playgroundPath(canonicalUrl);
-		return files[key] === void 0 ? null : {
-			contents: files[key],
-			syntax: scssSyntax(key)
-		};
-	}
-});
-var compileScssSource = (source, filename, sass, files, lang) => {
-	const importer = createPlaygroundImporter(() => files);
-	return sass.compileString(source, {
-		syntax: scssSyntax(filename, lang),
-		url: toPlaygroundUrl(filename),
-		importer,
-		importers: [importer]
-	}).css;
-};
-var rewriteVueSfcStyles = (source, filename, parse, sass, files) => {
-	const scssStyles = parse(source, { filename }).descriptor.styles.filter((style) => style.lang === "scss" || style.lang === "sass");
-	if (!scssStyles.length) return {
-		code: source,
-		errors: []
-	};
-	const errors = [];
-	let code = source;
-	for (const style of [...scssStyles].sort((left, right) => right.loc.start.offset - left.loc.start.offset)) {
-		const before = code.slice(0, style.loc.start.offset);
-		const after = code.slice(style.loc.end.offset);
-		const openStart = before.lastIndexOf("<style");
-		if (openStart < 0) {
-			errors.push(formatScssError(filename, "unable to locate <style> opening tag"));
-			continue;
-		}
-		try {
-			const css = compileScssSource(style.content, filename, sass, files, style.lang);
-			code = `${before.slice(0, openStart)}${before.slice(openStart).replace(LANG_ATTR_RE, "")}${css}${after}`;
-		} catch (error) {
-			errors.push(scssFail(filename, error));
-		}
-	}
-	return {
-		code,
-		errors
-	};
-};
-var appendParseErrors = (result, errors) => errors.length ? {
-	...result,
-	errors: [...result.errors, ...errors.map((item) => new Error(item))]
-} : result;
-var wrapCompiler = (compiler, getFiles) => {
-	if (wrappedCompilers.has(compiler)) return compiler;
-	const originalParse = compiler.parse.bind(compiler);
-	const wrapped = { ...compiler };
-	wrapped.parse = ((source, options) => {
-		const filename = options?.filename || "anonymous.vue";
-		if (!vueSourceNeedsScss(source)) return originalParse(source, options);
-		const rewritten = loadedSass ? rewriteVueSfcStyles(source, filename, originalParse, loadedSass, getFiles()) : {
-			code: source,
-			errors: [formatScssError(filename, "compiler is not loaded")]
-		};
-		return appendParseErrors(originalParse(rewritten.errors.length ? source : rewritten.code, options), rewritten.errors);
-	});
-	wrappedCompilers.add(wrapped);
-	return wrapped;
-};
-var withInjectedCss = (css, extra) => {
-	const start = css.indexOf(INJECT_START);
-	const end = start < 0 ? -1 : css.indexOf(INJECT_END, start);
-	const base = (start < 0 ? css : `${css.slice(0, start)}${end >= 0 ? css.slice(end + 30) : ""}`).trimEnd();
-	if (!extra.trim()) return base;
-	const block = `${INJECT_START}\n${extra.trim()}\n${INJECT_END}`;
-	return base ? `${base}\n${block}` : block;
-};
-var isStandaloneScssError = (item) => {
-	const text = errorText(item);
-	return text.startsWith(SCSS_ERROR_MARK) && /\.s[ac]ss:/i.test(text);
-};
-var syncScssErrors = (store, scssErrors) => {
-	const next = [...scssErrors, ...store.errors.filter((item) => !isStandaloneScssError(item))];
-	if (next.map(String).join("\0") === store.errors.map(String).join("\0")) return;
-	store.errors = next;
-};
-var applyStandaloneScss = (store, sass = loadedSass) => {
-	if (!sass) return [];
-	const fileMap = toPlaygroundFileMap(store.files);
-	const errors = [];
-	const injected = [];
-	for (const [filename, file] of Object.entries(store.files)) {
-		if (!isScssFile(filename) || !file.compiled) continue;
-		try {
-			const css = compileScssSource(file.code, filename, sass, fileMap);
-			file.compiled.css = css;
-			file.compiled.js = EMPTY_JS;
-			file.compiled.ssr = EMPTY_JS;
-			if (!isScssPartial(filename) && css.trim()) injected.push(css);
-		} catch (error) {
-			errors.push(scssFail(filename, error));
-		}
-	}
-	const main = store.files[store.mainFile];
-	if (main?.compiled) {
-		const next = withInjectedCss(main.compiled.css || "", injected.join("\n"));
-		if (next !== (main.compiled.css || "")) main.compiled.css = next;
-	}
-	syncScssErrors(store, errors);
-	return errors;
-};
-var bindPlaygroundScss = (store) => {
-	if (boundStores.has(store)) return;
-	boundStores.add(store);
-	const getFiles = () => toPlaygroundFileMap(store.files);
-	const installCompiler = () => {
-		if (typeof store.compiler?.parse === "function") store.compiler = wrapCompiler(store.compiler, getFiles);
-	};
-	installCompiler();
-	(0, vue.watch)(() => store.compiler, installCompiler);
-	(0, vue.watch)(() => [
-		store.mainFile,
-		store.files[store.mainFile]?.compiled?.css,
-		store.errors.map(String).join("\0"),
-		Object.entries(store.files).filter(([filename]) => isScssFile(filename)).map(([filename, file]) => `${filename}:${file.code}`).join("\n")
-	].join("\0"), () => {
-		if (loadedSass) applyStandaloneScss(store);
-	});
-	const originalSetFiles = store.setFiles.bind(store);
-	store.setFiles = async (newFiles, mainFile) => {
-		if (filesNeedScss(newFiles) && !loadedSass) await loadSass();
-		return originalSetFiles(newFiles, mainFile);
-	};
-};
-//#endregion
-Object.defineProperty(exports, "bindPlaygroundScss", {
-	enumerable: true,
-	get: function() {
-		return bindPlaygroundScss;
-	}
-});
-Object.defineProperty(exports, "compileScssSource", {
-	enumerable: true,
-	get: function() {
-		return compileScssSource;
-	}
-});
-Object.defineProperty(exports, "whenSassReady", {
-	enumerable: true,
-	get: function() {
-		return whenSassReady;
-	}
-});