modifywithai 1.2.2 → 1.2.4

package/dist/index.js

@@ -1 +1 @@
-"use client";import*as e from"react/jsx-runtime";import{Fragment as t,jsx as n,jsxs as r}from"react/jsx-runtime";import*as i from"react";import{createContext as a,useContext as o,useLayoutEffect as s,useState as c}from"react";import{z as l}from"zod";import{createConsola as u}from"consola";import*as d from"react-dom";import*as f from"react-dom/client";var p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=Object.getOwnPropertyNames,g=Object.prototype.hasOwnProperty,_=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=h(t),a=0,o=i.length,s;a<o;a++)s=i[a],!g.call(e,s)&&s!==n&&p(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=m(t,s))||r.enumerable});return e},v=(e,t,n,r)=>{r&&(p(e,Symbol.toStringTag,{value:`Module`}),n&&p(n,Symbol.toStringTag,{value:`Module`})),_(e,t,`default`),n&&_(n,t,`default`)};const y=({basePath:e=`/api/mwai`}={})=>n(`script`,{type:`importmap`,dangerouslySetInnerHTML:{__html:JSON.stringify({imports:{react:`${e}/shims/react-shim.js`,"react/jsx-runtime":`${e}/shims/react-jsx-shim.js`,"react-dom":`${e}/shims/react-dom-shim.js`,"react-dom/client":`${e}/shims/react-dom-client-shim.js`}})}}),b=a(null),x=({id:e,children:t})=>n(b.Provider,{value:e,children:t});var S={};import*as C from"./accordion/index.js";v(S,C);import*as w from"./alert-dialog/index.js";v(S,w);import*as T from"./autocomplete/index.js";v(S,T);import*as E from"./avatar/index.js";v(S,E);import*as D from"./button/index.js";v(S,D);import*as O from"./checkbox/index.js";v(S,O);import*as k from"./checkbox-group/index.js";v(S,k);import*as A from"./collapsible/index.js";v(S,A);import*as ee from"./combobox/index.js";v(S,ee);import*as te from"./context-menu/index.js";v(S,te);import*as ne from"./dialog/index.js";v(S,ne);import*as re from"./direction-provider/index.js";v(S,re);import*as ie from"./field/index.js";v(S,ie);import*as ae from"./fieldset/index.js";v(S,ae);import*as oe from"./form/index.js";v(S,oe);import*as se from"./input/index.js";v(S,se);import*as ce from"./menu/index.js";v(S,ce);import*as le from"./menubar/index.js";v(S,le);import*as ue from"./merge-props/index.js";v(S,ue);import*as de from"./meter/index.js";v(S,de);import*as fe from"./navigation-menu/index.js";v(S,fe);import*as pe from"./number-field/index.js";v(S,pe);import*as me from"./popover/index.js";v(S,me);import*as he from"./preview-card/index.js";v(S,he);import*as ge from"./progress/index.js";v(S,ge);import*as _e from"./radio/index.js";v(S,_e);import*as ve from"./radio-group/index.js";v(S,ve);import*as j from"./scroll-area/index.js";v(S,j);import*as M from"./select/index.js";v(S,M);import*as N from"./separator/index.js";v(S,N);import*as P from"./slider/index.js";v(S,P);import*as F from"./switch/index.js";v(S,F);import*as ye from"./tabs/index.js";v(S,ye);import*as be from"./toast/index.js";v(S,be);import*as xe from"./toggle/index.js";v(S,xe);import*as Se from"./toggle-group/index.js";v(S,Se);import*as Ce from"./toolbar/index.js";v(S,Ce);import*as we from"./tooltip/index.js";v(S,we);import*as Te from"./use-render/index.js";v(S,Te);var Ee=Object.defineProperty,De=Object.defineProperties,Oe=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,ke=Object.prototype.hasOwnProperty,Ae=Object.prototype.propertyIsEnumerable,L=(e,t,n)=>t in e?Ee(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,R=(e,t)=>{for(var n in t||={})ke.call(t,n)&&L(e,n,t[n]);if(I)for(var n of I(t))Ae.call(t,n)&&L(e,n,t[n]);return e},z=(e,t)=>De(e,Oe(t)),je=class extends Error{constructor(e,t,n){super(t||e.toString(),{cause:n}),this.status=e,this.statusText=t,this.error=n,Error.captureStackTrace(this,this.constructor)}},Me=async(e,t)=>{let n=t||{},r={onRequest:[t?.onRequest],onResponse:[t?.onResponse],onSuccess:[t?.onSuccess],onError:[t?.onError],onRetry:[t?.onRetry]};if(!t||!t?.plugins)return{url:e,options:n,hooks:r};for(let i of t?.plugins||[]){if(i.init){let r=await i.init?.call(i,e.toString(),t);n=r.options||n,e=r.url}r.onRequest.push(i.hooks?.onRequest),r.onResponse.push(i.hooks?.onResponse),r.onSuccess.push(i.hooks?.onSuccess),r.onError.push(i.hooks?.onError),r.onRetry.push(i.hooks?.onRetry)}return{url:e,options:n,hooks:r}},B=class{constructor(e){this.options=e}shouldAttemptRetry(e,t){return this.options.shouldRetry?Promise.resolve(e<this.options.attempts&&this.options.shouldRetry(t)):Promise.resolve(e<this.options.attempts)}getDelay(){return this.options.delay}},Ne=class{constructor(e){this.options=e}shouldAttemptRetry(e,t){return this.options.shouldRetry?Promise.resolve(e<this.options.attempts&&this.options.shouldRetry(t)):Promise.resolve(e<this.options.attempts)}getDelay(e){return Math.min(this.options.maxDelay,this.options.baseDelay*2**e)}};function Pe(e){if(typeof e==`number`)return new B({type:`linear`,attempts:e,delay:1e3});switch(e.type){case`linear`:return new B(e);case`exponential`:return new Ne(e);default:throw Error(`Invalid retry strategy`)}}var Fe=async e=>{let t={},n=async e=>typeof e==`function`?await e():e;if(e?.auth){if(e.auth.type===`Bearer`){let r=await n(e.auth.token);if(!r)return t;t.authorization=`Bearer ${r}`}else if(e.auth.type===`Basic`){let[r,i]=await Promise.all([n(e.auth.username),n(e.auth.password)]);if(!r||!i)return t;t.authorization=`Basic ${btoa(`${r}:${i}`)}`}else if(e.auth.type===`Custom`){let[r,i]=await Promise.all([n(e.auth.prefix),n(e.auth.value)]);if(!i)return t;t.authorization=`${r??``} ${i}`}}return t},Ie=/^application\/(?:[\w!#$%&*.^`~-]*\+)?json(;.+)?$/i;function Le(e){let t=e.headers.get(`content-type`),n=new Set([`image/svg`,`application/xml`,`application/xhtml`,`application/html`]);if(!t)return`json`;let r=t.split(`;`).shift()||``;return Ie.test(r)?`json`:n.has(r)||r.startsWith(`text/`)?`text`:`blob`}function Re(e){try{return JSON.parse(e),!0}catch{return!1}}function V(e){if(e===void 0)return!1;let t=typeof e;return t===`string`||t===`number`||t===`boolean`||t===null?!0:t===`object`?Array.isArray(e)?!0:e.buffer?!1:e.constructor&&e.constructor.name===`Object`||typeof e.toJSON==`function`:!1}function H(e){try{return JSON.parse(e)}catch{return e}}function U(e){return typeof e==`function`}function ze(e){if(e?.customFetchImpl)return e.customFetchImpl;if(typeof globalThis<`u`&&U(globalThis.fetch))return globalThis.fetch;if(typeof window<`u`&&U(window.fetch))return window.fetch;throw Error(`No fetch implementation found`)}async function Be(e){let t=new Headers(e?.headers),n=await Fe(e);for(let[e,r]of Object.entries(n||{}))t.set(e,r);if(!t.has(`content-type`)){let n=Ve(e?.body);n&&t.set(`content-type`,n)}return t}function Ve(e){return V(e)?`application/json`:null}function He(e){if(!e?.body)return null;let t=new Headers(e?.headers);if(V(e.body)&&!t.has(`content-type`)){for(let[t,n]of Object.entries(e?.body))n instanceof Date&&(e.body[t]=n.toISOString());return JSON.stringify(e.body)}return t.has(`content-type`)&&t.get(`content-type`)===`application/x-www-form-urlencoded`&&V(e.body)?new URLSearchParams(e.body).toString():e.body}function Ue(e,t){if(t?.method)return t.method.toUpperCase();if(e.startsWith(`@`)){let n=e.split(`@`)[1]?.split(`/`)[0];return G.includes(n)?n.toUpperCase():t?.body?`POST`:`GET`}return t?.body?`POST`:`GET`}function We(e,t){let n;return!e?.signal&&e?.timeout&&(n=setTimeout(()=>t?.abort(),e?.timeout)),{abortTimeout:n,clearTimeout:()=>{n&&clearTimeout(n)}}}var Ge=class e extends Error{constructor(t,n){super(n||JSON.stringify(t,null,2)),this.issues=t,Object.setPrototypeOf(this,e.prototype)}};async function W(e,t){let n=await e[`~standard`].validate(t);if(n.issues)throw new Ge(n.issues);return n.value}var G=[`get`,`post`,`put`,`patch`,`delete`],Ke=(e,t)=>({schema:e,config:t}),qe=e=>({id:`apply-schema`,name:`Apply Schema`,version:`1.0.0`,async init(t,n){let r=e.plugins?.find(e=>e.schema?.config?t.startsWith(e.schema.config.baseURL||``)||t.startsWith(e.schema.config.prefix||``):!1)?.schema||e.schema;if(r){let e=t;r.config?.prefix&&e.startsWith(r.config.prefix)&&(e=e.replace(r.config.prefix,``),r.config.baseURL&&(t=t.replace(r.config.prefix,r.config.baseURL))),r.config?.baseURL&&e.startsWith(r.config.baseURL)&&(e=e.replace(r.config.baseURL,``));let i=r.schema[e];if(i){let e=z(R({},n),{method:i.method,output:i.output});return n?.disableValidation||(e=z(R({},e),{body:i.input?await W(i.input,n?.body):n?.body,params:i.params?await W(i.params,n?.params):n?.params,query:i.query?await W(i.query,n?.query):n?.query})),{url:t,options:e}}}return{url:t,options:n}}}),Je=e=>{async function t(t,n){let r=z(R(R({},e),n),{plugins:[...e?.plugins||[],qe(e||{}),...n?.plugins||[]]});if(e?.catchAllError)try{return await K(t,r)}catch(e){return{data:null,error:{status:500,statusText:`Fetch Error`,message:`Fetch related error. Captured by catchAllError option. See error property for more details.`,error:e}}}return await K(t,r)}return t};function Ye(e,t){let{baseURL:n,params:r,query:i}=t||{query:{},params:{},baseURL:``},a=e.startsWith(`http`)?e.split(`/`).slice(0,3).join(`/`):n||``;if(e.startsWith(`@`)){let t=e.toString().split(`@`)[1].split(`/`)[0];G.includes(t)&&(e=e.replace(`@${t}/`,`/`))}a.endsWith(`/`)||(a+=`/`);let[o,s]=e.replace(a,``).split(`?`),c=new URLSearchParams(s);for(let[e,t]of Object.entries(i||{})){if(t==null)continue;let n;if(typeof t==`string`)n=t;else if(Array.isArray(t)){for(let n of t)c.append(e,n);continue}else n=JSON.stringify(t);c.set(e,n)}if(r)if(Array.isArray(r)){let e=o.split(`/`).filter(e=>e.startsWith(`:`));for(let[t,n]of e.entries()){let e=r[t];o=o.replace(n,e)}}else for(let[e,t]of Object.entries(r))o=o.replace(`:${e}`,String(t));o=o.split(`/`).map(encodeURIComponent).join(`/`),o.startsWith(`/`)&&(o=o.slice(1));let l=c.toString();return l=l.length>0?`?${l}`.replace(/\+/g,`%20`):``,a.startsWith(`http`)?new URL(`${o}${l}`,a):`${a}${o}${l}`}var K=async(e,t)=>{let{hooks:n,url:r,options:i}=await Me(e,t),a=ze(i),o=new AbortController,s=i.signal??o.signal,c=Ye(r,i),l=He(i),u=await Be(i),d=Ue(r,i),f=z(R({},i),{url:c,headers:u,body:l,method:d,signal:s});for(let e of n.onRequest)if(e){let t=await e(f);typeof t==`object`&&t&&(f=t)}(`pipeTo`in f&&typeof f.pipeTo==`function`||typeof t?.body?.pipe==`function`)&&(`duplex`in f||(f.duplex=`half`));let{clearTimeout:p}=We(i,o),m=await a(f.url,f);p();let h={response:m,request:f};for(let e of n.onResponse)if(e){let n=await e(z(R({},h),{response:t?.hookOptions?.cloneResponse?m.clone():m}));n instanceof Response?m=n:typeof n==`object`&&n&&(m=n.response)}if(m.ok){if(f.method===`HEAD`)return{data:``,error:null};let e=Le(m),r={data:null,response:m,request:f};if(e===`json`||e===`text`){let e=await m.text();r.data=await(f.jsonParser??H)(e)}else r.data=await m[e]();f?.output&&f.output&&!f.disableValidation&&(r.data=await W(f.output,r.data));for(let e of n.onSuccess)e&&await e(z(R({},r),{response:t?.hookOptions?.cloneResponse?m.clone():m}));return t?.throw?r.data:{data:r.data,error:null}}let g=t?.jsonParser??H,_=await m.text(),v=Re(_),y=v?await g(_):null,b={response:m,responseText:_,request:f,error:z(R({},y),{status:m.status,statusText:m.statusText})};for(let e of n.onError)e&&await e(z(R({},b),{response:t?.hookOptions?.cloneResponse?m.clone():m}));if(t?.retry){let r=Pe(t.retry),i=t.retryAttempt??0;if(await r.shouldAttemptRetry(i,m)){for(let e of n.onRetry)e&&await e(h);let a=r.getDelay(i);return await new Promise(e=>setTimeout(e,a)),await K(e,z(R({},t),{retryAttempt:i+1}))}}if(t?.throw)throw new je(m.status,m.statusText,v?y:_);return{data:null,error:z(R({},y),{status:m.status,statusText:m.statusText})}},Xe=Object.defineProperty,q=Object.getOwnPropertySymbols,Ze=Object.prototype.hasOwnProperty,Qe=Object.prototype.propertyIsEnumerable,J=(e,t,n)=>t in e?Xe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,$e=(e,t)=>{for(var n in t||={})Ze.call(t,n)&&J(e,n,t[n]);if(q)for(var n of q(t))Qe.call(t,n)&&J(e,n,t[n]);return e};function et(e){switch(e){case 100:return`Continue`;case 101:return`Switching Protocols`;case 102:return`Processing`;case 200:return`OK`;case 201:return`Created`;case 202:return`Accepted`;case 203:return`Non-Authoritative Information`;case 204:return`No Content`;case 205:return`Reset Content`;case 206:return`Partial Content`;case 207:return`Multi-Status`;case 208:return`Already Reported`;case 226:return`IM Used`;case 300:return`Multiple Choices`;case 301:return`Moved Permanently`;case 302:return`Found`;case 303:return`See Other`;case 304:return`Not Modified`;case 305:return`Use Proxy`;case 307:return`Temporary Redirect`;case 308:return`Permanent Redirect`;case 400:return`Bad Request`;case 401:return`Unauthorized`;case 402:return`Payment Required`;case 403:return`Forbidden`;case 404:return`Not Found`;case 405:return`Method Not Allowed`;case 406:return`Not Acceptable`;case 407:return`Proxy Authentication Required`;case 408:return`Request Timeout`;case 409:return`Conflict`;case 410:return`Gone`;case 411:return`Length Required`;case 412:return`Precondition Failed`;case 413:return`Payload Too Large`;case 414:return`URI Too Long`;case 415:return`Unsupported Media Type`;case 416:return`Range Not Satisfiable`;case 417:return`Expectation Failed`;case 418:return`I'm a teapot`;case 421:return`Misdirected Request`;case 422:return`Unprocessable Entity`;case 423:return`Locked`;case 424:return`Failed Dependency`;case 425:return`Too Early`;case 426:return`Upgrade Required`;case 428:return`Precondition Required`;case 429:return`Too Many Requests`;case 431:return`Request Header Fields Too Large`;case 451:return`Unavailable For Legal Reasons`;case 500:return`Internal Server Error`;case 501:return`Not Implemented`;case 502:return`Bad Gateway`;case 503:return`Service Unavailable`;case 504:return`Gateway Timeout`;case 505:return`HTTP Version Not Supported`;case 506:return`Variant Also Negotiates`;case 507:return`Insufficient Storage`;case 508:return`Loop Detected`;case 510:return`Not Extended`;case 511:return`Network Authentication Required`;default:return`Unknown`}}var Y=u({fancy:!0,formatOptions:{columns:80,colors:!0,compact:10,date:!1}}),X={error(...e){Y.error(``,...e)},log(...e){Y.info(``,...e)},success(...e){Y.success(``,...e)},fail(...e){Y.fail(``,...e)},warn(...e){Y.warn(``,...e)}},tt=e=>{let t=$e({console:X,enabled:!0},e),{enabled:n}=t;return{id:`logger`,name:`Logger`,version:`1.0.0`,hooks:{onRequest(e){n&&t.console.log(`Request being sent to:`,e.url.toString())},async onSuccess(e){n&&(t.console.success||t.console.log)(`Request succeeded`,e.data)},onRetry(e){n&&(t.console.warn||t.console.log)(`Retrying request...`,`Attempt:`,(e.request.retryAttempt||0)+1)},async onError(r){if(!n)return;let i=t.console.fail||t.console.error,a;try{if(t.verbose){let e=await r.response.clone().json();e&&(a=e)}}catch{}i(`Request failed with status: `,r.response.status,`(${r.response.statusText||et(r.response.status)})`),e!=null&&e.verbose&&a&&t.console.error(a)}}}};const Z=Je({schema:Ke({"/api/mwai/api/list":{output:l.array(l.object({id:l.string(),title:l.string(),description:l.string().nullable(),status:l.enum([`pending`,`success`,`error`]),createdAt:l.number(),updatedAt:l.number(),enabled:l.boolean()}))},"/api/mwai/api/modify":{input:l.object({prompt:l.string()}),output:l.object({success:l.boolean()})}}),retry:{type:`exponential`,attempts:5,baseDelay:1e3,maxDelay:1e4},plugins:[tt({enabled:!1})]}),Q={triggerButton:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,gap:`6px`,height:`32px`,padding:`0 10px`,fontSize:`14px`,fontWeight:500,fontFamily:`system-ui, -apple-system, sans-serif`,borderRadius:`8px`,border:`1px solid #e5e5e5`,backgroundColor:`#fff`,color:`#171717`,cursor:`pointer`,transition:`all 150ms`,outline:`none`,userSelect:`none`,whiteSpace:`nowrap`},popoverContent:{display:`flex`,flexDirection:`column`,gap:`10px`,width:`320px`,padding:`12px`,backgroundColor:`#fff`,borderRadius:`10px`,boxShadow:`0 10px 38px -10px rgba(22, 23, 24, 0.35), 0 10px 20px -15px rgba(22, 23, 24, 0.2)`,border:`1px solid #e5e5e5`,fontSize:`14px`,fontFamily:`system-ui, -apple-system, sans-serif`,color:`#171717`,zIndex:50},header:{display:`flex`,flexDirection:`column`,gap:`2px`},title:{fontWeight:600,fontSize:`14px`,color:`#171717`,margin:0},description:{fontSize:`13px`,color:`#737373`,margin:0},textarea:{width:`100%`,minHeight:`96px`,padding:`10px`,fontSize:`14px`,fontFamily:`system-ui, -apple-system, sans-serif`,borderRadius:`8px`,borderWidth:`1px`,borderStyle:`solid`,borderColor:`#e5e5e5`,backgroundColor:`#fff`,color:`#171717`,resize:`none`,outline:`none`,transition:`border-color 150ms, box-shadow 150ms`,boxShadow:`none`},textareaFocus:{borderColor:`#a3a3a3`,boxShadow:`0 0 0 3px rgba(163, 163, 163, 0.2)`},buttonGroup:{display:`flex`,justifyContent:`flex-end`,gap:`8px`},cancelButton:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,height:`28px`,padding:`0 10px`,fontSize:`13px`,fontWeight:500,fontFamily:`system-ui, -apple-system, sans-serif`,borderRadius:`6px`,border:`1px solid #e5e5e5`,backgroundColor:`#fff`,color:`#171717`,cursor:`pointer`,transition:`all 150ms`,outline:`none`},submitButton:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,height:`28px`,padding:`0 10px`,fontSize:`13px`,fontWeight:500,fontFamily:`system-ui, -apple-system, sans-serif`,borderRadius:`6px`,border:`1px solid transparent`,backgroundColor:`#6366f1`,color:`#fff`,cursor:`pointer`,transition:`all 150ms`,outline:`none`},submitButtonDisabled:{opacity:.5,cursor:`not-allowed`}};function nt({children:e=`Modify With AI`,onSuccess:t,onError:i,title:a=`Modify with AI`,description:o=`Describe the changes you want to make`,placeholder:s=`E.g., Make the header sticky, change the button color to blue...`,submitText:l=`Submit`,loadingText:u=`Submitting...`,side:d=`bottom`,align:f=`center`}){let[p,m]=c(``),[h,g]=c(!1),[_,v]=c(!1),[y,b]=c(!1),[x,C]=c(!1),[w,T]=c(!1),[E,D]=c(!1),O=async()=>{if(!(!p.trim()||h)){g(!0);try{let{error:e}=await Z(`/api/mwai/api/modify`,{method:`POST`,body:{prompt:p.trim()}});if(e)throw Error(e.message||`Request failed`);m(``),v(!1),t?.()}catch(e){let t=e instanceof Error?e:Error(`Unknown error`);console.error(`Modification failed:`,t),i?.(t)}finally{g(!1)}}},k=e=>{e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),O())},A=!p.trim()||h;return r(S.Popover.Root,{open:_,onOpenChange:v,children:[n(S.Popover.Trigger,{style:{...Q.triggerButton,...x?{backgroundColor:`#f5f5f5`}:{}},onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),children:e}),n(S.Popover.Portal,{children:n(S.Popover.Positioner,{align:f,side:d,sideOffset:4,style:{zIndex:50},children:r(S.Popover.Popup,{style:Q.popoverContent,children:[r(`div`,{style:Q.header,children:[n(S.Popover.Title,{style:Q.title,children:a}),n(S.Popover.Description,{style:Q.description,children:o})]}),n(`textarea`,{placeholder:s,value:p,onChange:e=>m(e.target.value),onKeyDown:k,onFocus:()=>b(!0),onBlur:()=>b(!1),disabled:h,style:{...Q.textarea,...y?Q.textareaFocus:{}}}),r(`div`,{style:Q.buttonGroup,children:[n(`button`,{type:`button`,onClick:()=>v(!1),disabled:h,onMouseEnter:()=>T(!0),onMouseLeave:()=>T(!1),style:{...Q.cancelButton,...w?{backgroundColor:`#f5f5f5`}:{}},children:`Cancel`}),n(`button`,{type:`button`,onClick:O,disabled:A,onMouseEnter:()=>D(!0),onMouseLeave:()=>D(!1),style:{...Q.submitButton,...A?Q.submitButtonDisabled:{},...E&&!A?{backgroundColor:`#4f46e5`}:{}},children:h?u:l})]})]})})})]})}const $=()=>{let r=o(b),[a,l]=c(null);return s(()=>{if(!r){console.error(`ModifyWithAI: No id provided. Wrap your app with <ModifyWithAIProvider id='your-id'>`);return}typeof window<`u`&&(window.__REACT__=i,window.__REACT_JSX_RUNTIME__=e,window.__REACT_DOM__=d,window.__REACT_DOM_CLIENT__=f);let t=Function(`url`,`return import(url)`);Z(`/api/mwai/api/list`).then(({data:e,error:n})=>{if(n){console.error(`Failed to fetch component list:`,n);return}console.log(`data`,e);let i=e.filter(e=>e.enabled&&e.status===`success`).map(e=>e.id);console.log(`componentsToLoad`,i),i.forEach(e=>{t(`https://bucket.modifywithai.com/${r}/${e}.js`).then(e=>l(t=>[...t||[],e.default])).catch(e=>console.error(`Failed to load external module:`,e))})})},[r]),a?n(t,{children:a.map(e=>n(e,{},e.name))}):null},rt=()=>$();export{nt as MWAIButton,rt as MWAIComponents,y as MWAIHead,x as MWAIProvider,$ as useMWAIComponents};
+"use client";import*as e from"react/jsx-runtime";import{Fragment as t,jsx as n,jsxs as r}from"react/jsx-runtime";import*as i from"react";import{createContext as a,useContext as o,useLayoutEffect as s,useState as c}from"react";import{Popover as l}from"@base-ui/react";import{createFetch as u,createSchema as d}from"@better-fetch/fetch";import{z as f}from"zod";import{logger as p}from"@better-fetch/logger";import*as m from"react-dom";import*as h from"react-dom/client";const g=({basePath:e=`/api/mwai`}={})=>n(`script`,{type:`importmap`,dangerouslySetInnerHTML:{__html:JSON.stringify({imports:{react:`${e}/shims/react-shim.js`,"react/jsx-runtime":`${e}/shims/react-jsx-shim.js`,"react-dom":`${e}/shims/react-dom-shim.js`,"react-dom/client":`${e}/shims/react-dom-client-shim.js`}})}}),_=a(null),v=({id:e,children:t})=>n(_.Provider,{value:e,children:t}),y=u({schema:d({"/api/mwai/api/list":{output:f.array(f.object({id:f.string(),title:f.string(),description:f.string().nullable(),status:f.enum([`pending`,`success`,`error`]),createdAt:f.number(),updatedAt:f.number(),enabled:f.boolean()}))},"/api/mwai/api/modify":{input:f.object({prompt:f.string()}),output:f.object({success:f.boolean()})}}),retry:{type:`exponential`,attempts:5,baseDelay:1e3,maxDelay:1e4},plugins:[p({enabled:!1})]}),b={triggerButton:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,gap:`6px`,height:`32px`,padding:`0 10px`,fontSize:`14px`,fontWeight:500,fontFamily:`system-ui, -apple-system, sans-serif`,borderRadius:`8px`,border:`1px solid #e5e5e5`,backgroundColor:`#fff`,color:`#171717`,cursor:`pointer`,transition:`all 150ms`,outline:`none`,userSelect:`none`,whiteSpace:`nowrap`},popoverContent:{display:`flex`,flexDirection:`column`,gap:`10px`,width:`320px`,padding:`12px`,backgroundColor:`#fff`,borderRadius:`10px`,boxShadow:`0 10px 38px -10px rgba(22, 23, 24, 0.35), 0 10px 20px -15px rgba(22, 23, 24, 0.2)`,border:`1px solid #e5e5e5`,fontSize:`14px`,fontFamily:`system-ui, -apple-system, sans-serif`,color:`#171717`,zIndex:50},header:{display:`flex`,flexDirection:`column`,gap:`2px`},title:{fontWeight:600,fontSize:`14px`,color:`#171717`,margin:0},description:{fontSize:`13px`,color:`#737373`,margin:0},textarea:{width:`100%`,minHeight:`96px`,padding:`10px`,fontSize:`14px`,fontFamily:`system-ui, -apple-system, sans-serif`,borderRadius:`8px`,borderWidth:`1px`,borderStyle:`solid`,borderColor:`#e5e5e5`,backgroundColor:`#fff`,color:`#171717`,resize:`none`,outline:`none`,transition:`border-color 150ms, box-shadow 150ms`,boxShadow:`none`},textareaFocus:{borderColor:`#a3a3a3`,boxShadow:`0 0 0 3px rgba(163, 163, 163, 0.2)`},buttonGroup:{display:`flex`,justifyContent:`flex-end`,gap:`8px`},cancelButton:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,height:`28px`,padding:`0 10px`,fontSize:`13px`,fontWeight:500,fontFamily:`system-ui, -apple-system, sans-serif`,borderRadius:`6px`,border:`1px solid #e5e5e5`,backgroundColor:`#fff`,color:`#171717`,cursor:`pointer`,transition:`all 150ms`,outline:`none`},submitButton:{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,height:`28px`,padding:`0 10px`,fontSize:`13px`,fontWeight:500,fontFamily:`system-ui, -apple-system, sans-serif`,borderRadius:`6px`,border:`1px solid transparent`,backgroundColor:`#6366f1`,color:`#fff`,cursor:`pointer`,transition:`all 150ms`,outline:`none`},submitButtonDisabled:{opacity:.5,cursor:`not-allowed`}};function x({children:e=`Modify With AI`,onSuccess:t,onError:i,title:a=`Modify with AI`,description:o=`Describe the changes you want to make`,placeholder:s=`E.g., Make the header sticky, change the button color to blue...`,submitText:u=`Submit`,loadingText:d=`Submitting...`,side:f=`bottom`,align:p=`center`}){let[m,h]=c(``),[g,_]=c(!1),[v,x]=c(!1),[S,C]=c(!1),[w,T]=c(!1),[E,D]=c(!1),[O,k]=c(!1),A=async()=>{if(!(!m.trim()||g)){_(!0);try{let{error:e}=await y(`/api/mwai/api/modify`,{method:`POST`,body:{prompt:m.trim()}});if(e)throw Error(e.message||`Request failed`);h(``),x(!1),t?.()}catch(e){let t=e instanceof Error?e:Error(`Unknown error`);console.error(`Modification failed:`,t),i?.(t)}finally{_(!1)}}},j=e=>{e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),A())},M=!m.trim()||g;return r(l.Root,{open:v,onOpenChange:x,children:[n(l.Trigger,{style:{...b.triggerButton,...w?{backgroundColor:`#f5f5f5`}:{}},onMouseEnter:()=>T(!0),onMouseLeave:()=>T(!1),children:e}),n(l.Portal,{children:n(l.Positioner,{align:p,side:f,sideOffset:4,style:{zIndex:50},children:r(l.Popup,{style:b.popoverContent,children:[r(`div`,{style:b.header,children:[n(l.Title,{style:b.title,children:a}),n(l.Description,{style:b.description,children:o})]}),n(`textarea`,{placeholder:s,value:m,onChange:e=>h(e.target.value),onKeyDown:j,onFocus:()=>C(!0),onBlur:()=>C(!1),disabled:g,style:{...b.textarea,...S?b.textareaFocus:{}}}),r(`div`,{style:b.buttonGroup,children:[n(`button`,{type:`button`,onClick:()=>x(!1),disabled:g,onMouseEnter:()=>D(!0),onMouseLeave:()=>D(!1),style:{...b.cancelButton,...E?{backgroundColor:`#f5f5f5`}:{}},children:`Cancel`}),n(`button`,{type:`button`,onClick:A,disabled:M,onMouseEnter:()=>k(!0),onMouseLeave:()=>k(!1),style:{...b.submitButton,...M?b.submitButtonDisabled:{},...O&&!M?{backgroundColor:`#4f46e5`}:{}},children:g?d:u})]})]})})})]})}const S=()=>{let r=o(_),[a,l]=c(null);return s(()=>{if(!r){console.error(`ModifyWithAI: No id provided. Wrap your app with <ModifyWithAIProvider id='your-id'>`);return}typeof window<`u`&&(window.__REACT__=i,window.__REACT_JSX_RUNTIME__=e,window.__REACT_DOM__=m,window.__REACT_DOM_CLIENT__=h);let t=Function(`url`,`return import(url)`);y(`/api/mwai/api/list`).then(({data:e,error:n})=>{if(n){console.error(`Failed to fetch component list:`,n);return}console.log(`data`,e);let i=e.filter(e=>e.enabled&&e.status===`success`).map(e=>e.id);console.log(`componentsToLoad`,i),i.forEach(e=>{t(`https://bucket.modifywithai.com/${r}/${e}.js`).then(e=>l(t=>[...t||[],e.default])).catch(e=>console.error(`Failed to load external module:`,e))})})},[r]),a?n(t,{children:a.map(e=>n(e,{},e.name))}):null},C=()=>S();export{x as MWAIButton,C as MWAIComponents,g as MWAIHead,v as MWAIProvider,S as useMWAIComponents};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "modifywithai",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",