@coreframe/vite 0.1.7 → 0.1.9

package/dist/managed-dev-overlay.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from "react";
+
+//#region managed-dev-overlay.d.ts
+type ManagedDevOverlayIndicatorProps = {
+  color?: string;
+  size?: number | string;
+};
+type ManagedDevOverlayProps = {
+  indicator?: ReactNode;
+};
+declare function toggleManagedDevOverlay(): void;
+declare function ManagedDevOverlay({
+  indicator
+}: ManagedDevOverlayProps): import("react").ReactPortal | null;
+declare function ManagedDevOverlayIndicator({
+  color,
+  size
+}: ManagedDevOverlayIndicatorProps): import("react").JSX.Element;
+//#endregion
+export { ManagedDevOverlay, ManagedDevOverlayIndicator, ManagedDevOverlayIndicatorProps, ManagedDevOverlayProps, toggleManagedDevOverlay };

package/dist/managed-dev-overlay.js

@@ -0,0 +1,2 @@
+import{useEffect as e,useRef as t,useState as n,useSyncExternalStore as r}from"react";import{createPortal as i}from"react-dom";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";const c=()=>{if(typeof document>`u`)return;let e=document.querySelector(`meta[name="csp-nonce"]`);if(e?.content)return e.content;let t=document.querySelector(`script[nonce]`),n=t?.nonce||t?.getAttribute(`nonce`);if(n)return n},l=(e,t,n)=>{if(typeof document>`u`)return null;let r=`isolet-style-${e}`,i=typeof CSS<`u`&&CSS.escape?CSS.escape(r):r,a=`getElementById`in n?n.getElementById(r):n.querySelector(`#${i}`);if(a)return a.textContent=t,a;let o=document.createElement(`style`);o.id=r;let s=c();return s&&o.setAttribute(`nonce`,s),o.textContent=t,n.appendChild(o),o},u=`data-isolet`,d=(e,t,n={})=>{if(typeof document>`u`)return{host:null,shadowRoot:null,container:t,target:t};let r=n.isolation??`shadow-dom`;if(r===`none`){let r=`[${u}="${e}"]`,i=t.querySelector(r);if(i)return{host:i,shadowRoot:null,container:i,target:t};let a=document.createElement(`div`);if(a.setAttribute(u,e),n.hostAttributes)for(let[e,t]of Object.entries(n.hostAttributes))a.setAttribute(e,t);return f(a,n),n.css&&l(e,n.css,t),t.appendChild(a),{host:a,shadowRoot:null,container:a,target:t}}let i=`[${u}="${e}"]`,a=t.querySelector(i);if(a){if(r===`shadow-dom`&&a.shadowRoot){let e=a.shadowRoot.querySelector(`[${u}-root]`);if(e)return{host:a,shadowRoot:a.shadowRoot,container:e,target:t}}else if(r===`scoped`)return{host:a,shadowRoot:null,container:a,target:t}}let o=document.createElement(`div`);if(o.setAttribute(u,e),n.hostAttributes)for(let[e,t]of Object.entries(n.hostAttributes))o.setAttribute(e,t);if(r===`shadow-dom`){o.style.all=`initial`;let r=o.attachShadow({mode:n.shadowMode??`open`});n.css&&l(e,n.css,r);let i=document.createElement(`div`);return i.setAttribute(`${u}-root`,``),r.appendChild(i),f(o,n),t.appendChild(o),{host:o,shadowRoot:r,container:i,target:t}}return f(o,n),n.css&&l(e,n.css,t),t.appendChild(o),{host:o,shadowRoot:null,container:o,target:t}},f=(e,t)=>{if(t.hostStyles)for(let[n,r]of Object.entries(t.hostStyles))r==null||typeof r==`function`||e.style.setProperty(n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`),String(r));t.zIndex!=null&&(e.style.zIndex=String(t.zIndex))};var p={actions:`actions`,button:`button`,checkbox:`checkbox`,closeButton:`closeButton`,content:`content`,dialog:`dialog`,error:`error`,filePath:`filePath`,files:`files`,header:`header`,indicatorButton:`indicatorButton`,indicatorDot:`indicatorDot`,message:`message`,paragraph:`paragraph`,primary:`primary`,radiate:`radiate`,title:`title`,warning:`warning`},m=`:host{color-scheme:light dark;font:14px/1.45 system-ui,sans-serif}.indicatorButton{appearance:none;cursor:pointer;pointer-events:auto;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:fixed;bottom:10px;right:10px}.indicatorDot{background:var(--managed-dev-indicator-color);box-shadow:0 0 0 1px color-mix(in srgb, Canvas 70%, transparent);height:var(--managed-dev-indicator-size);width:var(--managed-dev-indicator-size);border-radius:50%;display:block;position:relative}.indicatorDot:before{border:max(1px, calc(var(--managed-dev-indicator-size) / 9)) solid var(--managed-dev-indicator-color);border-radius:inherit;content:"";animation:1.8s ease-out infinite radiate;position:absolute;inset:0}.dialog{border:1px solid color-mix(in srgb, CanvasText 18%, transparent);color:canvastext;box-sizing:border-box;pointer-events:auto;background:canvas;border-radius:14px;width:min(430px,100vw - 36px);max-width:min(430px,100vw - 36px);max-height:min(620px,100dvh - 80px);margin:0;padding:18px;position:fixed;inset:auto 18px 62px auto;overflow:auto;box-shadow:0 18px 60px #0005}.dialog[open]{gap:12px;display:grid}.header{justify-content:space-between;align-items:center;gap:12px;display:flex}.title{margin:0;font-size:16px}.closeButton{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;min-width:44px;min-height:44px;padding:6px}.content{gap:12px;display:grid}.paragraph{margin:0}.files{gap:7px;max-height:190px;display:grid;overflow:auto}.checkbox{overflow-wrap:anywhere;align-items:start;gap:8px;display:flex}.filePath{font-family:ui-monospace,monospace}.message{box-sizing:border-box;resize:vertical;width:100%;min-height:92px;font-family:ui-monospace,monospace}.actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.button{border:1px solid color-mix(in srgb, CanvasText 22%, transparent);cursor:pointer;font:inherit;border-radius:8px;padding:7px 11px}.primary{color:#fff;background:#2563eb;border-color:#2563eb}.button:disabled{cursor:wait;opacity:.55}.warning{color:#b45309;white-space:pre-wrap}.error{color:#dc2626;white-space:pre-wrap}@keyframes radiate{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@media (width<=600px){.dialog{width:auto;max-height:calc(100dvh - 86px);padding:16px;inset:auto 12px 62px}.button{min-height:44px}}@media (prefers-reduced-motion:reduce){.indicatorDot:before{opacity:.45;animation:none;transform:scale(1.65)}}
+`;const h=`/__coreframe/managed-dev`;let g=!1;const _=new Set;function v(){g=!g;for(let e of _)e()}function y({indicator:t=o(b,{})}){let[a,c]=n(null),{act:l,status:u}=D(),f=r(O,k,A);return e(()=>{let e=!0,t=d(`coreframe-managed-dev`,document.body,{css:m,hostAttributes:{"aria-live":`polite`,id:`coreframe-managed-dev`},hostStyles:{inset:`0`,pointerEvents:`none`,position:`fixed`},zIndex:2147483647});return queueMicrotask(()=>{e&&c(t.container)}),()=>{e=!1,t.host?.remove()}},[]),a?i(s(`div`,{className:p.surface,children:[E(u)?t:null,f?o(x,{act:l,status:u}):null]}),a):null}function b({color:e=`#2563eb`,size:t=14}){let n=r(O,k,A),i={"--managed-dev-indicator-color":e,"--managed-dev-indicator-size":typeof t==`number`?`${t}px`:t};return o(`button`,{"aria-controls":`coreframe-managed-dev-dialog`,"aria-expanded":n,"aria-label":`${n?`Hide`:`Show`} Coreframe managed development`,className:p.indicatorButton,onClick:v,style:i,type:`button`,children:o(`span`,{className:p.indicatorDot})})}function x({act:e,status:t}){let[r,i]=n({value:``}),[c,l]=n(()=>({paths:new Set})),u=t?.draft,d=t?.target,f=c.fingerprint===u?.fingerprint?c.paths:new Set(u?.untracked??[]),m=r.fingerprint===u?.fingerprint&&r.proposal===t?.proposal?r.value:t?.proposal??``,h=!!(u?.untracked.length&&u.untracked.every(e=>f.has(e)));return s(`dialog`,{"aria-labelledby":`coreframe-managed-title`,className:p.dialog,id:`coreframe-managed-dev-dialog`,open:!0,children:[s(`div`,{className:p.header,children:[o(`h2`,{className:p.title,id:`coreframe-managed-title`,children:`Coreframe update`}),o(`button`,{className:p.closeButton,onClick:v,type:`button`,children:`Close`})]}),s(`div`,{className:p.content,children:[o(`p`,{className:`${p.paragraph} ${t?.mode===`error`?p.error:``}`,children:t?t.busy||t.message||T(t):`Checking managed development status…`}),d?s(`p`,{className:p.paragraph,children:[d.subject,` (`,d.shortCommit,`)`]}):null,t?.warnings.map((e,t)=>o(`p`,{className:`${p.paragraph} ${p.warning}`,children:e},`${t}-${e}`)),u?s(a,{children:[s(`div`,{className:p.files,children:[u.untracked.map(e=>o(S,{checked:f.has(e),label:o(`span`,{className:p.filePath,children:e}),onChange:t=>l(()=>{let n=new Set(f);return t?n.add(e):n.delete(e),{fingerprint:u.fingerprint,paths:n}})},e)),u.untracked.length>0?o(S,{checked:h,label:`Include all untracked files`,onChange:e=>l({fingerprint:u.fingerprint,paths:e?new Set(u.untracked):new Set})}):null]}),t.proposal===void 0?s(C,{children:[o(w,{busy:t.busy,onClick:()=>void e({type:`reject`}),children:`Reject`}),o(w,{busy:t.busy,onClick:()=>void e({type:`message`,fingerprint:u.fingerprint,untracked:[...f]}),primary:!0,children:`Generate commit message`})]}):s(a,{children:[o(`textarea`,{"aria-label":`Commit message`,className:p.message,onChange:e=>i({fingerprint:u.fingerprint,proposal:t.proposal,value:e.target.value}),value:m}),s(C,{children:[o(w,{busy:t.busy,onClick:()=>void e({type:`reject`}),children:`Reject`}),o(w,{busy:t.busy,onClick:()=>{d&&e({type:`apply`,target:d.commit,fingerprint:u.fingerprint,untracked:[...f],message:m})},primary:!0,children:`Commit and refresh`})]})]})]}):d&&!t.busy?o(C,{children:o(w,{busy:t.busy,onClick:()=>void e({type:`prepare`,target:d.commit}),primary:!0,children:d.source===`upstream`?`Refresh`:String(d.source)===`dev`?`Sync with dev`:`Sync with main`})}):null]})]})}function S({checked:e,label:t,onChange:n}){return s(`label`,{className:p.checkbox,children:[o(`input`,{checked:e,onChange:e=>n(e.target.checked),type:`checkbox`}),t]})}function C({children:e}){return o(`div`,{className:p.actions,children:e})}function w({busy:e,children:t,onClick:n,primary:r=!1}){return o(`button`,{className:`${p.button} ${r?p.primary:``}`,disabled:!!e,onClick:n,type:`button`,children:t})}function T(e){return e.mode===`waiting`?`Waiting for managed development to start.`:e.mode===`unmanaged`?`Managed synchronization is unavailable for this session.`:e.mode===`error`?`Managed synchronization stopped.`:e.target&&e.target.source!==`upstream`?String(e.target?.source)===`dev`?`New changes are available in local dev.`:`New changes are available in local main.`:e.target?`A newer main commit is ready.`:`Managed development is active. No updates are available.`}function E(e){return!e||e.mode===`waiting`?!1:e.mode===`managed`?!!(e.busy||e.draft||e.message||e.target||e.warnings.length>0):!0}function D(){let[r,i]=n(),a=t(null);return e(()=>{let e=!0,t=new BroadcastChannel(`coreframe-managed-dev`);a.current=t;let n=async()=>{try{let t=await fetch(`${h}/status`);if(t.ok&&e){let e=await t.json();i(e.status)}}catch{}};t.onmessage=()=>void n();let r=setInterval(n,2e3);return n(),()=>{e=!1,clearInterval(r),t.close(),a.current=null}},[]),{act:async e=>{try{let t=await fetch(`${h}/action`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(e)}),n=await t.json();i(e=>{let r=n.status??e??{mode:`error`,warnings:[]};return t.ok?r:{...r,message:n.error}}),a.current?.postMessage(`changed`)}catch(e){i(t=>({...t??{warnings:[]},message:e instanceof Error?e.message:String(e),mode:`error`}))}},status:r}}function O(e){return _.add(e),()=>_.delete(e)}function k(){return g}function A(){return!1}export{y as ManagedDevOverlay,b as ManagedDevOverlayIndicator,v as toggleManagedDevOverlay};

