@tslite/react 1.2.0 → 1.4.0

package/dist/full.cjs

@@ -1 +1 @@
-'use strict';var search=require('@tslite/codemirror/search'),format=require('@tslite/format'),editor=require('@tslite/editor');function u(t={}){let{dark:s=true,layout:e="inline",mode:o="expression",segmenter:n="mustache",gutters:i=e==="block",search:a=e==="block",extensions:r=[]}=t;return {layout:e,mode:o,...o==="template"?{}:{segmenter:n},gutters:i,format:o==="program"?format.format:format.formatExpression,features:{chrome:{dark:s},theme:editor.tsliteTokenStyles},extensions:a?[search.searchEditing(),...r]:[...r]}}Object.defineProperty(exports,"searchEditing",{enumerable:true,get:function(){return search.searchEditing}});Object.defineProperty(exports,"format",{enumerable:true,get:function(){return format.format}});Object.defineProperty(exports,"formatExpression",{enumerable:true,get:function(){return format.formatExpression}});Object.defineProperty(exports,"tsliteTokenStyles",{enumerable:true,get:function(){return editor.tsliteTokenStyles}});exports.expressionFieldProps=u;
+'use strict';var search=require('@tslite/codemirror/search'),editor=require('@tslite/editor');function y(r={}){let{dark:s=true,layout:e="inline",mode:o="expression",segmenter:n="mustache",gutters:i=e==="block",search:a=e==="block",extensions:t=[]}=r;return {layout:e,mode:o,...o==="template"?{}:{segmenter:n},gutters:i,features:{chrome:{dark:s},theme:editor.tsliteTokenStyles},extensions:a?[search.searchEditing(),...t]:[...t]}}Object.defineProperty(exports,"searchEditing",{enumerable:true,get:function(){return search.searchEditing}});Object.defineProperty(exports,"tsliteTokenStyles",{enumerable:true,get:function(){return editor.tsliteTokenStyles}});exports.expressionFieldProps=y;

package/dist/full.d.cts

@@ -1,7 +1,6 @@
 import { Extension } from '@codemirror/state';
-import { F as FieldLayout, S as SegmenterOption, U as UseExpressionFieldOptions } from './useExpressionField-RmyW3D9R.cjs';
+import { F as FieldLayout, S as SegmenterOption, U as UseExpressionFieldOptions } from './useExpressionField-BfIHCVtU.cjs';
 export { searchEditing } from '@tslite/codemirror/search';
-export { format, formatExpression } from '@tslite/format';
 export { tsliteTokenStyles } from '@tslite/editor';
 import 'react';
 import '@codemirror/view';
@@ -32,12 +31,6 @@ interface PresetOptions {
     /**
      * O que o código É. Padrão: `"expression"`.
      *
-     * Decide também qual formatador entra: um programa é reimpresso com `;` e
-     * quebra de statement; uma expressão, não. Injetar o de expressão num programa
-     * faz o `parseExpression` lançar, e o serviço então declara que não sabe
-     * formatar — em silêncio. Foi um defeito real, e é por isso que o preset
-     * escolhe por você.
-     *
      * **`"template"`** liga o controle de fluxo (`{% if %}` / `{% for %}` /
      * `{# #}`). Ele não é o padrão porque um `{%` literal no texto deixaria de ser
      * texto — e num campo que hoje aceita qualquer string isso seria mudança de
@@ -62,8 +55,8 @@ interface PresetOptions {
     /** Extensões suas, acrescentadas às do preset. */
     readonly extensions?: readonly Extension[];
 }
-/** As props que o preset resolve — o resto (`value`, `onChange`, `env`) é seu. */
-type PresetProps = Pick<UseExpressionFieldOptions, "layout" | "mode" | "segmenter" | "gutters" | "format" | "features" | "extensions">;
+/** As props que o preset resolve — o resto (`value`, `onChange`, `world`) é seu. */
+type PresetProps = Pick<UseExpressionFieldOptions, "layout" | "mode" | "segmenter" | "gutters" | "features" | "extensions">;
 /**
  * As props de um campo que já nasce certo.
  *
@@ -75,7 +68,7 @@ type PresetProps = Pick<UseExpressionFieldOptions, "layout" | "mode" | "segmente
  *   {...expressionFieldProps()}
  *   value={v}
  *   onChange={setV}
- *   env={env}
+ *   world={world}
  * />
  * ```
  *

package/dist/full.d.ts

@@ -1,7 +1,6 @@
 import { Extension } from '@codemirror/state';
-import { F as FieldLayout, S as SegmenterOption, U as UseExpressionFieldOptions } from './useExpressionField-RmyW3D9R.js';
+import { F as FieldLayout, S as SegmenterOption, U as UseExpressionFieldOptions } from './useExpressionField-BfIHCVtU.js';
 export { searchEditing } from '@tslite/codemirror/search';
-export { format, formatExpression } from '@tslite/format';
 export { tsliteTokenStyles } from '@tslite/editor';
 import 'react';
 import '@codemirror/view';
@@ -32,12 +31,6 @@ interface PresetOptions {
     /**
      * O que o código É. Padrão: `"expression"`.
      *
-     * Decide também qual formatador entra: um programa é reimpresso com `;` e
-     * quebra de statement; uma expressão, não. Injetar o de expressão num programa
-     * faz o `parseExpression` lançar, e o serviço então declara que não sabe
-     * formatar — em silêncio. Foi um defeito real, e é por isso que o preset
-     * escolhe por você.
-     *
      * **`"template"`** liga o controle de fluxo (`{% if %}` / `{% for %}` /
      * `{# #}`). Ele não é o padrão porque um `{%` literal no texto deixaria de ser
      * texto — e num campo que hoje aceita qualquer string isso seria mudança de
@@ -62,8 +55,8 @@ interface PresetOptions {
     /** Extensões suas, acrescentadas às do preset. */
     readonly extensions?: readonly Extension[];
 }
