@@ -38,7 +38,7 @@ const getRelatedScript = (target, type) => {
3838return editor ?. parentNode ?. previousElementSibling ;
3939} ;
4040
41- async function execute ( { currentTarget} ) {
41+ async function execute ( { currentTarget, script } ) {
4242const { env, pySrc, outDiv} = this ;
4343const hasRunButton = ! ! currentTarget ;
4444
@@ -91,14 +91,13 @@ async function execute({ currentTarget }) {
9191// creation and destruction of editors on the fly
9292if ( hasRunButton ) {
9393for ( const type of TYPES . keys ( ) ) {
94- const script = getRelatedScript ( currentTarget , type ) ;
95- if ( script ) {
96- defineProperties ( script , { xworker :{ value :xworker } } ) ;
97- break ;
98- }
94+ script = getRelatedScript ( currentTarget , type ) ;
95+ if ( script ) break ;
9996}
10097}
10198
99+ defineProperties ( script , { xworker :{ value :xworker } } ) ;
100+
102101const { sync} = xworker ;
103102const { promise, resolve} = withResolvers ( ) ;
104103envs . set ( env , promise ) ;
@@ -157,6 +156,20 @@ async function execute({ currentTarget }) {
157156} ) ;
158157}
159158
159+ const replaceScript = ( script , type ) => {
160+ script . xworker ?. terminate ( ) ;
161+ const clone = script . cloneNode ( true ) ;
162+ clone . type = `${ type } ;
163+ const editor = editors . get ( script ) ;
164+ if ( editor ) {
165+ const content = editor . state . doc . toString ( ) ;
166+ clone . textContent = content ;
167+ editors . delete ( script ) ;
168+ script . nextElementSibling . remove ( ) ;
169+ }
170+ script . replaceWith ( clone ) ;
171+ } ;
172+
160173const makeRunButton = ( handler , type ) => {
161174const runButton = document . createElement ( "button" ) ;
162175runButton . className = `absolute${ type } ;
@@ -169,15 +182,25 @@ const makeRunButton = (handler, type) => {
169182) {
170183const script = getRelatedScript ( runButton , type ) ;
171184if ( script ) {
172- const editor = editors . get ( script ) ;
173- const content = editor . state . doc . toString ( ) ;
174- const clone = script . cloneNode ( true ) ;
175- clone . type = `${ type } ;
176- clone . textContent = content ;
177- script . xworker . terminate ( ) ;
178- script . nextElementSibling . remove ( ) ;
179- script . replaceWith ( clone ) ;
180- editors . delete ( script ) ;
185+ const env = script . getAttribute ( "env" ) ;
186+ // remove the bootstrapped env which could be one or shared
187+ if ( env ) {
188+ for ( const [ key , value ] of TYPES ) {
189+ if ( key === type ) {
190+ configs . delete ( `${ value } ${ env } ) ;
191+ envs . delete ( `${ value } ${ env } ) ;
192+ break ;
193+ }
194+ }
195+ }
196+ // lonley script without setup node should be replaced
197+ if ( script . xworker ) replaceScript ( script , type ) ;
198+ // all scripts sharing the same env should be replaced
199+ else {
200+ const sel = `script[type^="${ type } ${ env } ;
201+ for ( const script of document . querySelectorAll ( sel ) )
202+ replaceScript ( script , type ) ;
203+ }
181204}
182205return ;
183206}
@@ -365,7 +388,7 @@ const init = async (script, type, interpreter) => {
365388} ;
366389
367390if ( isSetup ) {
368- await context . handleEvent ( { currentTarget :null } ) ;
391+ await context . handleEvent ( { currentTarget :null , script } ) ;
369392notifyEditor ( ) ;
370393return ;
371394}