package/dist/managed-dev.d.ts

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

package/dist/managed-dev.js

@@ -1,152 +1 @@
-import{managedDevTokenEnv as e,managedDevUrlEnv as t}from"@coreframe/scripts/managed-dev-protocol";const n=`/__coreframe/managed-dev`;function r({env:r=process.env}={}){let l=r[t],u=r[e],d=!!(l&&u);async function f(e,t){if(!l||!u)throw Error(`Managed development is not configured.`);return fetch(new URL(e,l),{...t,headers:{...t?.headers,Authorization:`Bearer ${u}`,"Content-Type":`application/json`}})}return{name:`coreframe:managed-dev`,apply:`serve`,config(){return{define:{"import.meta.env.COREFRAME_MANAGED_DEV":JSON.stringify(d)}}},async configureServer(e){if(!d)return;let t=await f(`/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,r)=>{if(!e.url){r();return}let l=new URL(e.url,`http://coreframe.local`).pathname;if(l===`/@coreframe/managed-dev`){t.statusCode=200,t.setHeader(`Content-Type`,`text/javascript; charset=utf-8`),t.end(c);return}if(l===`${n}/status`&&e.method===`GET`){await i(await f(`/status`),t);return}if(l===`${n}/action`&&e.method===`POST`){if(!o(e.socket.remoteAddress)){s(t,403,{error:`Managed development actions require a loopback client.`});return}await i(await f(`/action`,{body:await a(e),method:`POST`}),t);return}r()})}}}async function i(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 a(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 o(e){return e===`127.0.0.1`||e===`::1`||e?.startsWith(`::ffff:127.`)}function s(e,t,n){e.statusCode=t,e.setHeader(`Content-Type`,`application/json`),e.end(JSON.stringify(n))}const c=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{c as browserClientSource,r as coreframeManagedDevPlugin};
+import{readProjectConfig as e}from"@coreframe/scripts/config";import{startManagedDevSession as t}from"@coreframe/scripts/managed-dev";import{managedDevEnv as n}from"@coreframe/scripts/managed-dev-protocol";const r=`/__coreframe/managed-dev`;function i({env:i=process.env,startSession:c=t}={}){let l=i[n]===`1`,u;return{name:`coreframe:managed-dev`,apply:`serve`,config(){return{define:{"import.meta.env.COREFRAME_MANAGED_DEV":JSON.stringify(l)}}},async configureServer(t){if(!l)return;let n=t.config.root;u=await c({config:await e({cwd:n}),cwd:n,env:i,onRestart:()=>queueMicrotask(()=>void t.restart())}),await u.activate(),t.httpServer?.once(`close`,()=>void u?.close()),t.middlewares.use(async(e,t,n)=>{if(!e.url){n();return}let i=new URL(e.url,`http://coreframe.local`).pathname;if(i===`${r}/status`&&e.method===`GET`){s(t,200,{status:u.getStatus()});return}if(i===`${r}/action`&&e.method===`POST`){if(!o(e.socket.remoteAddress)){s(t,403,{error:`Managed development actions require a loopback client.`});return}try{let n=await a(e);s(t,200,await u.action(n))}catch(e){s(t,400,{error:e instanceof Error?e.message:String(e),status:u.getStatus()})}return}n()})},async closeBundle(){await u?.close()}}}async function a(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?JSON.parse(t):{}}function o(e){return e===`127.0.0.1`||e===`::1`||e?.startsWith(`::ffff:127.`)}function s(e,t,n){e.statusCode=t,e.setHeader(`Content-Type`,`application/json`),e.end(JSON.stringify(n))}export{i as coreframeManagedDevPlugin};

package/dist/style.css

@@ -0,0 +1 @@
+:host{color-scheme:light dark;font:14px/1.45 system-ui,sans-serif}.indicatorButton{appearance:none;cursor:pointer;pointer-events:auto;background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:fixed;bottom:10px;right:10px}.indicatorDot{background:var(--managed-dev-indicator-color);box-shadow:0 0 0 1px color-mix(in srgb, Canvas 70%, transparent);height:var(--managed-dev-indicator-size);width:var(--managed-dev-indicator-size);border-radius:50%;display:block;position:relative}.indicatorDot:before{border:max(1px, calc(var(--managed-dev-indicator-size) / 9)) solid var(--managed-dev-indicator-color);border-radius:inherit;content:"";animation:1.8s ease-out infinite radiate;position:absolute;inset:0}.dialog{border:1px solid color-mix(in srgb, CanvasText 18%, transparent);color:canvastext;box-sizing:border-box;pointer-events:auto;background:canvas;border-radius:14px;width:min(430px,100vw - 36px);max-width:min(430px,100vw - 36px);max-height:min(620px,100dvh - 80px);margin:0;padding:18px;position:fixed;inset:auto 18px 62px auto;overflow:auto;box-shadow:0 18px 60px #0005}.dialog[open]{gap:12px;display:grid}.header{justify-content:space-between;align-items:center;gap:12px;display:flex}.title{margin:0;font-size:16px}.closeButton{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;min-width:44px;min-height:44px;padding:6px}.content{gap:12px;display:grid}.paragraph{margin:0}.files{gap:7px;max-height:190px;display:grid;overflow:auto}.checkbox{overflow-wrap:anywhere;align-items:start;gap:8px;display:flex}.filePath{font-family:ui-monospace,monospace}.message{box-sizing:border-box;resize:vertical;width:100%;min-height:92px;font-family:ui-monospace,monospace}.actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.button{border:1px solid color-mix(in srgb, CanvasText 22%, transparent);cursor:pointer;font:inherit;border-radius:8px;padding:7px 11px}.primary{color:#fff;background:#2563eb;border-color:#2563eb}.button:disabled{cursor:wait;opacity:.55}.warning{color:#b45309;white-space:pre-wrap}.error{color:#dc2626;white-space:pre-wrap}@keyframes radiate{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(2.4)}}@media (width<=600px){.dialog{width:auto;max-height:calc(100dvh - 86px);padding:16px;inset:auto 12px 62px}.button{min-height:44px}}@media (prefers-reduced-motion:reduce){.indicatorDot:before{opacity:.45;animation:none;transform:scale(1.65)}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreframe/vite",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/airlock-labs/coreframe.git",
@@ -39,6 +39,10 @@
       "types": "./dist/managed-dev.d.ts",
       "default": "./dist/managed-dev.js"
     },
+    "./managed-dev-overlay": {
+      "types": "./dist/managed-dev-overlay.d.ts",
+      "default": "./dist/managed-dev-overlay.js"
+    },
     "./preset": {
       "types": "./dist/preset.d.ts",
       "default": "./dist/preset.js"
@@ -49,22 +53,30 @@
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-jsx": "^8.1.0",
     "unplugin-icons": "^23.0.1",
-    "@coreframe/dashboard": "^0.1.4",
     "@coreframe/lib": "^0.1.6",
-    "@coreframe/scripts": "^0.1.20"
+    "@coreframe/dashboard": "^0.2.0",
+    "@coreframe/scripts": "^0.1.22"
   },
   "devDependencies": {
+    "@tsdown/css": "0.22.3",
     "@types/node": "^26.1.0",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "isolet-js": "0.0.7",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "tsdown": "0.22.3",
     "typescript": "6.0.3",
     "vite": "^8.1.0",
     "vitest": "^4.1.9"
   },
   "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18",
     "vite": "^8.0.0"
   },
   "scripts": {
-    "build": "tsdown",
+    "build": "tsdown && tsdown --config tsdown.overlay.config.ts",
     "test": "vitest run",
     "typecheck": "tsc --noEmit -p tsconfig.json",
     "format": "oxfmt",