-/** As props que o preset resolve — o resto (`value`, `onChange`, `env`) é seu. */
-type PresetProps = Pick<UseExpressionFieldOptions, "layout" | "mode" | "segmenter" | "gutters" | "format" | "features" | "extensions">;
+/** As props que o preset resolve — o resto (`value`, `onChange`, `world`) é seu. */
+type PresetProps = Pick<UseExpressionFieldOptions, "layout" | "mode" | "segmenter" | "gutters" | "features" | "extensions">;
 /**
  * As props de um campo que já nasce certo.
  *
@@ -75,7 +68,7 @@ type PresetProps = Pick<UseExpressionFieldOptions, "layout" | "mode" | "segmente
  *   {...expressionFieldProps()}
  *   value={v}
  *   onChange={setV}
- *   env={env}
+ *   world={world}
  * />
  * ```
  *

package/dist/full.js

@@ -1 +1 @@
-import {searchEditing}from'@tslite/codemirror/search';export{searchEditing}from'@tslite/codemirror/search';import {format,formatExpression}from'@tslite/format';export{format,formatExpression}from'@tslite/format';import {tsliteTokenStyles}from'@tslite/editor';export{tsliteTokenStyles}from'@tslite/editor';function u(t={}){let{dark:s=true,layout:e="inline",mode:o="expression",segmenter:n="mustache",gutters:i=e==="block",search:a=e==="block",extensions:r=[]}=t;return {layout:e,mode:o,...o==="template"?{}:{segmenter:n},gutters:i,format:o==="program"?format:formatExpression,features:{chrome:{dark:s},theme:tsliteTokenStyles},extensions:a?[searchEditing(),...r]:[...r]}}export{u as expressionFieldProps};
+import {searchEditing}from'@tslite/codemirror/search';export{searchEditing}from'@tslite/codemirror/search';import {tsliteTokenStyles}from'@tslite/editor';export{tsliteTokenStyles}from'@tslite/editor';function y(r={}){let{dark:s=true,layout:e="inline",mode:o="expression",segmenter:n="mustache",gutters:i=e==="block",search:a=e==="block",extensions:t=[]}=r;return {layout:e,mode:o,...o==="template"?{}:{segmenter:n},gutters:i,features:{chrome:{dark:s},theme:tsliteTokenStyles},extensions:a?[searchEditing(),...t]:[...t]}}export{y as expressionFieldProps};

package/dist/index.cjs

@@ -1 +1 @@
-'use strict';var n=require('react'),state=require('@codemirror/state'),view=require('@codemirror/view'),commands=require('@codemirror/commands'),autocomplete=require('@codemirror/autocomplete'),codemirror=require('@tslite/codemirror'),editor=require('@tslite/editor'),languageService=require('@tslite/language-service'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var n__namespace=/*#__PURE__*/_interopNamespace(n);var ae={mustache:languageService.mustache,whole:languageService.whole},le=t=>typeof t=="function"?t:ae[t];function A(t){let{env:o,service:l,segmenter:i="mustache",mode:s="expression",profile:c,limits:d,unused:p,format:a,optional:g}=t;return n__namespace.useMemo(()=>{if(l)return l;if(!o)return null;let x={env:o,...c?{profile:c}:{},...d?{limits:d}:{},...p!==void 0?{unused:p}:{},...a?{format:a}:{},...g?{optional:g}:{}};return s==="template"?editor.createHostService({...x,mode:s}):editor.createHostService({...x,segmenter:le(i),mode:s})},[l,o,i,s,c,d,p,a,g])}var Oe=view.EditorView.theme({".cm-scroller":{overflowX:"auto",overflowY:"hidden"},".cm-content":{padding:"6px 8px"},".cm-line":{padding:"0"},"&.cm-focused":{outline:"none"}}),z=6,Le=view.EditorView.theme({".cm-scroller":{overflowY:"auto"},".cm-content":{padding:`${z}px 8px`},".cm-line":{padding:"0"},"&.cm-focused":{outline:"none"}}),Te=(t,o)=>`${o*t.defaultLineHeight+2*z}px`,we=view.EditorView.theme({"&":{height:"100%"},".cm-scroller":{overflowY:"auto"},".cm-content":{padding:"8px"},"&.cm-focused":{outline:"none"}}),$=t=>t.replace(/\r?\n/g," "),ke=(t,o)=>{if(t===false)return [];let l=o==="block"?{}:{tab:false,indentOnInput:false};return codemirror.codeEditing(typeof t=="object"?{...l,...t}:l)},Ce=t=>t?codemirror.gutters(typeof t=="object"?t:{}):[];function D(t){let{value:o,onChange:l,onCommit:i,layout:s="inline",maxLines:c,wrap:d=s!=="inline",editing:p,gutters:a,readOnly:g=false,placeholder:x,features:I,tooltipParent:T,onTokenAction:V,isTokenActionable:_,definition:w,extensions:ee}=t,h=A(t),k=n__namespace.useRef(null),v=n__namespace.useRef(null),[U,Y]=n__namespace.useState(null),[te,oe]=n__namespace.useState(false),R=n__namespace.useRef({value:o,onChange:l,onCommit:i,onTokenAction:V,isTokenActionable:_});R.current={value:o,onChange:l,onCommit:i,onTokenAction:V,isTokenActionable:_};let C=n__namespace.useCallback(e=>{let{value:r,onCommit:E}=R.current;if(!E)return;let f=e.state.doc.toString();f!==r&&E(f);},[]),u=n__namespace.useRef({service:new state.Compartment,layout:new state.Compartment,editable:new state.Compartment,actions:new state.Compartment}).current,H=n__namespace.useCallback(e=>e?codemirror.languageService(e,{theme:editor.tsliteTokenStyles,...T!==null?{tooltipParent:T??(typeof document<"u"?document.body:void 0)}:{},...I}):[],[I,T]),G=n__namespace.useCallback(e=>autocomplete.completionStatus(e.state)==="active"?autocomplete.acceptCompletion(e)||true:(C(e),true),[C]),P=n__namespace.useCallback((e,r,E,f)=>[e==="block"?[...r?[view.EditorView.lineWrapping]:[],we]:e==="grow"?[...r?[view.EditorView.lineWrapping]:[],Le,state.Prec.highest(view.keymap.of([{key:"Enter",run:G},{key:"Shift-Enter",run:commands.insertNewlineAndIndent}]))]:[codemirror.singleLine,Oe],ke(E,e),Ce(f)],[G]),M=n__namespace.useCallback(()=>{let e=[];return R.current.onTokenAction&&e.push(codemirror.tokenAction({actionable:r=>R.current.isTokenActionable?.(r)??true,onAction:r=>R.current.onTokenAction?.(r)})),w&&h?.definitionAt&&e.push(codemirror.gotoDefinition(w)),e},[w,h]);n__namespace.useEffect(()=>{if(!k.current)return;let e=new view.EditorView({parent:k.current,state:state.EditorState.create({doc:s==="inline"?$(o):o,extensions:[commands.history(),u.service.of(H(h)),u.layout.of(P(s,d,p,a)),u.editable.of(view.EditorView.editable.of(!g)),u.actions.of(M()),...x?[view.placeholder(x)]:[],view.keymap.of([...commands.historyKeymap,...commands.defaultKeymap]),view.EditorView.updateListener.of(r=>{if(r.focusChanged&&oe(r.view.hasFocus),!r.docChanged)return;r.transactions.some(f=>f.annotation(codemirror.externalChange))||R.current.onChange?.(r.state.doc.toString());}),view.EditorView.contentAttributes.of({"aria-label":x??"expression"}),view.EditorView.domEventHandlers({blur:(r,E)=>{let f=r.relatedTarget;return f instanceof Element&&(E.dom.contains(f)||f.closest(".cm-tooltip"))||C(E),false}}),...ee??[]]})});return v.current=e,Y(e),()=>{e.destroy(),v.current=null,Y(null);}},[]),n__namespace.useEffect(()=>{v.current?.dispatch({effects:u.service.reconfigure(H(h))});},[h,H,u]),n__namespace.useEffect(()=>{v.current?.dispatch({effects:u.layout.reconfigure(P(s,d,p,a))});},[s,d,p,a,P,u]),n__namespace.useEffect(()=>{v.current?.dispatch({effects:u.editable.reconfigure(view.EditorView.editable.of(!g))});},[g,u]),n__namespace.useEffect(()=>{let e=v.current;e&&(e.scrollDOM.style.maxHeight=s==="grow"&&c!==void 0&&c>0?Te(e,c):"");},[s,c,U]),n__namespace.useEffect(()=>{v.current?.dispatch({effects:u.actions.reconfigure(M())});},[M,u]),n__namespace.useEffect(()=>{let e=v.current;if(!e)return;let r=s==="inline"?$(o):o;if(r===e.state.doc.toString())return;let{anchor:E,head:f}=e.state.selection.main,N=re=>Math.min(re,r.length);e.dispatch({changes:{from:0,to:e.state.doc.length,insert:r},selection:{anchor:N(E),head:N(f)},annotations:codemirror.externalChange.of(true)});},[o,s]);let ne=n__namespace.useCallback(()=>v.current?.focus(),[]);return {ref:k,view:U,focused:te,service:h,focus:ne}}var X=n__namespace.createContext(null);function q(){let t=n__namespace.useContext(X);if(!t)throw new Error("useFieldContext must be used inside <ExpressionField.Root>");return t}var He=["value","onChange","onCommit","layout","maxLines","wrap","editing","gutters","readOnly","placeholder","features","tooltipParent","onTokenAction","isTokenActionable","definition","extensions","env","service","segmenter","mode","profile","limits","unused","format","optional"];var J=n__namespace.forwardRef(function(o,l){let{children:i,...s}=o,c={},d={};for(let[a,g]of Object.entries(s))(He.includes(a)?c:d)[a]=g;let p=D(c);return jsxRuntime.jsx(X.Provider,{value:p,children:jsxRuntime.jsx("div",{ref:l,...d,children:typeof i=="function"?i(p):i})})}),Q=n__namespace.forwardRef(function(o,l){let i=q();return jsxRuntime.jsx("div",{ref:i.ref,...o})}),Z=n__namespace.forwardRef(function({children:o,...l},i){return jsxRuntime.jsx("button",{ref:i,type:"button",...l,children:o})}),S={Root:J,Editor:Q,ExpandTrigger:Z};var y={fg:"var(--foreground, #cccccc)",mutedFg:"var(--muted-foreground, #8b8b8b)",border:"var(--border, #2b2b2b)",ring:"var(--ring, #0078d4)",input:"var(--input, transparent)",destructive:"var(--destructive, #f14c4c)",font:"var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)"},Pe=["--foreground","--muted-foreground","--border","--ring","--input","--destructive","--font-mono","--muted","--popover","--popover-foreground","--primary","--primary-foreground","--secondary","--accent"];var Me=jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:jsxRuntime.jsx("path",{d:"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"})});function Ae({invalid:t,className:o,style:l,onExpand:i,expandIcon:s,multiline:c,layout:d,...p}){let a=d??(c?"block":"inline");return jsxRuntime.jsx(S.Root,{...p,layout:a,className:o,children:g=>jsxRuntime.jsxs("div",{style:{position:"relative",border:`1px solid ${t?y.destructive:g.focused?y.ring:y.border}`,borderRadius:"6px",backgroundColor:y.input,color:y.fg,fontFamily:y.font,fontSize:"13px",overflow:"hidden",...a==="block"?{height:"100%",display:"flex",flexDirection:"column"}:{},...l},children:[jsxRuntime.jsx(S.Editor,{style:a==="block"?{flex:1,minHeight:0}:a==="grow"?{paddingRight:i?"28px":void 0}:{paddingRight:i?"24px":void 0}}),i&&jsxRuntime.jsx(S.ExpandTrigger,{onClick:i,"aria-label":"Expandir",title:"Expandir",onMouseEnter:x=>x.currentTarget.style.opacity="1",onMouseLeave:x=>x.currentTarget.style.opacity="0.55",style:{position:"absolute",top:a==="inline"?"50%":"6px",right:"4px",transform:a==="inline"?"translateY(-50%)":void 0,display:"flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",padding:0,lineHeight:0,border:"none",borderRadius:"4px",background:y.input,color:y.mutedFg,cursor:"pointer",opacity:.55},children:s??Me})]})})}var Ie="1.2.0";exports.CSS_VARS=Pe;exports.ExpressionField=S;exports.ExpressionFieldEditor=Q;exports.ExpressionFieldExpandTrigger=Z;exports.ExpressionFieldRoot=J;exports.ExpressionInput=Ae;exports.V=y;exports.useExpressionField=D;exports.useFieldContext=q;exports.useLanguageService=A;exports.version=Ie;
+'use strict';var n=require('react'),state=require('@codemirror/state'),view=require('@codemirror/view'),commands=require('@codemirror/commands'),autocomplete=require('@codemirror/autocomplete'),codemirror=require('@tslite/codemirror'),editor=require('@tslite/editor'),languageService=require('@tslite/language-service'),jsxRuntime=require('react/jsx-runtime');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var n__namespace=/*#__PURE__*/_interopNamespace(n);var ae={mustache:languageService.mustache,whole:languageService.whole},ce=t=>typeof t=="function"?t:ae[t];function I(t){let{world:o,service:c,segmenter:i="mustache",mode:s="expression",type:l,optional:d,profile:p,guards:a}=t,u=n__namespace.useMemo(()=>{if(c||!o)return null;let x={world:o,...l!==void 0?{type:l}:{},...d?{optional:d}:{}},S={...p?{profile:p}:{},...a?{guards:a}:{}};return s==="template"?editor.createHostService({...x,...S,mode:s}):editor.createHostService({...x,...S,segmenter:ce(i),mode:s})},[c,o,i,s,l,d,p,a]);return n__namespace.useEffect(()=>u?()=>u.dispose():void 0,[u]),c??u}var we=view.EditorView.theme({".cm-scroller":{overflowX:"auto",overflowY:"hidden"},".cm-content":{padding:"6px 8px"},".cm-line":{padding:"0"},"&.cm-focused":{outline:"none"}}),z=6,Oe=view.EditorView.theme({".cm-scroller":{overflowY:"auto"},".cm-content":{padding:`${z}px 8px`},".cm-line":{padding:"0"},"&.cm-focused":{outline:"none"}}),Ce=(t,o)=>`${o*t.defaultLineHeight+2*z}px`,Le=view.EditorView.theme({"&":{height:"100%"},".cm-scroller":{overflowY:"auto"},".cm-content":{padding:"8px"},"&.cm-focused":{outline:"none"}}),$=t=>t.replace(/\r?\n/g," "),Te=(t,o)=>{if(t===false)return [];let c=o==="block"?{}:{tab:false,indentOnInput:false};return codemirror.codeEditing(typeof t=="object"?{...c,...t}:c)},ke=t=>t?codemirror.gutters(typeof t=="object"?t:{}):[];function V(t){let{value:o,onChange:c,onCommit:i,layout:s="inline",maxLines:l,wrap:d=s!=="inline",editing:p,gutters:a,readOnly:u=false,placeholder:x,features:S,tooltipParent:T,onTokenAction:_,isTokenActionable:U,definition:k,extensions:ee}=t,h=I(t),H=n__namespace.useRef(null),v=n__namespace.useRef(null),[Y,G]=n__namespace.useState(null),[te,oe]=n__namespace.useState(false),R=n__namespace.useRef({value:o,onChange:c,onCommit:i,onTokenAction:_,isTokenActionable:U});R.current={value:o,onChange:c,onCommit:i,onTokenAction:_,isTokenActionable:U};let P=n__namespace.useCallback(e=>{let{value:r,onCommit:y}=R.current;if(!y)return;let g=e.state.doc.toString();g!==r&&y(g);},[]),f=n__namespace.useRef({service:new state.Compartment,layout:new state.Compartment,editable:new state.Compartment,actions:new state.Compartment}).current,M=n__namespace.useCallback(e=>e?codemirror.languageService(e,{theme:editor.tsliteTokenStyles,...T!==null?{tooltipParent:T??(typeof document<"u"?document.body:void 0)}:{},...S}):[],[S,T]),N=n__namespace.useCallback(e=>autocomplete.completionStatus(e.state)==="active"?autocomplete.acceptCompletion(e)||true:(P(e),true),[P]),A=n__namespace.useCallback((e,r,y,g)=>[e==="block"?[...r?[view.EditorView.lineWrapping]:[],Le]:e==="grow"?[...r?[view.EditorView.lineWrapping]:[],Oe,state.Prec.highest(view.keymap.of([{key:"Enter",run:N},{key:"Shift-Enter",run:commands.insertNewlineAndIndent}]))]:[codemirror.singleLine,we],Te(y,e),ke(g)],[N]),D=n__namespace.useCallback(()=>{let e=[];return R.current.onTokenAction&&e.push(codemirror.tokenAction({actionable:r=>R.current.isTokenActionable?.(r)??true,onAction:r=>R.current.onTokenAction?.(r)})),k&&h?.definitionAt&&e.push(codemirror.gotoDefinition(k)),e},[k,h]);n__namespace.useEffect(()=>{if(!H.current)return;let e=new view.EditorView({parent:H.current,state:state.EditorState.create({doc:s==="inline"?$(o):o,extensions:[commands.history(),f.service.of(M(h)),f.layout.of(A(s,d,p,a)),f.editable.of(view.EditorView.editable.of(!u)),f.actions.of(D()),...x?[view.placeholder(x)]:[],view.keymap.of([...commands.historyKeymap,...commands.defaultKeymap]),view.EditorView.updateListener.of(r=>{if(r.focusChanged&&oe(r.view.hasFocus),!r.docChanged)return;r.transactions.some(g=>g.annotation(codemirror.externalChange))||R.current.onChange?.(r.state.doc.toString());}),view.EditorView.contentAttributes.of({"aria-label":x??"expression"}),view.EditorView.domEventHandlers({blur:(r,y)=>{let g=r.relatedTarget;return g instanceof Element&&(y.dom.contains(g)||g.closest(".cm-tooltip"))||P(y),false}}),...ee??[]]})});return v.current=e,G(e),()=>{e.destroy(),v.current=null,G(null);}},[]),n__namespace.useEffect(()=>{v.current?.dispatch({effects:f.service.reconfigure(M(h))});},[h,M,f]),n__namespace.useEffect(()=>{v.current?.dispatch({effects:f.layout.reconfigure(A(s,d,p,a))});},[s,d,p,a,A,f]),n__namespace.useEffect(()=>{v.current?.dispatch({effects:f.editable.reconfigure(view.EditorView.editable.of(!u))});},[u,f]),n__namespace.useEffect(()=>{let e=v.current;e&&(e.scrollDOM.style.maxHeight=s==="grow"&&l!==void 0&&l>0?Ce(e,l):"");},[s,l,Y]),n__namespace.useEffect(()=>{v.current?.dispatch({effects:f.actions.reconfigure(D())});},[D,f]),n__namespace.useEffect(()=>{let e=v.current;if(!e)return;let r=s==="inline"?$(o):o;if(r===e.state.doc.toString())return;let{anchor:y,head:g}=e.state.selection.main,K=re=>Math.min(re,r.length);e.dispatch({changes:{from:0,to:e.state.doc.length,insert:r},selection:{anchor:K(y),head:K(g)},annotations:codemirror.externalChange.of(true)});},[o,s]);let ne=n__namespace.useCallback(()=>v.current?.focus(),[]);return {ref:H,view:Y,focused:te,service:h,focus:ne}}var X=n__namespace.createContext(null);function q(){let t=n__namespace.useContext(X);if(!t)throw new Error("useFieldContext must be used inside <ExpressionField.Root>");return t}var He=["value","onChange","onCommit","layout","maxLines","wrap","editing","gutters","readOnly","placeholder","features","tooltipParent","onTokenAction","isTokenActionable","definition","extensions","world","service","segmenter","mode","type","optional","profile","guards"];var J=n__namespace.forwardRef(function(o,c){let{children:i,...s}=o,l={},d={};for(let[a,u]of Object.entries(s))(He.includes(a)?l:d)[a]=u;let p=V(l);return jsxRuntime.jsx(X.Provider,{value:p,children:jsxRuntime.jsx("div",{ref:c,...d,children:typeof i=="function"?i(p):i})})}),Q=n__namespace.forwardRef(function(o,c){let i=q();return jsxRuntime.jsx("div",{ref:i.ref,...o})}),Z=n__namespace.forwardRef(function({children:o,...c},i){return jsxRuntime.jsx("button",{ref:i,type:"button",...c,children:o})}),F={Root:J,Editor:Q,ExpandTrigger:Z};var E={fg:"var(--foreground, #cccccc)",mutedFg:"var(--muted-foreground, #8b8b8b)",border:"var(--border, #2b2b2b)",ring:"var(--ring, #0078d4)",input:"var(--input, transparent)",destructive:"var(--destructive, #f14c4c)",font:"var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)"},Pe=["--foreground","--muted-foreground","--border","--ring","--input","--destructive","--font-mono","--muted","--popover","--popover-foreground","--primary","--primary-foreground","--secondary","--accent"];var Me=jsxRuntime.jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:jsxRuntime.jsx("path",{d:"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"})});function Ae({invalid:t,className:o,style:c,onExpand:i,expandIcon:s,multiline:l,layout:d,...p}){let a=d??(l?"block":"inline");return jsxRuntime.jsx(F.Root,{...p,layout:a,className:o,children:u=>jsxRuntime.jsxs("div",{style:{position:"relative",border:`1px solid ${t?E.destructive:u.focused?E.ring:E.border}`,borderRadius:"6px",backgroundColor:E.input,color:E.fg,fontFamily:E.font,fontSize:"13px",overflow:"hidden",...a==="block"?{height:"100%",display:"flex",flexDirection:"column"}:{},...c},children:[jsxRuntime.jsx(F.Editor,{style:a==="block"?{flex:1,minHeight:0}:a==="grow"?{paddingRight:i?"28px":void 0}:{paddingRight:i?"24px":void 0}}),i&&jsxRuntime.jsx(F.ExpandTrigger,{onClick:i,"aria-label":"Expandir",title:"Expandir",onMouseEnter:x=>x.currentTarget.style.opacity="1",onMouseLeave:x=>x.currentTarget.style.opacity="0.55",style:{position:"absolute",top:a==="inline"?"50%":"6px",right:"4px",transform:a==="inline"?"translateY(-50%)":void 0,display:"flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",padding:0,lineHeight:0,border:"none",borderRadius:"4px",background:E.input,color:E.mutedFg,cursor:"pointer",opacity:.55},children:s??Me})]})})}var Ie="1.4.0";exports.CSS_VARS=Pe;exports.ExpressionField=F;exports.ExpressionFieldEditor=Q;exports.ExpressionFieldExpandTrigger=Z;exports.ExpressionFieldRoot=J;exports.ExpressionInput=Ae;exports.V=E;exports.useExpressionField=V;exports.useFieldContext=q;exports.useLanguageService=I;exports.version=Ie;

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { U as UseExpressionFieldOptions, E as ExpressionFieldHandle } from './useExpressionField-RmyW3D9R.cjs';
-export { F as FieldLayout, L as LanguageServiceOptions, S as SegmenterOption, u as useExpressionField, a as useLanguageService } from './useExpressionField-RmyW3D9R.cjs';
+import { U as UseExpressionFieldOptions, E as ExpressionFieldHandle } from './useExpressionField-BfIHCVtU.cjs';
+export { F as FieldLayout, L as LanguageServiceOptions, S as SegmenterOption, u as useExpressionField, a as useLanguageService } from './useExpressionField-BfIHCVtU.cjs';
 export { TokenActionTarget } from '@tslite/codemirror';
 import '@codemirror/state';
 import '@codemirror/view';
