modifywithai 1.2.0 → 1.2.1

package/dist/index.js

@@ -1,4 +1,4 @@
-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-components/react/popover";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";var h=Object.create,g=Object.defineProperty,_=Object.getOwnPropertyDescriptor,v=Object.getOwnPropertyNames,y=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty,x=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),ee=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=v(t),a=0,o=i.length,s;a<o;a++)s=i[a],!b.call(e,s)&&s!==n&&g(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=_(t,s))||r.enumerable});return e},te=(e,t,n)=>(n=e==null?{}:h(y(e)),ee(t||!e||!e.__esModule?g(n,`default`,{value:e,enumerable:!0}):n,e)),ne=(e=>typeof require<`u`?require:typeof Proxy<`u`?new Proxy(e,{get:(e,t)=>(typeof require<`u`?require:e)[t]}):e)(function(e){if(typeof require<`u`)return require.apply(this,arguments);throw Error('Calling `require` for "'+e+"\" in an environment that doesn't expose the `require` function.")});const re=({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`}})}}),ie=a(null),ae=({id:e,children:t})=>n(ie.Provider,{value:e,children:t}),oe=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})]}),se={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 ce({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,y]=c(!1),[b,x]=c(!1),[ee,te]=c(!1),[ne,re]=c(!1),[ie,ae]=c(!1),ce=async()=>{if(!(!m.trim()||g)){_(!0);try{let{error:e}=await oe(`/api/mwai/api/modify`,{method:`POST`,body:{prompt:m.trim()}});if(e)throw Error(e.message||`Request failed`);h(``),y(!1),t?.()}catch(e){let t=e instanceof Error?e:Error(`Unknown error`);console.error(`Modification failed:`,t),i?.(t)}finally{_(!1)}}},le=e=>{e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),ce())},ue=!m.trim()||g;return r(l.Root,{open:v,onOpenChange:y,children:[n(l.Trigger,{style:{...se.triggerButton,...ee?{backgroundColor:`#f5f5f5`}:{}},onMouseEnter:()=>te(!0),onMouseLeave:()=>te(!1),children:e}),n(l.Portal,{children:n(l.Positioner,{align:p,side:f,sideOffset:4,style:{zIndex:50},children:r(l.Popup,{style:se.popoverContent,children:[r(`div`,{style:se.header,children:[n(l.Title,{style:se.title,children:a}),n(l.Description,{style:se.description,children:o})]}),n(`textarea`,{placeholder:s,value:m,onChange:e=>h(e.target.value),onKeyDown:le,onFocus:()=>x(!0),onBlur:()=>x(!1),disabled:g,style:{...se.textarea,...b?se.textareaFocus:{}}}),r(`div`,{style:se.buttonGroup,children:[n(`button`,{type:`button`,onClick:()=>y(!1),disabled:g,onMouseEnter:()=>re(!0),onMouseLeave:()=>re(!1),style:{...se.cancelButton,...ne?{backgroundColor:`#f5f5f5`}:{}},children:`Cancel`}),n(`button`,{type:`button`,onClick:ce,disabled:ue,onMouseEnter:()=>ae(!0),onMouseLeave:()=>ae(!1),style:{...se.submitButton,...ue?se.submitButtonDisabled:{},...ie&&!ue?{backgroundColor:`#4f46e5`}:{}},children:g?d:u})]})]})})})]})}
+"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-components/react/popover";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";var h=Object.create,g=Object.defineProperty,_=Object.getOwnPropertyDescriptor,v=Object.getOwnPropertyNames,y=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty,x=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports),ee=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=v(t),a=0,o=i.length,s;a<o;a++)s=i[a],!b.call(e,s)&&s!==n&&g(e,s,{get:(e=>t[e]).bind(null,s),enumerable:!(r=_(t,s))||r.enumerable});return e},te=(e,t,n)=>(n=e==null?{}:h(y(e)),ee(t||!e||!e.__esModule?g(n,`default`,{value:e,enumerable:!0}):n,e)),ne=(e=>typeof require<`u`?require:typeof Proxy<`u`?new Proxy(e,{get:(e,t)=>(typeof require<`u`?require:e)[t]}):e)(function(e){if(typeof require<`u`)return require.apply(this,arguments);throw Error('Calling `require` for "'+e+"\" in an environment that doesn't expose the `require` function.")});const re=({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`}})}}),ie=a(null),ae=({id:e,children:t})=>n(ie.Provider,{value:e,children:t}),oe=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})]}),se={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 ce({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,y]=c(!1),[b,x]=c(!1),[ee,te]=c(!1),[ne,re]=c(!1),[ie,ae]=c(!1),ce=async()=>{if(!(!m.trim()||g)){_(!0);try{let{error:e}=await oe(`/api/mwai/api/modify`,{method:`POST`,body:{prompt:m.trim()}});if(e)throw Error(e.message||`Request failed`);h(``),y(!1),t?.()}catch(e){let t=e instanceof Error?e:Error(`Unknown error`);console.error(`Modification failed:`,t),i?.(t)}finally{_(!1)}}},le=e=>{e.key===`Enter`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),ce())},ue=!m.trim()||g;return r(l.Root,{open:v,onOpenChange:y,children:[n(l.Trigger,{style:{...se.triggerButton,...ee?{backgroundColor:`#f5f5f5`}:{}},onMouseEnter:()=>te(!0),onMouseLeave:()=>te(!1),children:e}),n(l.Portal,{children:n(l.Positioner,{align:p,side:f,sideOffset:4,style:{zIndex:50},children:r(l.Popup,{style:se.popoverContent,children:[r(`div`,{style:se.header,children:[n(l.Title,{style:se.title,children:a}),n(l.Description,{style:se.description,children:o})]}),n(`textarea`,{placeholder:s,value:m,onChange:e=>h(e.target.value),onKeyDown:le,onFocus:()=>x(!0),onBlur:()=>x(!1),disabled:g,style:{...se.textarea,...b?se.textareaFocus:{}}}),r(`div`,{style:se.buttonGroup,children:[n(`button`,{type:`button`,onClick:()=>y(!1),disabled:g,onMouseEnter:()=>re(!0),onMouseLeave:()=>re(!1),style:{...se.cancelButton,...ne?{backgroundColor:`#f5f5f5`}:{}},children:`Cancel`}),n(`button`,{type:`button`,onClick:ce,disabled:ue,onMouseEnter:()=>ae(!0),onMouseLeave:()=>ae(!1),style:{...se.submitButton,...ue?se.submitButtonDisabled:{},...ie&&!ue?{backgroundColor:`#4f46e5`}:{}},children:g?d:u})]})]})})})]})}
 /**
 * @license React
 * scheduler.production.js

package/package.json

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