@coreframe/vite 0.1.6 → 0.1.8

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

@@ -0,0 +1,4 @@
+//#region managed-dev-overlay.d.ts
+declare function ManagedDevOverlay(): import("react").ReactPortal | null;
+//#endregion
+export { ManagedDevOverlay };

package/dist/managed-dev-overlay.js

@@ -0,0 +1,2 @@
+import{useEffect as e,useRef as t,useState as n}from"react";import{createPortal as r}from"react-dom";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";const s=()=>{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},c=(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 c=s();return c&&o.setAttribute(`nonce`,c),o.textContent=t,n.appendChild(o),o},l=`data-isolet`,u=(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=`[${l}="${e}"]`,i=t.querySelector(r);if(i)return{host:i,shadowRoot:null,container:i,target:t};let a=document.createElement(`div`);if(a.setAttribute(l,e),n.hostAttributes)for(let[e,t]of Object.entries(n.hostAttributes))a.setAttribute(e,t);return d(a,n),n.css&&c(e,n.css,t),t.appendChild(a),{host:a,shadowRoot:null,container:a,target:t}}let i=`[${l}="${e}"]`,a=t.querySelector(i);if(a){if(r===`shadow-dom`&&a.shadowRoot){let e=a.shadowRoot.querySelector(`[${l}-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(l,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&&c(e,n.css,r);let i=document.createElement(`div`);return i.setAttribute(`${l}-root`,``),r.appendChild(i),d(o,n),t.appendChild(o),{host:o,shadowRoot:r,container:i,target:t}}return d(o,n),n.css&&c(e,n.css,t),t.appendChild(o),{host:o,shadowRoot:null,container:o,target:t}},d=(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 f={actions:`actions`,button:`button`,checkbox:`checkbox`,content:`content`,dialog:`dialog`,error:`error`,files:`files`,message:`message`,paragraph:`paragraph`,primary:`primary`,title:`title`,warning:`warning`},p=`:host{color-scheme:light dark;font:14px/1.45 ui-sans-serif,system-ui,sans-serif}.dialog{border:1px solid color-mix(in srgb, CanvasText 18%, transparent);color:canvastext;pointer-events:auto;background:canvas;border-radius:14px;width:100%;max-width:min(430px,100vw - 36px);max-height:min(620px,100vh - 36px);margin:0;padding:18px;position:fixed;inset:auto 18px 18px auto;overflow:auto;box-shadow:0 18px 60px #0005}.dialog[open]{gap:12px;display:grid}.title{margin:0;font-size:16px}.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}.message{box-sizing:border-box;resize:vertical;width:100%;min-height:92px}.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}
+`;const m=`/__coreframe/managed-dev`;function h(){let[t,i]=n(null);return e(()=>{let e=!0,t=u(`coreframe-managed-dev`,document.body,{css:p,hostAttributes:{"aria-live":`polite`,id:`coreframe-managed-dev`},hostStyles:{inset:`0`,pointerEvents:`none`,position:`fixed`},zIndex:2147483647});return queueMicrotask(()=>{e&&i(t.container)}),()=>{e=!1,t.host?.remove()}},[]),t?r(a(g,{}),t):null}function g(){let[r,s]=n({value:``}),[c,l]=n(()=>({paths:new Set})),[u,d]=n(),p=t(null),h=u?.draft,g=u?.target,x=c.fingerprint===h?.fingerprint?c.paths:new Set(h?.untracked??[]),S=r.fingerprint===h?.fingerprint&&r.proposal===u?.proposal?r.value:u?.proposal??``;e(()=>{let e=!0,t=new BroadcastChannel(`coreframe-managed-dev`);p.current=t;let n=async()=>{try{let t=await fetch(`${m}/status`);if(t.ok&&e){let e=await t.json();d(e.status)}}catch{}};t.onmessage=()=>void n();let r=setInterval(n,2e3);return n(),()=>{e=!1,clearInterval(r),t.close(),p.current=null}},[]);let C=async e=>{try{let t=await fetch(`${m}/action`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(e)}),n=await t.json();d(e=>{let r=n.status??e??{mode:`error`,warnings:[]};return t.ok?r:{...r,message:n.error}}),p.current?.postMessage(`changed`)}catch(e){d(t=>({...t??{warnings:[]},message:e instanceof Error?e.message:String(e),mode:`error`}))}};if(!u||u.mode===`waiting`||u.mode===`managed`&&!g&&!u.busy&&!u.message&&u.warnings.length===0)return null;let w=!!(h?.untracked.length&&h.untracked.every(e=>x.has(e)));return o(`dialog`,{"aria-labelledby":`coreframe-managed-title`,className:f.dialog,open:!0,children:[a(`h2`,{className:f.title,id:`coreframe-managed-title`,children:`Coreframe update`}),o(`div`,{className:f.content,children:[a(`p`,{className:`${f.paragraph} ${u.mode===`error`?f.error:``}`,children:u.busy||u.message||b(u)}),g?o(`p`,{className:f.paragraph,children:[g.subject,` (`,g.shortCommit,`)`]}):null,u.warnings.map((e,t)=>a(`p`,{className:`${f.paragraph} ${f.warning}`,children:e},`${t}-${e}`)),h?o(i,{children:[o(`div`,{className:f.files,children:[h.untracked.map(e=>a(_,{checked:x.has(e),label:e,onChange:t=>l(()=>{let n=new Set(x);return t?n.add(e):n.delete(e),{fingerprint:h.fingerprint,paths:n}})},e)),h.untracked.length>0?a(_,{checked:w,label:`Include all untracked files`,onChange:e=>l({fingerprint:h.fingerprint,paths:e?new Set(h.untracked):new Set})}):null]}),u.proposal===void 0?o(v,{children:[a(y,{busy:u.busy,onClick:()=>void C({type:`reject`}),children:`Reject`}),a(y,{busy:u.busy,onClick:()=>void C({type:`message`,fingerprint:h.fingerprint,untracked:[...x]}),primary:!0,children:`Generate commit message`})]}):o(i,{children:[a(`textarea`,{"aria-label":`Commit message`,className:f.message,onChange:e=>s({fingerprint:h.fingerprint,proposal:u.proposal,value:e.target.value}),value:S}),o(v,{children:[a(y,{busy:u.busy,onClick:()=>void C({type:`reject`}),children:`Reject`}),a(y,{busy:u.busy,onClick:()=>{g&&C({type:`apply`,target:g.commit,fingerprint:h.fingerprint,untracked:[...x],message:S})},primary:!0,children:`Commit and refresh`})]})]})]}):g&&!u.busy?a(v,{children:a(y,{busy:u.busy,onClick:()=>void C({type:`prepare`,target:g.commit}),primary:!0,children:g.source===`upstream`?`Refresh`:String(g.source)===`dev`?`Sync with dev`:`Sync with main`})}):null]})]})}function _({checked:e,label:t,onChange:n}){return o(`label`,{className:f.checkbox,children:[a(`input`,{checked:e,onChange:e=>n(e.target.checked),type:`checkbox`}),t]})}function v({children:e}){return a(`div`,{className:f.actions,children:e})}function y({busy:e,children:t,onClick:n,primary:r=!1}){return a(`button`,{className:`${f.button} ${r?f.primary:``}`,disabled:!!e,onClick:n,type:`button`,children:t})}function b(e){return 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.`:`A newer main commit is ready.`}export{h as ManagedDevOverlay};

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 ui-sans-serif,system-ui,sans-serif}.dialog{border:1px solid color-mix(in srgb, CanvasText 18%, transparent);color:canvastext;pointer-events:auto;background:canvas;border-radius:14px;width:100%;max-width:min(430px,100vw - 36px);max-height:min(620px,100vh - 36px);margin:0;padding:18px;position:fixed;inset:auto 18px 18px auto;overflow:auto;box-shadow:0 18px 60px #0005}.dialog[open]{gap:12px;display:grid}.title{margin:0;font-size:16px}.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}.message{box-sizing:border-box;resize:vertical;width:100%;min-height:92px}.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}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreframe/vite",
-  "version": "0.1.6",
+  "version": "0.1.8",
   "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.5",
     "@coreframe/lib": "^0.1.6",
-    "@coreframe/scripts": "^0.1.20",
-    "@coreframe/dashboard": "^0.1.3"
+    "@coreframe/scripts": "^0.1.21"
   },
   "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",