@@ -31,9 +31,9 @@ interface ExpressionInputProps extends UseExpressionFieldOptions {
  * O campo de expressão pronto para uso.
  *
  * ```tsx
- * <ExpressionInput value={v} onChange={setV} env={env} />                 // "Olá {{ user.name }}"
- * <ExpressionInput value={v} onChange={setV} env={env} segmenter="whole" /> // "foo.bar >= 32"
- * <ExpressionInput value={v} onChange={setV} env={env} layout="block" />    // o modal expandido
+ * <ExpressionInput value={v} onChange={setV} world={world} />                 // "Olá {{ user.name }}"
+ * <ExpressionInput value={v} onChange={setV} world={world} segmenter="whole" /> // "foo.bar >= 32"
+ * <ExpressionInput value={v} onChange={setV} world={world} layout="block" />    // o modal expandido
  * ```
  */
 declare function ExpressionInput({ invalid, className, style, onExpand, expandIcon, multiline, layout, ...options }: ExpressionInputProps): React.JSX.Element;
@@ -93,6 +93,6 @@ declare const V: {
 declare const CSS_VARS: readonly ["--foreground", "--muted-foreground", "--border", "--ring", "--input", "--destructive", "--font-mono", "--muted", "--popover", "--popover-foreground", "--primary", "--primary-foreground", "--secondary", "--accent"];
 
 /** A versão deste package, a do módulo de fato carregado. */
-declare const version = "1.2.0";
+declare const version = "1.4.0";
 
 export { CSS_VARS, ExpressionField, Editor as ExpressionFieldEditor, type EditorProps as ExpressionFieldEditorProps, ExpandTrigger as ExpressionFieldExpandTrigger, type ExpandTriggerProps as ExpressionFieldExpandTriggerProps, ExpressionFieldHandle, Root as ExpressionFieldRoot, type RootProps as ExpressionFieldRootProps, ExpressionInput, type ExpressionInputProps, UseExpressionFieldOptions, V, useFieldContext, version };

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { U as UseExpressionFieldOptions, E as ExpressionFieldHandle } from './useExpressionField-RmyW3D9R.js';
-export { F as FieldLayout, L as LanguageServiceOptions, S as SegmenterOption, u as useExpressionField, a as useLanguageService } from './useExpressionField-RmyW3D9R.js';
+import { U as UseExpressionFieldOptions, E as ExpressionFieldHandle } from './useExpressionField-BfIHCVtU.js';
+export { F as FieldLayout, L as LanguageServiceOptions, S as SegmenterOption, u as useExpressionField, a as useLanguageService } from './useExpressionField-BfIHCVtU.js';
 export { TokenActionTarget } from '@tslite/codemirror';
 import '@codemirror/state';
 import '@codemirror/view';
@@ -31,9 +31,9 @@ interface ExpressionInputProps extends UseExpressionFieldOptions {
  * O campo de expressão pronto para uso.
  *
  * ```tsx
- * <ExpressionInput value={v} onChange={setV} env={env} />                 // "Olá {{ user.name }}"
- * <ExpressionInput value={v} onChange={setV} env={env} segmenter="whole" /> // "foo.bar >= 32"
- * <ExpressionInput value={v} onChange={setV} env={env} layout="block" />    // o modal expandido
+ * <ExpressionInput value={v} onChange={setV} world={world} />                 // "Olá {{ user.name }}"
+ * <ExpressionInput value={v} onChange={setV} world={world} segmenter="whole" /> // "foo.bar >= 32"
+ * <ExpressionInput value={v} onChange={setV} world={world} layout="block" />    // o modal expandido
  * ```
  */
 declare function ExpressionInput({ invalid, className, style, onExpand, expandIcon, multiline, layout, ...options }: ExpressionInputProps): React.JSX.Element;
@@ -93,6 +93,6 @@ declare const V: {
 declare const CSS_VARS: readonly ["--foreground", "--muted-foreground", "--border", "--ring", "--input", "--destructive", "--font-mono", "--muted", "--popover", "--popover-foreground", "--primary", "--primary-foreground", "--secondary", "--accent"];
 
 /** A versão deste package, a do módulo de fato carregado. */
-declare const version = "1.2.0";
+declare const version = "1.4.0";
 
 export { CSS_VARS, ExpressionField, Editor as ExpressionFieldEditor, type EditorProps as ExpressionFieldEditorProps, ExpandTrigger as ExpressionFieldExpandTrigger, type ExpandTriggerProps as ExpressionFieldExpandTriggerProps, ExpressionFieldHandle, Root as ExpressionFieldRoot, type RootProps as ExpressionFieldRootProps, ExpressionInput, type ExpressionInputProps, UseExpressionFieldOptions, V, useFieldContext, version };

package/dist/index.js

@@ -1 +1 @@
-import*as n from'react';import {Compartment,Prec,EditorState}from'@codemirror/state';import {EditorView,keymap,placeholder}from'@codemirror/view';import {insertNewlineAndIndent,history,historyKeymap,defaultKeymap}from'@codemirror/commands';import {completionStatus,acceptCompletion}from'@codemirror/autocomplete';import {languageService,singleLine,tokenAction,gotoDefinition,externalChange,codeEditing,gutters}from'@tslite/codemirror';import {tsliteTokenStyles,createHostService}from'@tslite/editor';import {whole,mustache}from'@tslite/language-service';import {jsx,jsxs}from'react/jsx-runtime';var ae={mustache:mustache,whole:whole},le=t=>typeof t=="function"?t:ae[t];function A(t){let{env:o,service:l,segmenter:i="mustache",mode:s="expression",profile:c,limits:d,unused:p,format:a,optional:g}=t;return n.useMemo(()=>{if(l)return l;if(!o)return null;let x={env:o,...c?{profile:c}:{},...d?{limits:d}:{},...p!==void 0?{unused:p}:{},...a?{format:a}:{},...g?{optional:g}:{}};return s==="template"?createHostService({...x,mode:s}):createHostService({...x,segmenter:le(i),mode:s})},[l,o,i,s,c,d,p,a,g])}var Oe=EditorView.theme({".cm-scroller":{overflowX:"auto",overflowY:"hidden"},".cm-content":{padding:"6px 8px"},".cm-line":{padding:"0"},"&.cm-focused":{outline:"none"}}),z=6,Le=EditorView.theme({".cm-scroller":{overflowY:"auto"},".cm-content":{padding:`${z}px 8px`},".cm-line":{padding:"0"},"&.cm-focused":{outline:"none"}}),Te=(t,o)=>`${o*t.defaultLineHeight+2*z}px`,we=EditorView.theme({"&":{height:"100%"},".cm-scroller":{overflowY:"auto"},".cm-content":{padding:"8px"},"&.cm-focused":{outline:"none"}}),$=t=>t.replace(/\r?\n/g," "),ke=(t,o)=>{if(t===false)return [];let l=o==="block"?{}:{tab:false,indentOnInput:false};return codeEditing(typeof t=="object"?{...l,...t}:l)},Ce=t=>t?gutters(typeof t=="object"?t:{}):[];function D(t){let{value:o,onChange:l,onCommit:i,layout:s="inline",maxLines:c,wrap:d=s!=="inline",editing:p,gutters:a,readOnly:g=false,placeholder:x,features:I,tooltipParent:T,onTokenAction:V,isTokenActionable:_,definition:w,extensions:ee}=t,h=A(t),k=n.useRef(null),v=n.useRef(null),[U,Y]=n.useState(null),[te,oe]=n.useState(false),R=n.useRef({value:o,onChange:l,onCommit:i,onTokenAction:V,isTokenActionable:_});R.current={value:o,onChange:l,onCommit:i,onTokenAction:V,isTokenActionable:_};let C=n.useCallback(e=>{let{value:r,onCommit:E}=R.current;if(!E)return;let f=e.state.doc.toString();f!==r&&E(f);},[]),u=n.useRef({service:new Compartment,layout:new Compartment,editable:new Compartment,actions:new Compartment}).current,H=n.useCallback(e=>e?languageService(e,{theme:tsliteTokenStyles,...T!==null?{tooltipParent:T??(typeof document<"u"?document.body:void 0)}:{},...I}):[],[I,T]),G=n.useCallback(e=>completionStatus(e.state)==="active"?acceptCompletion(e)||true:(C(e),true),[C]),P=n.useCallback((e,r,E,f)=>[e==="block"?[...r?[EditorView.lineWrapping]:[],we]:e==="grow"?[...r?[EditorView.lineWrapping]:[],Le,Prec.highest(keymap.of([{key:"Enter",run:G},{key:"Shift-Enter",run:insertNewlineAndIndent}]))]:[singleLine,Oe],ke(E,e),Ce(f)],[G]),M=n.useCallback(()=>{let e=[];return R.current.onTokenAction&&e.push(tokenAction({actionable:r=>R.current.isTokenActionable?.(r)??true,onAction:r=>R.current.onTokenAction?.(r)})),w&&h?.definitionAt&&e.push(gotoDefinition(w)),e},[w,h]);n.useEffect(()=>{if(!k.current)return;let e=new EditorView({parent:k.current,state:EditorState.create({doc:s==="inline"?$(o):o,extensions:[history(),u.service.of(H(h)),u.layout.of(P(s,d,p,a)),u.editable.of(EditorView.editable.of(!g)),u.actions.of(M()),...x?[placeholder(x)]:[],keymap.of([...historyKeymap,...defaultKeymap]),EditorView.updateListener.of(r=>{if(r.focusChanged&&oe(r.view.hasFocus),!r.docChanged)return;r.transactions.some(f=>f.annotation(externalChange))||R.current.onChange?.(r.state.doc.toString());}),EditorView.contentAttributes.of({"aria-label":x??"expression"}),EditorView.domEventHandlers({blur:(r,E)=>{let f=r.relatedTarget;return f instanceof Element&&(E.dom.contains(f)||f.closest(".cm-tooltip"))||C(E),false}}),...ee??[]]})});return v.current=e,Y(e),()=>{e.destroy(),v.current=null,Y(null);}},[]),n.useEffect(()=>{v.current?.dispatch({effects:u.service.reconfigure(H(h))});},[h,H,u]),n.useEffect(()=>{v.current?.dispatch({effects:u.layout.reconfigure(P(s,d,p,a))});},[s,d,p,a,P,u]),n.useEffect(()=>{v.current?.dispatch({effects:u.editable.reconfigure(EditorView.editable.of(!g))});},[g,u]),n.useEffect(()=>{let e=v.current;e&&(e.scrollDOM.style.maxHeight=s==="grow"&&c!==void 0&&c>0?Te(e,c):"");},[s,c,U]),n.useEffect(()=>{v.current?.dispatch({effects:u.actions.reconfigure(M())});},[M,u]),n.useEffect(()=>{let e=v.current;if(!e)return;let r=s==="inline"?$(o):o;if(r===e.state.doc.toString())return;let{anchor:E,head:f}=e.state.selection.main,N=re=>Math.min(re,r.length);e.dispatch({changes:{from:0,to:e.state.doc.length,insert:r},selection:{anchor:N(E),head:N(f)},annotations:externalChange.of(true)});},[o,s]);let ne=n.useCallback(()=>v.current?.focus(),[]);return {ref:k,view:U,focused:te,service:h,focus:ne}}var X=n.createContext(null);function q(){let t=n.useContext(X);if(!t)throw new Error("useFieldContext must be used inside <ExpressionField.Root>");return t}var He=["value","onChange","onCommit","layout","maxLines","wrap","editing","gutters","readOnly","placeholder","features","tooltipParent","onTokenAction","isTokenActionable","definition","extensions","env","service","segmenter","mode","profile","limits","unused","format","optional"];var J=n.forwardRef(function(o,l){let{children:i,...s}=o,c={},d={};for(let[a,g]of Object.entries(s))(He.includes(a)?c:d)[a]=g;let p=D(c);return jsx(X.Provider,{value:p,children:jsx("div",{ref:l,...d,children:typeof i=="function"?i(p):i})})}),Q=n.forwardRef(function(o,l){let i=q();return jsx("div",{ref:i.ref,...o})}),Z=n.forwardRef(function({children:o,...l},i){return jsx("button",{ref:i,type:"button",...l,children:o})}),S={Root:J,Editor:Q,ExpandTrigger:Z};var y={fg:"var(--foreground, #cccccc)",mutedFg:"var(--muted-foreground, #8b8b8b)",border:"var(--border, #2b2b2b)",ring:"var(--ring, #0078d4)",input:"var(--input, transparent)",destructive:"var(--destructive, #f14c4c)",font:"var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)"},Pe=["--foreground","--muted-foreground","--border","--ring","--input","--destructive","--font-mono","--muted","--popover","--popover-foreground","--primary","--primary-foreground","--secondary","--accent"];var Me=jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:jsx("path",{d:"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"})});function Ae({invalid:t,className:o,style:l,onExpand:i,expandIcon:s,multiline:c,layout:d,...p}){let a=d??(c?"block":"inline");return jsx(S.Root,{...p,layout:a,className:o,children:g=>jsxs("div",{style:{position:"relative",border:`1px solid ${t?y.destructive:g.focused?y.ring:y.border}`,borderRadius:"6px",backgroundColor:y.input,color:y.fg,fontFamily:y.font,fontSize:"13px",overflow:"hidden",...a==="block"?{height:"100%",display:"flex",flexDirection:"column"}:{},...l},children:[jsx(S.Editor,{style:a==="block"?{flex:1,minHeight:0}:a==="grow"?{paddingRight:i?"28px":void 0}:{paddingRight:i?"24px":void 0}}),i&&jsx(S.ExpandTrigger,{onClick:i,"aria-label":"Expandir",title:"Expandir",onMouseEnter:x=>x.currentTarget.style.opacity="1",onMouseLeave:x=>x.currentTarget.style.opacity="0.55",style:{position:"absolute",top:a==="inline"?"50%":"6px",right:"4px",transform:a==="inline"?"translateY(-50%)":void 0,display:"flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",padding:0,lineHeight:0,border:"none",borderRadius:"4px",background:y.input,color:y.mutedFg,cursor:"pointer",opacity:.55},children:s??Me})]})})}var Ie="1.2.0";export{Pe as CSS_VARS,S as ExpressionField,Q as ExpressionFieldEditor,Z as ExpressionFieldExpandTrigger,J as ExpressionFieldRoot,Ae as ExpressionInput,y as V,D as useExpressionField,q as useFieldContext,A as useLanguageService,Ie as version};
+import*as n from'react';import {Compartment,Prec,EditorState}from'@codemirror/state';import {EditorView,keymap,placeholder}from'@codemirror/view';import {insertNewlineAndIndent,history,historyKeymap,defaultKeymap}from'@codemirror/commands';import {completionStatus,acceptCompletion}from'@codemirror/autocomplete';import {languageService,singleLine,tokenAction,gotoDefinition,externalChange,codeEditing,gutters}from'@tslite/codemirror';import {tsliteTokenStyles,createHostService}from'@tslite/editor';import {whole,mustache}from'@tslite/language-service';import {jsx,jsxs}from'react/jsx-runtime';var ae={mustache:mustache,whole:whole},ce=t=>typeof t=="function"?t:ae[t];function I(t){let{world:o,service:c,segmenter:i="mustache",mode:s="expression",type:l,optional:d,profile:p,guards:a}=t,u=n.useMemo(()=>{if(c||!o)return null;let x={world:o,...l!==void 0?{type:l}:{},...d?{optional:d}:{}},S={...p?{profile:p}:{},...a?{guards:a}:{}};return s==="template"?createHostService({...x,...S,mode:s}):createHostService({...x,...S,segmenter:ce(i),mode:s})},[c,o,i,s,l,d,p,a]);return n.useEffect(()=>u?()=>u.dispose():void 0,[u]),c??u}var we=EditorView.theme({".cm-scroller":{overflowX:"auto",overflowY:"hidden"},".cm-content":{padding:"6px 8px"},".cm-line":{padding:"0"},"&.cm-focused":{outline:"none"}}),z=6,Oe=EditorView.theme({".cm-scroller":{overflowY:"auto"},".cm-content":{padding:`${z}px 8px`},".cm-line":{padding:"0"},"&.cm-focused":{outline:"none"}}),Ce=(t,o)=>`${o*t.defaultLineHeight+2*z}px`,Le=EditorView.theme({"&":{height:"100%"},".cm-scroller":{overflowY:"auto"},".cm-content":{padding:"8px"},"&.cm-focused":{outline:"none"}}),$=t=>t.replace(/\r?\n/g," "),Te=(t,o)=>{if(t===false)return [];let c=o==="block"?{}:{tab:false,indentOnInput:false};return codeEditing(typeof t=="object"?{...c,...t}:c)},ke=t=>t?gutters(typeof t=="object"?t:{}):[];function V(t){let{value:o,onChange:c,onCommit:i,layout:s="inline",maxLines:l,wrap:d=s!=="inline",editing:p,gutters:a,readOnly:u=false,placeholder:x,features:S,tooltipParent:T,onTokenAction:_,isTokenActionable:U,definition:k,extensions:ee}=t,h=I(t),H=n.useRef(null),v=n.useRef(null),[Y,G]=n.useState(null),[te,oe]=n.useState(false),R=n.useRef({value:o,onChange:c,onCommit:i,onTokenAction:_,isTokenActionable:U});R.current={value:o,onChange:c,onCommit:i,onTokenAction:_,isTokenActionable:U};let P=n.useCallback(e=>{let{value:r,onCommit:y}=R.current;if(!y)return;let g=e.state.doc.toString();g!==r&&y(g);},[]),f=n.useRef({service:new Compartment,layout:new Compartment,editable:new Compartment,actions:new Compartment}).current,M=n.useCallback(e=>e?languageService(e,{theme:tsliteTokenStyles,...T!==null?{tooltipParent:T??(typeof document<"u"?document.body:void 0)}:{},...S}):[],[S,T]),N=n.useCallback(e=>completionStatus(e.state)==="active"?acceptCompletion(e)||true:(P(e),true),[P]),A=n.useCallback((e,r,y,g)=>[e==="block"?[...r?[EditorView.lineWrapping]:[],Le]:e==="grow"?[...r?[EditorView.lineWrapping]:[],Oe,Prec.highest(keymap.of([{key:"Enter",run:N},{key:"Shift-Enter",run:insertNewlineAndIndent}]))]:[singleLine,we],Te(y,e),ke(g)],[N]),D=n.useCallback(()=>{let e=[];return R.current.onTokenAction&&e.push(tokenAction({actionable:r=>R.current.isTokenActionable?.(r)??true,onAction:r=>R.current.onTokenAction?.(r)})),k&&h?.definitionAt&&e.push(gotoDefinition(k)),e},[k,h]);n.useEffect(()=>{if(!H.current)return;let e=new EditorView({parent:H.current,state:EditorState.create({doc:s==="inline"?$(o):o,extensions:[history(),f.service.of(M(h)),f.layout.of(A(s,d,p,a)),f.editable.of(EditorView.editable.of(!u)),f.actions.of(D()),...x?[placeholder(x)]:[],keymap.of([...historyKeymap,...defaultKeymap]),EditorView.updateListener.of(r=>{if(r.focusChanged&&oe(r.view.hasFocus),!r.docChanged)return;r.transactions.some(g=>g.annotation(externalChange))||R.current.onChange?.(r.state.doc.toString());}),EditorView.contentAttributes.of({"aria-label":x??"expression"}),EditorView.domEventHandlers({blur:(r,y)=>{let g=r.relatedTarget;return g instanceof Element&&(y.dom.contains(g)||g.closest(".cm-tooltip"))||P(y),false}}),...ee??[]]})});return v.current=e,G(e),()=>{e.destroy(),v.current=null,G(null);}},[]),n.useEffect(()=>{v.current?.dispatch({effects:f.service.reconfigure(M(h))});},[h,M,f]),n.useEffect(()=>{v.current?.dispatch({effects:f.layout.reconfigure(A(s,d,p,a))});},[s,d,p,a,A,f]),n.useEffect(()=>{v.current?.dispatch({effects:f.editable.reconfigure(EditorView.editable.of(!u))});},[u,f]),n.useEffect(()=>{let e=v.current;e&&(e.scrollDOM.style.maxHeight=s==="grow"&&l!==void 0&&l>0?Ce(e,l):"");},[s,l,Y]),n.useEffect(()=>{v.current?.dispatch({effects:f.actions.reconfigure(D())});},[D,f]),n.useEffect(()=>{let e=v.current;if(!e)return;let r=s==="inline"?$(o):o;if(r===e.state.doc.toString())return;let{anchor:y,head:g}=e.state.selection.main,K=re=>Math.min(re,r.length);e.dispatch({changes:{from:0,to:e.state.doc.length,insert:r},selection:{anchor:K(y),head:K(g)},annotations:externalChange.of(true)});},[o,s]);let ne=n.useCallback(()=>v.current?.focus(),[]);return {ref:H,view:Y,focused:te,service:h,focus:ne}}var X=n.createContext(null);function q(){let t=n.useContext(X);if(!t)throw new Error("useFieldContext must be used inside <ExpressionField.Root>");return t}var He=["value","onChange","onCommit","layout","maxLines","wrap","editing","gutters","readOnly","placeholder","features","tooltipParent","onTokenAction","isTokenActionable","definition","extensions","world","service","segmenter","mode","type","optional","profile","guards"];var J=n.forwardRef(function(o,c){let{children:i,...s}=o,l={},d={};for(let[a,u]of Object.entries(s))(He.includes(a)?l:d)[a]=u;let p=V(l);return jsx(X.Provider,{value:p,children:jsx("div",{ref:c,...d,children:typeof i=="function"?i(p):i})})}),Q=n.forwardRef(function(o,c){let i=q();return jsx("div",{ref:i.ref,...o})}),Z=n.forwardRef(function({children:o,...c},i){return jsx("button",{ref:i,type:"button",...c,children:o})}),F={Root:J,Editor:Q,ExpandTrigger:Z};var E={fg:"var(--foreground, #cccccc)",mutedFg:"var(--muted-foreground, #8b8b8b)",border:"var(--border, #2b2b2b)",ring:"var(--ring, #0078d4)",input:"var(--input, transparent)",destructive:"var(--destructive, #f14c4c)",font:"var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace)"},Pe=["--foreground","--muted-foreground","--border","--ring","--input","--destructive","--font-mono","--muted","--popover","--popover-foreground","--primary","--primary-foreground","--secondary","--accent"];var Me=jsx("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true",children:jsx("path",{d:"M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"})});function Ae({invalid:t,className:o,style:c,onExpand:i,expandIcon:s,multiline:l,layout:d,...p}){let a=d??(l?"block":"inline");return jsx(F.Root,{...p,layout:a,className:o,children:u=>jsxs("div",{style:{position:"relative",border:`1px solid ${t?E.destructive:u.focused?E.ring:E.border}`,borderRadius:"6px",backgroundColor:E.input,color:E.fg,fontFamily:E.font,fontSize:"13px",overflow:"hidden",...a==="block"?{height:"100%",display:"flex",flexDirection:"column"}:{},...c},children:[jsx(F.Editor,{style:a==="block"?{flex:1,minHeight:0}:a==="grow"?{paddingRight:i?"28px":void 0}:{paddingRight:i?"24px":void 0}}),i&&jsx(F.ExpandTrigger,{onClick:i,"aria-label":"Expandir",title:"Expandir",onMouseEnter:x=>x.currentTarget.style.opacity="1",onMouseLeave:x=>x.currentTarget.style.opacity="0.55",style:{position:"absolute",top:a==="inline"?"50%":"6px",right:"4px",transform:a==="inline"?"translateY(-50%)":void 0,display:"flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",padding:0,lineHeight:0,border:"none",borderRadius:"4px",background:E.input,color:E.mutedFg,cursor:"pointer",opacity:.55},children:s??Me})]})})}var Ie="1.4.0";export{Pe as CSS_VARS,F as ExpressionField,Q as ExpressionFieldEditor,Z as ExpressionFieldExpandTrigger,J as ExpressionFieldRoot,Ae as ExpressionInput,E as V,V as useExpressionField,q as useFieldContext,I as useLanguageService,Ie as version};

package/dist/{useExpressionField-RmyW3D9R.d.cts → useExpressionField-BfIHCVtU.d.cts}

@@ -3,7 +3,7 @@ import { Extension } from '@codemirror/state';
 import { EditorView } from '@codemirror/view';
 import { CodeEditingOptions, GuttersOptions, LanguageServiceOptions as LanguageServiceOptions$1, TokenActionTarget, GotoDefinitionOptions } from '@tslite/codemirror';
 import { Segmenter, LanguageService, Token } from '@tslite/language-service';
-import { HostServiceOptions } from '@tslite/editor';
+import { HostServiceOptions, HostServiceCodeOptions } from '@tslite/editor';
 
 /**
  * Onde, no texto, mora o código.
@@ -16,14 +16,16 @@ type SegmenterOption = "mustache" | "whole" | Segmenter;
 /** O que define o cérebro do campo. */
 interface LanguageServiceOptions {
     /**
-     * O ambiente de tipos — o shape dos dados no escopo das expressões.
+     * O mundo em que o campo se tipa (`createWorld` do `@tslite/editor`): a lib da
+     * cópia do tsc, o `.d.ts` do `std` e as declarações do host. Os campos de uma
+     * tela dividem o mesmo mundo, e cada um é um arquivo virtual dele.
      *
-     * **Memoize-o.** Um objeto novo a cada render reconstrói o serviço e joga
-     * fora o cache de análise. `useMemo` no seu lado resolve.
+     * **Crie-o uma vez** (fora do render, ou num `useMemo`). Um mundo novo a cada
+     * render reconstrói o serviço e reparseia a lib.
      */
-    readonly env?: HostServiceOptions["env"];
+    readonly world?: HostServiceOptions["world"];
     /**
-     * Um serviço pronto, no lugar do `env`. Tem precedência — e é o caminho para
+     * Um serviço pronto, no lugar do `world`. Tem precedência — e é o caminho para
      * trocar o cérebro por outro (outra linguagem, outra implementação).
      */
     readonly service?: LanguageService;
@@ -53,19 +55,12 @@ interface LanguageServiceOptions {
      */
     readonly mode?: "expression" | "program" | "template";
     /**
-     * Capability — **desinstala** features da Linguagem.
-     *
-     * Sem ela o campo só tipa, e uma atribuição (`{{ user.name = "ok" }}`) passa:
-     * `=` existe na Linguagem completa. Não há padrão implícito aqui, porque qual
-     * profile cabe num campo é decisão de produto.
-     */
-    readonly profile?: HostServiceOptions["profile"];
-    /** Limites estruturais (anti-DoS). */
-    readonly limits?: HostServiceOptions["limits"];
-    /** Bindings nunca lidos. Ligado por padrão (é API de editor). */
-    readonly unused?: HostServiceOptions["unused"];
-    /** O formatador (`formatExpression` do `@tslite/format`). Sem ele, não formata. */
-    readonly format?: HostServiceOptions["format"];
+     * O tipo que o valor do campo tem de ter, como o texto de um tipo
+     * (`"boolean"`, `"Address"`): o campo acusa, enquanto se digita, o valor que
+     * não cabe nele. Vale para a expressão e para o template; um programa não tem
+     * valor. Sem ele, o campo aceita qualquer tipo.
+     */
+    readonly type?: HostServiceOptions["type"];
     /**
      * O campo aceita ficar vazio: o texto vazio, ou só com espaços, é a ausência do
      * valor, e não o erro de "falta a expressão". Padrão: `false`. As sugestões no
@@ -73,10 +68,33 @@ interface LanguageServiceOptions {
      * (`createHostService({ optional })`).
      */
     readonly optional?: HostServiceOptions["optional"];
+    /**
+     * O perfil de capability do campo (o `@tslite/capability`): o que o campo pode
+     * escrever. O que ele recusa sai nos diagnósticos, enquanto se digita, sobre o
+     * texto que parseia (a E32 do `@tslite/editor`), com o veredito do executor e o da
+     * camada de controle. Sem padrão: sem ele, nada se poda (R18).
+     *
+     * **Crie-o uma vez**, como o `world`: um perfil novo a cada render reconstrói o
+     * serviço. No `mode: "template"`, ele julga o que o template desaçucara (o `map`
+     * de um `{% for %}`), como o executor, e a violação pousa na diretiva (a E34 do
+     * `@tslite/editor`). Com `service`, o perfil é de quem montou o serviço.
+     */
+    readonly profile?: HostServiceCodeOptions["profile"];
+    /**
+     * As regras a mais da camada de controle do `@tslite/behavior` (as de forma, as da
+     * aplicação), nos diagnósticos como as do perfil. Valem as mesmas regras do
+     * `profile`: crie-as uma vez.
+     */
+    readonly guards?: HostServiceCodeOptions["guards"];
 }
 /**
- * O `LanguageService` do campo. `null` quando não há `env` nem `service` — o
+ * O `LanguageService` do campo. `null` quando não há `world` nem `service` — o
  * editor continua editando texto, só sem inteligência.
+ *
+ * O serviço que o hook monta põe os arquivos virtuais do campo no mundo; quando
+ * ele é trocado (uma opção mudou) ou o campo desmonta, o hook os tira (o
+ * `dispose`, E28 do `@tslite/editor`). O `service` passado é de quem o montou, e
+ * o hook não o solta.
  */
 declare function useLanguageService(options: LanguageServiceOptions): LanguageService | null;
 

package/dist/{useExpressionField-RmyW3D9R.d.ts → useExpressionField-BfIHCVtU.d.ts}

@@ -3,7 +3,7 @@ import { Extension } from '@codemirror/state';
 import { EditorView } from '@codemirror/view';
 import { CodeEditingOptions, GuttersOptions, LanguageServiceOptions as LanguageServiceOptions$1, TokenActionTarget, GotoDefinitionOptions } from '@tslite/codemirror';
 import { Segmenter, LanguageService, Token } from '@tslite/language-service';
-import { HostServiceOptions } from '@tslite/editor';
+import { HostServiceOptions, HostServiceCodeOptions } from '@tslite/editor';
 
 /**
  * Onde, no texto, mora o código.
@@ -16,14 +16,16 @@ type SegmenterOption = "mustache" | "whole" | Segmenter;
 /** O que define o cérebro do campo. */
 interface LanguageServiceOptions {
     /**
-     * O ambiente de tipos — o shape dos dados no escopo das expressões.
+     * O mundo em que o campo se tipa (`createWorld` do `@tslite/editor`): a lib da
+     * cópia do tsc, o `.d.ts` do `std` e as declarações do host. Os campos de uma
+     * tela dividem o mesmo mundo, e cada um é um arquivo virtual dele.
      *
-     * **Memoize-o.** Um objeto novo a cada render reconstrói o serviço e joga
-     * fora o cache de análise. `useMemo` no seu lado resolve.
+     * **Crie-o uma vez** (fora do render, ou num `useMemo`). Um mundo novo a cada
+     * render reconstrói o serviço e reparseia a lib.
      */
-    readonly env?: HostServiceOptions["env"];
+    readonly world?: HostServiceOptions["world"];
     /**
-     * Um serviço pronto, no lugar do `env`. Tem precedência — e é o caminho para
+     * Um serviço pronto, no lugar do `world`. Tem precedência — e é o caminho para
      * trocar o cérebro por outro (outra linguagem, outra implementação).
      */
     readonly service?: LanguageService;
@@ -53,19 +55,12 @@ interface LanguageServiceOptions {
      */
     readonly mode?: "expression" | "program" | "template";
     /**
-     * Capability — **desinstala** features da Linguagem.
-     *
-     * Sem ela o campo só tipa, e uma atribuição (`{{ user.name = "ok" }}`) passa:
-     * `=` existe na Linguagem completa. Não há padrão implícito aqui, porque qual
-     * profile cabe num campo é decisão de produto.
-     */
-    readonly profile?: HostServiceOptions["profile"];
-    /** Limites estruturais (anti-DoS). */
-    readonly limits?: HostServiceOptions["limits"];
-    /** Bindings nunca lidos. Ligado por padrão (é API de editor). */
-    readonly unused?: HostServiceOptions["unused"];
-    /** O formatador (`formatExpression` do `@tslite/format`). Sem ele, não formata. */
-    readonly format?: HostServiceOptions["format"];
+     * O tipo que o valor do campo tem de ter, como o texto de um tipo
+     * (`"boolean"`, `"Address"`): o campo acusa, enquanto se digita, o valor que
+     * não cabe nele. Vale para a expressão e para o template; um programa não tem
+     * valor. Sem ele, o campo aceita qualquer tipo.
+     */
+    readonly type?: HostServiceOptions["type"];
     /**
      * O campo aceita ficar vazio: o texto vazio, ou só com espaços, é a ausência do
      * valor, e não o erro de "falta a expressão". Padrão: `false`. As sugestões no
@@ -73,10 +68,33 @@ interface LanguageServiceOptions {
      * (`createHostService({ optional })`).
      */
     readonly optional?: HostServiceOptions["optional"];
+    /**
+     * O perfil de capability do campo (o `@tslite/capability`): o que o campo pode
+     * escrever. O que ele recusa sai nos diagnósticos, enquanto se digita, sobre o
+     * texto que parseia (a E32 do `@tslite/editor`), com o veredito do executor e o da
+     * camada de controle. Sem padrão: sem ele, nada se poda (R18).
+     *
+     * **Crie-o uma vez**, como o `world`: um perfil novo a cada render reconstrói o
+     * serviço. No `mode: "template"`, ele julga o que o template desaçucara (o `map`
+     * de um `{% for %}`), como o executor, e a violação pousa na diretiva (a E34 do
+     * `@tslite/editor`). Com `service`, o perfil é de quem montou o serviço.
+     */
+    readonly profile?: HostServiceCodeOptions["profile"];
+    /**
+     * As regras a mais da camada de controle do `@tslite/behavior` (as de forma, as da
+     * aplicação), nos diagnósticos como as do perfil. Valem as mesmas regras do
+     * `profile`: crie-as uma vez.
+     */
+    readonly guards?: HostServiceCodeOptions["guards"];
 }
 /**
- * O `LanguageService` do campo. `null` quando não há `env` nem `service` — o
+ * O `LanguageService` do campo. `null` quando não há `world` nem `service` — o
  * editor continua editando texto, só sem inteligência.
+ *
+ * O serviço que o hook monta põe os arquivos virtuais do campo no mundo; quando
+ * ele é trocado (uma opção mudou) ou o campo desmonta, o hook os tira (o
+ * `dispose`, E28 do `@tslite/editor`). O `service` passado é de quem o montou, e
+ * o hook não o solta.
  */
 declare function useLanguageService(options: LanguageServiceOptions): LanguageService | null;
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tslite/react",
-  "version": "1.2.0",
-  "description": "React bindings for TSLite — a headless expression field (CodeMirror 6) with type-aware highlighting, completion, diagnostics and quick-fixes, driven by the TSLite checker.",
+  "version": "1.4.0",
+  "description": "React bindings for TSLite — a headless expression field (CodeMirror 6) with type-aware highlighting, completion, diagnostics and quick-fixes, driven by the TypeScript language service ported to TSLite.",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -47,10 +47,9 @@
     "access": "public"
   },
   "dependencies": {
-    "@tslite/codemirror": "1.2.0",
-    "@tslite/editor": "1.3.0",
-    "@tslite/format": "1.2.0",
-    "@tslite/language-service": "1.2.0"
+    "@tslite/editor": "^1.6.0",
+    "@tslite/language-service": "^1.2.0",
+    "@tslite/codemirror": "^1.3.0"
   },
   "peerDependencies": {
     "@codemirror/autocomplete": "^6.0.0",
@@ -76,7 +75,8 @@
     "@types/react-dom": "^18.3.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@tslite/checker": "1.6.0"
+    "@tslite/std": "1.4.0",
+    "@tslite/checker": "1.12.0"
   },
   "peerDependenciesMeta": {
     "@codemirror/search": {