@coreframe/vite 0.1.0 → 0.1.2

package/dist/assets.js

@@ -1,83 +1,2 @@
-import { checkAssets, formatAssetProblems, materializeAsset, readAssetManifest } from "@coreframe/scripts/assets";
-
-//#region assets.ts
-const manifestPath = "assets/manifest.json";
-const markdownAssetReferencePattern = /@asset\s+([a-z0-9][a-z0-9/-]*)/g;
-function coreframeAssetsPlugin({ cwd = process.cwd(), devMaterialize = true } = {}) {
-	const virtualId = "virtual:assets";
-	const resolvedVirtualId = `\0${virtualId}`;
-	return {
-		name: "coreframe:assets",
-		async buildStart() {
-			if (this.meta.watchMode) return;
-			const status = await checkAssets({ cwd });
-			if (!status.ok) throw new Error(formatAssetProblems(status.problems));
-		},
-		async resolveId(id) {
-			if (id === virtualId) return resolvedVirtualId;
-		},
-		async load(id) {
-			if (id !== resolvedVirtualId) return;
-			const { manifest, problems } = await readAssetManifest(cwd);
-			if (problems.length > 0) throw new Error(formatAssetProblems(problems));
-			return [
-				`const manifest = ${JSON.stringify(manifest)};`,
-				"export { manifest };",
-				"export function asset(id) {",
-				"  const entry = manifest[id];",
-				"  if (!entry) throw new Error(`Unknown Coreframe asset: ${id}`);",
-				"  return entry;",
-				"}"
-			].join("\n");
-		},
-		async transform(code, id) {
-			const assetIds = [...code.matchAll(markdownAssetReferencePattern)].map((match) => match[1]);
-			if (assetIds.length === 0) return;
-			const loaded = await readAssetManifest(cwd);
-			const problems = [...loaded.problems];
-			let transformed = code;
-			for (const assetId of assetIds) {
-				const entry = loaded.manifest[assetId];
-				if (!entry) {
-					problems.push({
-						code: "INVALID_REFERENCE",
-						message: `Asset reference "${assetId}" in "${id}" is not present in ${manifestPath}.`,
-						assetId,
-						file: id
-					});
-					continue;
-				}
-				if (this.meta.watchMode && devMaterialize && entry.variants.length === 0) {
-					this.warn(`Materializing Coreframe asset "${assetId}" for dev.`);
-					const result = await materializeAsset(assetId, {
-						cwd,
-						updateManifest: false
-					});
-					problems.push(...result.problems);
-					const materialized = result.assets.find((asset) => asset.assetId === assetId);
-					if (materialized) loaded.manifest[assetId] = {
-						...entry,
-						variants: materialized.variants
-					};
-				}
-				const variant = loaded.manifest[assetId]?.variants[0];
-				if (!variant) {
-					problems.push({
-						code: "GENERATED_VARIANT_MISSING",
-						message: `Asset "${assetId}" has no generated variant.`,
-						assetId,
-						file: id,
-						fix: `Run: coreframe assets build --id ${assetId}`
-					});
-					continue;
-				}
-				transformed = transformed.replaceAll(`@asset ${assetId}`, `/${variant.path}`);
-			}
-			if (problems.length > 0) throw new Error(formatAssetProblems(problems));
-			return transformed;
-		}
-	};
-}
-
-//#endregion
-export { coreframeAssetsPlugin };
+import{readFile as e}from"node:fs/promises";import{checkAssets as t,formatAssetProblems as n,materializeAsset as r,readAssetManifest as i,resolveAssetVariantFile as a}from"@coreframe/scripts/assets";const o=/!\[([^\]]*)\]\(@asset\s+([a-z0-9][a-z0-9/-]*)\)/g;function s({cwd:e=process.cwd(),devMaterialize:s=!0}={}){let d=`virtual:assets`,h=`\0${d}`,g=new Map,_=``;function v(e){return{...e,variants:[...e.variants].sort((e,t)=>e.width-t.width).map(e=>({...e,src:c(_,e.path)}))}}async function y(t){let i=g.get(t);if(i)return i;let a=(async()=>{let i=await r(t,{cwd:e,updateManifest:!1});if(!i.ok)throw Error(n(i.problems));return i})();g.set(t,a);try{return await a}finally{g.delete(t)}}return{name:`coreframe:assets`,configResolved(e){_=l(e.env.VITE_MEDIA_PUBLIC_BASE_URL)},configureServer(t){t.middlewares.use(async(r,o,c)=>{try{if(!r.url||![`GET`,`HEAD`].includes(r.method??`GET`)){c();return}let l=f(r.url);if(!l){c();return}let u=await i(e);if(u.problems.length>0){c(Error(n(u.problems)));return}let d=p(u.manifest,l);if(!d){c();return}let h=a(e,l),g=await m(h);if(!g&&s&&(t.config.logger.info(`Materializing Coreframe asset "${d}" for dev.`),await y(d),g=await m(h),!g))throw Error(`Coreframe asset variant "${l}" does not match its source. Run: coreframe assets build --id ${d}`);if(!g){c();return}o.statusCode=200,o.setHeader(`Content-Type`,`image/webp`),o.setHeader(`Cache-Control`,`public, max-age=31536000, immutable`),o.setHeader(`Content-Length`,g.byteLength),o.end(r.method===`HEAD`?void 0:g)}catch(e){c(e)}})},async buildStart(){if(this.meta.watchMode)return;let r=await t({cwd:e});if(!r.ok)throw Error(n(r.problems))},async resolveId(e){if(e===d)return h},async load(t){if(t!==h)return;let{manifest:r,problems:a}=await i(e);if(a.length>0)throw Error(n(a));let o=Object.fromEntries(Object.entries(r).map(([e,t])=>[e,v(t)]));return[`const manifest = ${JSON.stringify(o)};`,`export { manifest };`,`export function asset(id) {`,`  const entry = manifest[id];`,"  if (!entry) throw new Error(`Unknown Coreframe asset: ${id}`);",`  if (entry.variants.length === 0) {`,"    throw new Error(`Coreframe asset has no generated variants: ${id}. Run: coreframe assets build --id ${id}`);",`  }`,`  return entry;`,`}`].join(`
+`)},async transform(t,r){let[a]=r.split(`?`,1);if(!a?.endsWith(`.md`)&&!a?.endsWith(`.mdx`))return;let c=[...t.matchAll(o)];if(c.length===0)return;let l=await i(e),d=[...l.problems],f=t;for(let e of c){let[t,n,i]=e,a=l.manifest[i];if(!a){d.push({code:`INVALID_REFERENCE`,message:`Asset reference "${i}" in "${r}" is not present in assets/manifest.json.`,assetId:i,file:r});continue}if(this.meta.watchMode&&s&&a.variants.length===0){this.warn(`Materializing Coreframe asset "${i}" for dev.`);let e=await y(i);d.push(...e.problems);let t=e.assets.find(e=>e.assetId===i);t&&(l.manifest[i]={...a,variants:t.variants})}let o=v(l.manifest[i]??a);if(o.variants.length===0){d.push({code:`GENERATED_VARIANT_MISSING`,message:`Asset "${i}" has no generated variants.`,assetId:i,file:r,fix:`Run: coreframe assets build --id ${i}`});continue}f=f.replace(t,u(n,o))}if(d.length>0)throw Error(n(d));return f}}}function c(e,t){return`${e}/${t}`}function l(e){return(e??``).replace(/\/+$/,``)}function u(e,t){let n=t.variants.at(-1),r=t.variants.map(e=>`${e.src} ${e.width}w`).join(`, `);return[`<img alt="${d(e)}"`,`src="${d(n.src)}"`,`srcset="${d(r)}"`,`sizes="100vw"`,`width="${t.width}"`,`height="${t.height}">`].join(` `)}function d(e){return e.replaceAll(`&`,`&amp;`).replaceAll(`"`,`&quot;`).replaceAll(`<`,`&lt;`).replaceAll(`>`,`&gt;`)}function f(e){let t=decodeURIComponent(new URL(e,`http://coreframe.local`).pathname).replace(/^\/+/,``);return t.startsWith(`assets/`)?t:void 0}function p(e,t){return Object.entries(e).find(([,e])=>e.variants.some(e=>e.path===t))?.[0]}async function m(t){try{return await e(t)}catch(e){if(h(e)&&e.code===`ENOENT`)return;throw e}}function h(e){return e instanceof Error&&`code`in e}export{s as coreframeAssetsPlugin};

package/dist/icons.d.ts

@@ -0,0 +1,10 @@
+import { Plugin } from "vite";
+
+//#region icons.d.ts
+type CoreframeIconsPluginOptions = {
+  /** Directory containing the flat, kebab-case `app` SVG icon collection. */appIconsDirectory?: string;
+};
+/** Provide on-demand React and `?sprite` icon imports backed by Iconify collections. */
+declare function coreframeIconsPlugin(options?: CoreframeIconsPluginOptions): Plugin[];
+//#endregion
+export { CoreframeIconsPluginOptions, coreframeIconsPlugin };

package/dist/icons.js

@@ -0,0 +1,14 @@
+import{readFile as e}from"node:fs/promises";import{createHash as t}from"node:crypto";import{isAbsolute as n,relative as r,resolve as i}from"node:path";import{buildParsedSVG as a,parseSVGContent as o}from"@iconify/utils";import{loadNodeIcon as s}from"@iconify/utils/lib/loader/node-loader";import c from"unplugin-icons/vite";const l=`src/assets/icons`,u=`\0coreframe:sprite-icon:`,d=`__COREFRAME_SPRITE_URL__`,f=/^[a-z0-9]+(?:-[a-z0-9]+)*$/;function p(t={}){let n=i(t.appIconsDirectory??l);async function r(t){if(f.test(t))try{let r=await e(i(n,`${t}.svg`),`utf8`);S(r,`app/${t}`);let s=o(r);if(!s||!a(s))throw Error(`Icon \`app/${t}\` must contain a valid viewBox`);return r}catch(e){if(O(e)&&e.code===`ENOENT`)return;throw e}}return[m({options:t,loadAppIcon:r,setAppIconsDirectory(e){n=e}}),c({compiler:`jsx`,jsx:`react`,customCollections:{app:r}})]}function m({options:e,loadAppIcon:t,setAppIconsDirectory:n}){let r=new Map,a=``,o,c;return{name:`coreframe:icons`,enforce:`pre`,configResolved(t){o=t,a=w(t.root,e.appIconsDirectory??l),n(a)},resolveId(e){let t=g(e);return t?`${u}${encodeURIComponent(JSON.stringify(t))}.js`:null},async load(e){let n=h(e);if(!n)return null;n.collection===`app`&&this.addWatchFile(i(a,`${n.icon}.svg`));let c=n.collection===`app`?await t(n.icon):await s(n.collection,n.icon,{addXmlNs:!1,autoInstall:!1,cwd:o.root,scale:1.2});if(!c)throw Error(`Icon \`${n.collection}/${n.icon}\` not found`);let l=_(c,n.collection,n.icon);return r.set(l.id,l),v(l,n.props,o.command===`serve`)},renderStart(){o.command!==`build`||r.size===0||(c=this.emitFile({type:`asset`,name:`coreframe-icons.svg`,source:y(r.values())}))},renderChunk(e){if(!e.includes(d))return null;if(!c)throw Error(`Coreframe sprite asset was not emitted before chunk rendering`);let t=b(o.base,this.getFileName(c));return e.replaceAll(d,t)},handleHotUpdate(e){if(T(a,e.file)){for(let t of e.server.moduleGraph.idToModuleMap.values())(t.id?.includes(`~icons/app/`)||t.id?.startsWith(u))&&e.server.moduleGraph.invalidateModule(t);return e.server.ws.send({type:`full-reload`}),[]}}}}function h(e){if(!e.startsWith(u)||!e.endsWith(`.js`))return null;let t=e.slice(23,-3);return JSON.parse(decodeURIComponent(t))}function g(e){let t=e.indexOf(`?`);if(t===-1)return null;let n=new URLSearchParams(e.slice(t+1));if(!n.has(`sprite`))return null;n.delete(`sprite`);let r=e.slice(0,t).replace(/^\/?(?:~icons|virtual:icons|virtual\/icons)\//,``).replace(/\.\w+$/,``).split(`/`);if(r.length!==2||r.some(e=>!f.test(e)))throw Error(`Invalid sprite icon import: ${e}`);let i=Object.create(null);return n.forEach((e,t)=>{if(t===`raw`)throw Error(`An icon import cannot use both ?sprite and ?raw`);if(t===`style`)throw Error(`Pass sprite icon styles through the component style prop`);i[C(t)]=e}),{collection:r[0],icon:r[1],props:i}}function _(e,n,r){S(e,`${n}/${r}`);let i=o(e),s=i&&a(i);if(!i||!s)throw Error(`Icon \`${n}/${r}\` must contain a valid viewBox`);let c=`coreframe-icon-${n}-${r}-${t(`sha256`).update(`${n}/${r}\0${s.attributes.viewBox}\0${s.body}`).digest(`hex`).slice(0,12)}`,l=x(s.body,c),u=i.attribs.preserveAspectRatio?` preserveAspectRatio="${E(i.attribs.preserveAspectRatio)}"`:``;return{id:c,markup:`<symbol id="${c}" viewBox="${E(s.attributes.viewBox)}"${u}>${l}</symbol>`,viewBox:s.attributes.viewBox,width:s.attributes.width,height:s.attributes.height}}function v(e,t,n){let r={...e.width?{width:e.width}:{},...e.height?{height:e.height}:{},...t},i=n?`\nregisterSpriteSymbol(${JSON.stringify({id:e.id,markup:e.markup})})\n`:``,a=n?`import { registerSpriteSymbol, SpriteIcon } from "@coreframe/lib/sprite-icon"`:`import { SpriteIcon } from "@coreframe/lib/sprite-icon"`,o=n?`#${e.id}`:`${d}#${e.id}`;return`${a}
+import { createElement } from "react"
+${i}
+const defaultProps = ${JSON.stringify(r)}
+
+export default function CoreframeSpriteIcon(props) {
+  return createElement(SpriteIcon, {
+    ...defaultProps,
+    ...props,
+    href: "${o}",
+    viewBox: "${e.viewBox}",
+  })
+}
+`}function y(e){return`<svg xmlns="http://www.w3.org/2000/svg" id="coreframe-icon-sprite">${Array.from(e,e=>e.markup).join(``)}</svg>`}function b(e,t){return`${e.endsWith(`/`)?e:`${e}/`}${t}`}function x(e,t){let n=Array.from(e.matchAll(/\bid=(['"])(.*?)\1/g),e=>e[2]),r=e;for(let[e,i]of n.entries()){let n=D(i),a=`${t}-${e+1}`;r=r.replace(RegExp(`\\bid=(['"])${n}\\1`,`g`),`id="${a}"`).replace(RegExp(`(["#;])${n}(?=[)"']|\\.[a-z])`,`g`),`$1${a}`)}return r}function S(e,t){if(/<(?:script|foreignObject)\b/i.test(e)||/\son[a-z]+\s*=/i.test(e))throw Error(`Icon \`${t}\` contains executable SVG content`);if(/\b(?:href|xlink:href)\s*=\s*['"](?!#)/i.test(e))throw Error(`Icon \`${t}\` contains an external SVG reference`)}function C(e){return e===`class`?`className`:e.startsWith(`aria-`)||e.startsWith(`data-`)?e:e.replace(/-([a-z])/g,(e,t)=>t.toUpperCase())}function w(e,t){return n(t)?t:i(e,t)}function T(e,t){let i=r(e,t);return i!==``&&!i.startsWith(`..`)&&!n(i)}function E(e){return e.replaceAll(`&`,`&amp;`).replaceAll(`"`,`&quot;`)}function D(e){return e.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)}function O(e){return e instanceof Error&&`code`in e}export{p as coreframeIconsPlugin};

package/dist/index.js

@@ -1,34 +1 @@
-//#region index.ts
-function extendConfigEnv(env, processEnv = process.env) {
-	return {
-		...env,
-		runner: processEnv.TAURI_ENV_PLATFORM !== void 0 ? "tauri" : processEnv.VITEST === "true" ? "vitest" : processEnv.IS_RR_BUILD_REQUEST === "yes" ? "react-router-ssg" : null
-	};
-}
-function selectPlugins(env, plugins) {
-	return plugins.map((plugin) => selectPlugin(env, plugin));
-}
-function apply(filter, plugin) {
-	return (env) => filter(env) ? selectPlugin(env, plugin) : null;
-}
-function buildOnly(plugin) {
-	return apply((env) => env.command === "build", plugin);
-}
-function devOnly(plugin) {
-	return apply((env) => env.command === "serve", plugin);
-}
-function runnerOnly(runners, plugin) {
-	return apply((env) => includesRunner(runners, env.runner), plugin);
-}
-function exceptRunner(runners, plugin) {
-	return apply((env) => !includesRunner(runners, env.runner), plugin);
-}
-function selectPlugin(env, plugin) {
-	return typeof plugin === "function" ? plugin(env) : plugin;
-}
-function includesRunner(runners, runner) {
-	return (typeof runners === "string" || runners === null ? [runners] : runners).includes(runner);
-}
-
-//#endregion
-export { apply, buildOnly, devOnly, exceptRunner, extendConfigEnv, runnerOnly, selectPlugins };
+function e(e,t=process.env){return{...e,runner:t.TAURI_ENV_PLATFORM===void 0?t.VITEST===`true`?`vitest`:t.IS_RR_BUILD_REQUEST===`yes`?`react-router-ssg`:null:`tauri`}}function t(e,t){return t.map(t=>s(e,t))}function n(e,t){return n=>e(n)?s(n,t):null}function r(e){return n(e=>e.command===`build`,e)}function i(e){return n(e=>e.command===`serve`,e)}function a(e,t){return n(t=>c(e,t.runner),t)}function o(e,t){return n(t=>!c(e,t.runner),t)}function s(e,t){return typeof t==`function`?t(e):t}function c(e,t){return(typeof e==`string`||e===null?[e]:e).includes(t)}export{n as apply,r as buildOnly,i as devOnly,o as exceptRunner,e as extendConfigEnv,a as runnerOnly,t as selectPlugins};

package/dist/managed-dev.d.ts

@@ -0,0 +1,12 @@
+import { Plugin } from "vite";
+
+//#region managed-dev.d.ts
+type CoreframeManagedDevPluginOptions = {
+  env?: NodeJS.ProcessEnv;
+};
+declare function coreframeManagedDevPlugin({
+  env
+}?: CoreframeManagedDevPluginOptions): Plugin;
+declare const browserClientSource: string;
+//#endregion
+export { CoreframeManagedDevPluginOptions, browserClientSource, coreframeManagedDevPlugin };

package/dist/managed-dev.js

@@ -0,0 +1,152 @@
+import{managedDevTokenEnv as e,managedDevUrlEnv as t}from"@coreframe/scripts/managed-dev-protocol";const n=`/@coreframe/managed-dev`,r=`/__coreframe/managed-dev`;function i({env:i=process.env}={}){let u=i[t],d=i[e],f=!!(u&&d);async function p(e,t){if(!u||!d)throw Error(`Managed development is not configured.`);return fetch(new URL(e,u),{...t,headers:{...t?.headers,Authorization:`Bearer ${d}`,"Content-Type":`application/json`}})}return{name:`coreframe:managed-dev`,apply:`serve`,async configureServer(e){if(!f)return;let t=await p(`/handshake`,{method:`POST`});if(!t.ok){let e=await t.text();throw Error(`Coreframe managed development could not start: ${e}`)}e.middlewares.use(async(e,t,i)=>{if(!e.url){i();return}let u=new URL(e.url,`http://coreframe.local`).pathname;if(u===n){t.statusCode=200,t.setHeader(`Content-Type`,`text/javascript; charset=utf-8`),t.end(l);return}if(u===`${r}/status`&&e.method===`GET`){await a(await p(`/status`),t);return}if(u===`${r}/action`&&e.method===`POST`){if(!s(e.socket.remoteAddress)){c(t,403,{error:`Managed development actions require a loopback client.`});return}await a(await p(`/action`,{body:await o(e),method:`POST`}),t);return}i()})},transformIndexHtml(){if(f)return[{tag:`script`,attrs:{src:n,type:`module`},injectTo:`body`}]}}}async function a(e,t){let n=await e.text();t.statusCode=e.status,t.setHeader(`Content-Type`,e.headers.get(`content-type`)??`application/json`),t.end(n)}async function o(e){let t=``;for await(let n of e)if(t+=String(n),t.length>1e6)throw Error(`Managed development request is too large.`);return t}function s(e){return e===`127.0.0.1`||e===`::1`||e?.startsWith(`::ffff:127.`)}function c(e,t,n){e.statusCode=t,e.setHeader(`Content-Type`,`application/json`),e.end(JSON.stringify(n))}const l=String.raw`
+const endpoint = "/__coreframe/managed-dev"
+const channel = new BroadcastChannel("coreframe-managed-dev")
+let status
+let selected = new Set()
+
+const host = document.createElement("div")
+host.id = "coreframe-managed-dev"
+host.setAttribute("aria-live", "polite")
+document.body.append(host)
+const root = host.attachShadow({ mode: "open" })
+
+root.innerHTML = \`
+  <style>
+    :host { color-scheme: light dark; font: 14px/1.45 ui-sans-serif, system-ui, sans-serif; }
+    dialog { background: Canvas; color: CanvasText; border: 1px solid color-mix(in srgb, CanvasText 18%, transparent); border-radius: 14px; box-shadow: 0 18px 60px #0005; inset: auto 18px 18px auto; margin: 0; max-height: min(620px, calc(100vh - 36px)); max-width: min(430px, calc(100vw - 36px)); overflow: auto; padding: 18px; width: 100%; }
+    dialog[open] { display: grid; gap: 12px; }
+    h2 { font-size: 16px; margin: 0; }
+    p { margin: 0; }
+    .files { display: grid; gap: 7px; max-height: 190px; overflow: auto; }
+    label { align-items: start; display: flex; gap: 8px; overflow-wrap: anywhere; }
+    textarea { box-sizing: border-box; min-height: 92px; resize: vertical; width: 100%; }
+    .actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: end; }
+    button { border: 1px solid color-mix(in srgb, CanvasText 22%, transparent); border-radius: 8px; cursor: pointer; font: inherit; padding: 7px 11px; }
+    button.primary { background: #2563eb; border-color: #2563eb; color: white; }
+    button:disabled { cursor: wait; opacity: .55; }
+    .warning { color: #b45309; white-space: pre-wrap; }
+    .error { color: #dc2626; white-space: pre-wrap; }
+  </style>
+  <dialog aria-labelledby="coreframe-managed-title">
+    <h2 id="coreframe-managed-title">Coreframe update</h2>
+    <div class="content"></div>
+  </dialog>
+\`
+
+const dialog = root.querySelector("dialog")
+const content = root.querySelector(".content")
+
+channel.onmessage = () => void loadStatus()
+setInterval(loadStatus, 2000)
+void loadStatus()
+
+async function loadStatus() {
+  try {
+    const response = await fetch(endpoint + "/status")
+    if (!response.ok) return
+    status = (await response.json()).status
+    render()
+  } catch {}
+}
+
+async function act(action) {
+  const response = await fetch(endpoint + "/action", {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(action),
+  })
+  const result = await response.json()
+  status = response.ok
+    ? result.status
+    : { ...(result.status || status), message: result.error }
+  channel.postMessage("changed")
+  render()
+}
+
+function render() {
+  if (!status || status.mode === "waiting" || (status.mode === "managed" && !status.target && !status.busy && !status.message && status.warnings.length === 0)) {
+    dialog.close()
+    return
+  }
+  if (!dialog.open) dialog.show()
+  const target = status.target
+  const draft = status.draft
+  if (draft && selected.size === 0) selected = new Set(draft.untracked)
+  content.innerHTML = ""
+  content.append(paragraph(status.busy || status.message || modeMessage(status)))
+  if (target) content.append(paragraph(target.subject + " (" + target.shortCommit + ")"))
+  for (const warning of status.warnings || []) content.append(paragraph(warning, "warning"))
+  if (status.mode === "error" && status.message) content.lastElementChild?.classList.add("error")
+
+  if (draft) {
+    const files = document.createElement("div")
+    files.className = "files"
+    for (const file of draft.untracked) files.append(checkbox(file, file, selected.has(file)))
+    if (draft.untracked.length) files.append(checkbox("__all", "Include all untracked files", selected.size === draft.untracked.length))
+    content.append(files)
+    if (status.proposal !== undefined) {
+      const message = document.createElement("textarea")
+      message.value = status.proposal
+      message.setAttribute("aria-label", "Commit message")
+      content.append(message)
+      content.append(actions(
+        button("Reject", () => act({ type: "reject" })),
+        button("Commit and refresh", () => act({ type: "apply", target: target.commit, fingerprint: draft.fingerprint, untracked: [...selected], message: message.value }), true),
+      ))
+    } else {
+      content.append(actions(
+        button("Reject", () => act({ type: "reject" })),
+        button("Generate commit message", () => act({ type: "message", fingerprint: draft.fingerprint, untracked: [...selected] }), true),
+      ))
+    }
+  } else if (target && !status.busy) {
+    const label = target.source === "local" ? "Sync with main" : "Refresh"
+    content.append(actions(button(label, () => act({ type: "prepare", target: target.commit }), true)))
+  }
+}
+
+function checkbox(value, labelText, checked) {
+  const label = document.createElement("label")
+  const input = document.createElement("input")
+  input.type = "checkbox"
+  input.checked = checked
+  input.onchange = () => {
+    if (value === "__all") selected = input.checked ? new Set(status.draft.untracked) : new Set()
+    else if (input.checked) selected.add(value)
+    else selected.delete(value)
+    render()
+  }
+  label.append(input, document.createTextNode(labelText))
+  return label
+}
+
+function paragraph(text, className) {
+  const element = document.createElement("p")
+  element.textContent = text || ""
+  if (className) element.className = className
+  return element
+}
+
+function button(label, onclick, primary = false) {
+  const element = document.createElement("button")
+  element.textContent = label
+  element.disabled = Boolean(status.busy)
+  if (primary) element.className = "primary"
+  element.onclick = onclick
+  return element
+}
+
+function actions(...buttons) {
+  const element = document.createElement("div")
+  element.className = "actions"
+  element.append(...buttons)
+  return element
+}
+
+function modeMessage(value) {
+  if (value.mode === "unmanaged") return "Managed synchronization is unavailable for this session."
+  if (value.mode === "error") return "Managed synchronization stopped."
+  if (value.target?.source === "local") return "New changes are available in local main."
+  return "A newer main commit is ready."
+}
+`;export{l as browserClientSource,i as coreframeManagedDevPlugin};

package/dist/markdown-frontmatter.js

@@ -1,20 +1 @@
-import { normalizePath } from "vite";
-
-//#region markdown-frontmatter.ts
-const markdownFrontmatterPattern = /^---\r?\n[\s\S]*?\r?\n---(?:\r?\n|$)/;
-function markdownFrontmatterPlugin({ contentDirectory }) {
-	const normalizedContentDirectory = `${normalizePath(contentDirectory).replace(/\/+$/, "")}/`;
-	return {
-		name: "coreframe:markdown-frontmatter",
-		enforce: "pre",
-		transform(code, id) {
-			const [path = "", query] = id.split("?");
-			const normalizedPath = normalizePath(path);
-			if (query || !normalizedPath.startsWith(normalizedContentDirectory) || !path.endsWith(".md")) return;
-			return code.replace(markdownFrontmatterPattern, "");
-		}
-	};
-}
-
-//#endregion
-export { markdownFrontmatterPlugin };
+import{normalizePath as e}from"vite";const t=/^---\r?\n[\s\S]*?\r?\n---(?:\r?\n|$)/;function n({contentDirectory:n}){let r=`${e(n).replace(/\/+$/,``)}/`;return{name:`coreframe:markdown-frontmatter`,enforce:`pre`,transform(n,i){let[a=``,o]=i.split(`?`),s=e(a);if(!(o||!s.startsWith(r)||!a.endsWith(`.md`)))return n.replace(t,``)}}}export{n as markdownFrontmatterPlugin};

package/dist/preset.d.ts

@@ -0,0 +1,6 @@
+import { Plugin } from "vite";
+
+//#region preset.d.ts
+declare function coreframeVitePreset(): Plugin[];
+//#endregion
+export { coreframeVitePreset };

package/dist/preset.js

@@ -0,0 +1 @@
+import{coreframeAssetsPlugin as e}from"./assets.js";import{coreframeIconsPlugin as t}from"./icons.js";import{coreframeManagedDevPlugin as n}from"./managed-dev.js";function r(){return[e(),...t(),n()]}export{r as coreframeVitePreset};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreframe/vite",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/airlock-labs/coreframe.git",
@@ -19,36 +19,41 @@
       "types": "./dist/assets.d.ts",
       "default": "./dist/assets.js"
     },
-    "./image-generator": {
-      "types": "./dist/image-generator.d.ts",
-      "default": "./dist/image-generator.js"
+    "./icons": {
+      "types": "./dist/icons.d.ts",
+      "default": "./dist/icons.js"
     },
     "./markdown-frontmatter": {
       "types": "./dist/markdown-frontmatter.d.ts",
       "default": "./dist/markdown-frontmatter.js"
+    },
+    "./managed-dev": {
+      "types": "./dist/managed-dev.d.ts",
+      "default": "./dist/managed-dev.js"
+    },
+    "./preset": {
+      "types": "./dist/preset.d.ts",
+      "default": "./dist/preset.js"
     }
   },
   "dependencies": {
-    "tinyglobby": "^0.2.17",
-    "@coreframe/scripts": "^0.1.11"
+    "@iconify/utils": "^3.1.4",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-jsx": "^8.1.0",
+    "unplugin-icons": "^23.0.1",
+    "@coreframe/lib": "^0.1.4",
+    "@coreframe/scripts": "^0.1.16"
   },
   "devDependencies": {
     "@types/node": "^26.1.0",
-    "sharp": "^0.34.5",
     "tsdown": "0.22.3",
     "typescript": "6.0.3",
     "vite": "^8.1.0",
     "vitest": "^4.1.9"
   },
   "peerDependencies": {
-    "sharp": "^0.34.5 || ^0.35.0",
     "vite": "^8.0.0"
   },
-  "peerDependenciesMeta": {
-    "sharp": {
-      "optional": true
-    }
-  },
   "scripts": {
     "build": "tsdown",
     "test": "vitest run",

package/dist/image-generator.d.ts

@@ -1,18 +0,0 @@
-import { ConfigEnv, FSWatcher } from "vite";
-
-//#region image-generator.d.ts
-declare function imageGenerator(): {
-  name: string;
-  configResolved(config: {
-    command: ConfigEnv["command"];
-  }): void;
-  configureServer(server: {
-    watcher: FSWatcher;
-  }): Promise<void>;
-  applyToEnvironment(environment: {
-    name: string;
-  }): boolean;
-  buildStart(): Promise<void>;
-};
-//#endregion
-export { imageGenerator };

package/dist/image-generator.js

@@ -1,79 +0,0 @@
-import fs from "node:fs";
-import path from "node:path";
-import { glob } from "tinyglobby";
-
-//#region image-generator.ts
-function imageGenerator() {
-	let command;
-	return {
-		name: "image-generator",
-		configResolved(config) {
-			command = config.command;
-		},
-		async configureServer(server) {
-			await generateAllDensityImages();
-			server.watcher.on("add", (file) => {
-				if (isSourceDensityImage(file)) generateDensityImages(file);
-			});
-			server.watcher.on("change", (file) => {
-				if (isSourceDensityImage(file)) generateDensityImages(file, { overwrite: true });
-			});
-		},
-		applyToEnvironment(environment) {
-			return environment.name === "client";
-		},
-		async buildStart() {
-			if (command === "build") await generateAllDensityImages();
-		}
-	};
-}
-async function generateAllDensityImages() {
-	const files = await glob(["src/**/*@3x.{png,webp}", "public/**/*@3x.{png,webp}"]);
-	console.log(`[image-generator] Found ${files.length} @3x images.`);
-	await Promise.all(files.map((file) => generateDensityImages(file)));
-}
-function isSourceDensityImage(file) {
-	return /@3x\.(png|webp)$/.test(file);
-}
-async function generateDensityImages(file, options = {}) {
-	const dir = path.dirname(file);
-	const ext = path.extname(file);
-	const base = path.basename(file, `@3x${ext}`);
-	const outputImages = [{
-		outputPath: path.join(dir, `${base}@2x${ext}`),
-		scale: 2 / 3
-	}, {
-		outputPath: path.join(dir, `${base}@1x${ext}`),
-		scale: 1 / 3
-	}].filter((image) => options.overwrite || !fs.existsSync(image.outputPath));
-	if (outputImages.length === 0) return;
-	const { default: sharp } = await import("sharp");
-	let width;
-	try {
-		width = (await sharp(file).metadata()).width;
-	} catch (error) {
-		console.error(`[image-generator] Failed to read metadata for ${file}`, error);
-		return;
-	}
-	if (!width) {
-		console.error(`[image-generator] Skipping ${file}; image width could not be read.`);
-		return;
-	}
-	await Promise.all(outputImages.map((image) => generateDensityImage({
-		file,
-		outputPath: image.outputPath,
-		sharp,
-		width: Math.round(width * image.scale)
-	})));
-}
-async function generateDensityImage(options) {
-	try {
-		console.log(`[image-generator] Generating ${options.outputPath} (${options.width}w)`);
-		await options.sharp(options.file).resize({ width: options.width }).toFile(options.outputPath);
-	} catch (error) {
-		console.error(`[image-generator] Failed to process ${options.file} for ${options.outputPath}`, error);
-	}
-}
-
-//#endregion
-export { imageGenerator };