w-component-vue 2.4.64 → 2.4.66

package/src/components/WDynamicList.vue

@@ -62,7 +62,6 @@
 import get from 'lodash-es/get.js'
 import each from 'lodash-es/each.js'
 import map from 'lodash-es/map.js'
-// import find from 'lodash-es/find.js'
 import join from 'lodash-es/join.js'
 import isNumber from 'lodash-es/isNumber.js'
 import values from 'lodash-es/values.js'
@@ -71,11 +70,10 @@ import size from 'lodash-es/size.js'
 import toString from 'lodash-es/toString.js'
 import cloneDeep from 'lodash-es/cloneDeep.js'
 import cint from 'wsemi/src/cint.mjs'
-// import cstr from 'wsemi/src/cstr.mjs'
 import genID from 'wsemi/src/genID.mjs'
-import genPm from 'wsemi/src/genPm.mjs'
 import delay from 'wsemi/src/delay.mjs'
 import isarr from 'wsemi/src/isarr.mjs'
+import isearr from 'wsemi/src/isearr.mjs'
 import isstr from 'wsemi/src/isstr.mjs'
 import isnum from 'wsemi/src/isnum.mjs'
 import iseobj from 'wsemi/src/iseobj.mjs'
@@ -85,15 +83,12 @@ import isp0int from 'wsemi/src/isp0int.mjs'
 import isbol from 'wsemi/src/isbol.mjs'
 import isEle from 'wsemi/src/isEle.mjs'
 import ispm from 'wsemi/src/ispm.mjs'
-// import haskey from 'wsemi/src/haskey.mjs'
-// import waitFun from 'wsemi/src/waitFun.mjs'
 import arrFilterByKeywords from 'wsemi/src/arrFilterByKeywords.mjs'
 import o2j from 'wsemi/src/o2j.mjs'
 import debounce from 'wsemi/src/debounce.mjs'
 import pmThrottle from 'wsemi/src/pmThrottle.mjs'
 import binarySearch from '../js/binarySearch.mjs'
 import globalMemory from '../js/globalMemory.mjs'
-// import convertColor from '../js/convertColor.mjs'
 import parseSpace from '../js/parseSpace.mjs'
 import WPanelScrollyCore from './WPanelScrollyCore.vue'
 
@@ -169,7 +164,6 @@ export default {
         return {
             pmtRefresh: pmThrottle(),
             dbcRefresh: debounce(),
-            dbcSetRows: debounce(),
 
             mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成
             // mmkey: (() => {
@@ -188,13 +182,15 @@ export default {
             disableLoadingText: false, //禁止顯示載入中文字, 小數據時自動使用
             searchingResults: -1, //過濾結果, -1初始無狀態, 0過濾無結果, >0有結果
 
-            // scrollRatio: 0, //捲動比例
             scrollTop: 0, //捲動值
-            // scrollTopTemp: 0, //上次捲動值
             scrollInfor: null, //目前捲軸資訊
 
+            lockedAnchorIdx: null, //鎖定的窗口頂A index(拖bar往下時鎖定), 使indStart固定不往上漂, 避免上方項目被拉進渲染往下擠
+
             filterKeywordsTemp: '', //上次過濾關鍵字
 
+            rowsTemp: null, //setRowsCore被lockFromProcess擋住時暫存待重套之rows(修鎖丟rows致空樹bug, latest-wins單槽)
+
             itemsHeight: 0, //全部節點高度
             // itemsHeightTemp: 0, //上次全部節點高度
             itemsHeightPre: 0,
@@ -202,9 +198,6 @@ export default {
             useItems: [], //實際需顯示節點陣列
             emItemsTemp: [], //實際需顯示節點之指標陣列
 
-            // iNochangeScrollInfor: 0, //觸發changeScrollInfor時但所到scrollInfor為同值之次數
-            // tNochangeScrollInfor: 0, //增加scrollInfor同值次數時之時間
-
         }
     },
     mounted: function() {
@@ -226,6 +219,9 @@ export default {
             gm.remove(vo.mmkey)
         }
 
+        //清除rowsTemp, 因processItems是async, 其finally亦會於beforeDestroy之後才觸發, 故於beforeDestroy得先清避免finally拿去使用
+        vo.rowsTemp = null
+
     },
     watch: {
 
@@ -240,20 +236,6 @@ export default {
                 //setRows
                 vo.setRows(value)
 
-                // //依照數量調用儲存數據函數
-                // if (size(value) < 1000) {
-
-                //     //setRows
-                //     vo.setRows(value)
-
-                // }
-                // else {
-
-                //     //setRowsDebounce, 若數據value有被修改則會再次觸發watch, 故得用debounce拖勾, 但大量數據時會發生迭代次數過高報錯
-                //     vo.setRowsDebounce(value)
-
-                // }
-
             }
         },
 
@@ -307,24 +289,29 @@ export default {
 
             let vo = this
 
-            //check
+            //check, 上鎖中須暫存最新給予之rows, 待processItems解鎖後給予
             if (vo.lockFromProcess) {
-                let msg = 'disabling call when lockFromProcess'
-                //console.log(msg)
+                vo.rowsTemp = rows
+                let msg = 'deferred'
                 return msg
             }
-            // if (vo.lockFromSetRows) { //setRows內需呼叫setRowsCore故不能上鎖
+
+            // //check, setRows內需呼叫setRowsCore故不能上鎖
+            // if (vo.lockFromSetRows) {
             //     let msg = 'disabling call when lockFromSetRows'
             //     //console.log(msg)
             //     return msg
             // }
-            // if (vo.lockFromRefreshUseItems) { //更新時可能會切換組件並塞入數據故不能上鎖
+
+            // //check, 更新時可能會切換組件並塞入數據故不能上鎖
+            // if (vo.lockFromRefreshUseItems) {
             //     console.log('return by lockFromRefreshUseItems')
             //     return
             // }
 
             //check
             if (!isarr(rows)) {
+                vo.rowsTemp = null //無效rows故須清除rowsTemp, 避免再被使用
                 let msg = 'rows is not array'
                 //console.log(msg)
                 return msg
@@ -335,6 +322,9 @@ export default {
             //     return msg
             // }
 
+            //清除rowsTemp, 此批rows正常落地, 清暫存(避免殘留被重複重套)
+            vo.rowsTemp = null
+
             //mmkey, 產生mmkey要放在資料變更的地方, 否則須放在beforeMount, 且於vue-cli編譯情況下會有部份情境有問題
             if (vo.mmkey !== null) {
 
@@ -363,6 +353,9 @@ export default {
             //changeDisplay, 若由外部強制變更rows或呼叫setRows變更rows, 則需重設changeDisplay使能重算全部節點高度
             vo.changeDisplay = true
 
+            //換新數據時清除鎖定的A index, 因index會對應到舊資料導致錯位
+            vo.lockedAnchorIdx = null
+
         },
 
         setRows: async function(rows) {
@@ -404,24 +397,6 @@ export default {
 
         },
 
-        setRowsDebounce: function(rows) {
-            //console.log('methods setRowsDebounce', rows)
-
-            let vo = this
-
-            //lock, 若直接調用debounce版則需初始就lock
-            vo.lockFromSetRows = true
-
-            //dbcSetRows
-            vo.dbcSetRows(() => {
-
-                //setRows, 若rows被修改會導致watch監測再次觸發, 故使用debounce中斷關聯
-                vo.setRows(rows)
-
-            })
-
-        },
-
         genUseItems: function() {
             //console.log('methods genUseItems')
 
@@ -459,9 +434,13 @@ export default {
                 if (indStartActual === null) {
                     indStartActual = 0
                 }
-                // let indStart = Math.max(indStartActual - vo.itemsPreload, 0)
                 let indStart = Math.max(indStartActual - 1, 0) //只先預載上方1個
 
+                //拖bar往下時鎖定窗口頂A, indStart固定為A(不-1不隨y重算往上漂), 使A之上不渲染不測高, 避免上方項目被拉進渲染往下擠
+                if (vo.lockedAnchorIdx !== null) {
+                    indStart = Math.min(Math.max(vo.lockedAnchorIdx, 0), n - 1)
+                }
+
                 //indEnd, 該元素區(頂部)有侵入顯示區
                 let indEndActual = binarySearch(items, (ind) => {
                     let v = items[ind]
@@ -529,6 +508,9 @@ export default {
             // })
             // console.log('h(all)=', itemsHeightPre + hs + itemsHeightAft, 'itemsHeightPre', itemsHeightPre, 'itemsHeightAft', itemsHeightAft, 'itemsHeight', hs, 'useItems', cloneDeep(useItems))
 
+            //change, 要重繪之數據(itemsHeightPre/itemsHeightAft之撐開區或useItems)有變更
+            let change = bPadding || bItems
+
             //偵測是否已有wdsDiv
             if (vo.$refs.wdsDiv) {
 
@@ -536,10 +518,12 @@ export default {
                 let emRows = map(useItems, 'row')
                 let emItems = map(useItems, 'row.item')
 
-                //emit render
-                vo.$emit('render', { eles: vo.$refs.wdsDiv, rows: emRows, items: emItems })
+                //emit render, 確有變更才觸發, 避免無變更時冗餘觸發與caller於render回呼內再刷新造成自激
+                if (change) {
+                    vo.$emit('render', { eles: vo.$refs.wdsDiv, rows: emRows, items: emItems })
+                }
 
-                //check
+                //check, change-view-items依可見項目集合(emItems)是否變更觸發, 與render之change獨立, 確保首次顯示([]→有值)必通知(WTree藉此updateOperateShow)
                 if (!isEqual(vo.emItemsTemp, emItems)) {
 
                     //emit change-view-items
@@ -553,7 +537,7 @@ export default {
             }
 
             return {
-                change: bPadding || bItems,
+                change,
             }
         },
 
@@ -698,7 +682,7 @@ export default {
                 //check
                 // let pxLimit = 4 //全部項目高度誤差門檻(px)
                 // if (Math.abs(vo.itemsHeight - itemsHeightTemp) > pxLimit) { //偵測總項目高度是否與前次差超過pxLimit
-                //     console.log('updateItemsHeight 需更新itemsHeight', vo.itemsHeight, '->', itemsHeightTemp)
+                //     console.log('updateItemsHeight 須更新itemsHeight', vo.itemsHeight, '->', itemsHeightTemp)
                 //     vo.itemsHeightTemp = vo.itemsHeight
                 //     vo.itemsHeight = itemsHeightTemp
                 // }
@@ -745,21 +729,7 @@ export default {
             }
 
             //coreItems
-            let n = 0
-            let limit = 3
-            async function coreItems() {
-                let pm = genPm()
-
-                //n
-                n += 1
-                // console.log('refreshCore n', n, 'scrollInfor', cloneDeep(vo.scrollInfor))
-
-                //check, 取得元素高度因文字換行會有來回變動問題, 需有強制跳出機制
-                if (n > limit) {
-                    // console.log(`forced termination: call refreshCore ${limit} [from: ${from}]`)
-                    pm.resolve(null)
-                    return pm
-                }
+            let coreItems = async() => {
 
                 //filterItems
                 vo.filterItems()
@@ -774,17 +744,17 @@ export default {
                 let ru = vo.updateItemsHeight()
                 // console.log('refreshCore updateItemsHeight r', r)
 
-                //resolve
-                pm.resolve({
+                //r
+                let r = {
                     genUseItems: rg,
                     updateItemsHeight: ru,
-                })
+                }
 
-                return pm
+                return r
             }
 
             //coreInfor
-            async function coreInfor() {
+            let coreInfor = async() => {
 
                 //lock
                 vo.lockFromRefreshUseItems = true
@@ -802,9 +772,9 @@ export default {
                 //itemsHeight
                 let itemsHeight = get(r, 'updateItemsHeight.itemsHeight', null)
 
-                //check, 為數字代表需更新itemsHeight
+                //check, 為數字代表須更新itemsHeight
                 if (isNumber(itemsHeight)) {
-                    // console.log('refreshCore 需更新itemsHeight', vo.itemsHeight, '->', itemsHeight)
+                    // console.log('refreshCore 須更新itemsHeight', vo.itemsHeight, '->', itemsHeight)
 
                     //check, 當點擊瞬間減少顯示內容區高度可能比外框高度小, 此時外部給予之scrollTop只能給0
                     if (itemsHeight <= vo.viewHeightMax) {
@@ -821,7 +791,7 @@ export default {
                     }
                     else {
 
-                        //scrollTopRecover, 需恢復的scrollTop
+                        //scrollTopRecover, 須恢復的scrollTop
                         // let scrollTopRecover = ratioOld * contentHeightEff
                         let scrollTopDiff = 0
                         if (scrollInforTemp.dir === 'up') {
@@ -837,7 +807,7 @@ export default {
 
                         //更新scrollTop
                         if (vo.scrollTop !== scrollTopRecover) {
-                            // console.log('refreshCore 需更新scrollTop', vo.scrollTop, '->', scrollTopRecover)
+                            // console.log('refreshCore 須更新scrollTop', vo.scrollTop, '->', scrollTopRecover)
                             vo.scrollTop = scrollTopRecover
                         }
 
@@ -937,6 +907,30 @@ export default {
                 vo.scrollInfor = msg
                 // console.log('changeInfor scrollInfor', cloneDeep(msg))
 
+                //鎖定/清除窗口頂A index
+                let from = get(msg, 'evMsg.from', '')
+                if (msg.evName === 'scroll' && from === 'bar') {
+                    let items = gm.get(vo.mmkey)
+                    if (isearr(items)) {
+                        let indStartActual = binarySearch(items, (ind) => {
+                            let v = items[ind]
+                            let dy = vo.scrollInfor.t - (v.y + v.height)
+                            return dy
+                        })
+                        if (indStartActual === null) {
+                            indStartActual = 0
+                        }
+                        vo.lockedAnchorIdx = Math.max(indStartActual, 0)
+                    }
+                }
+                else if (from === 'wdl-refreshCore') {
+                    //settling自激(內容測真高後的重刷), 保持lockedAnchorIdx不變, 使indStart固定不往上漂
+                }
+                else {
+                    //其他操作(wheel捲shell/往上拖/內容mutation/processItems等), 清除鎖定退回原本行為
+                    vo.lockedAnchorIdx = null
+                }
+
                 //refresh
                 vo.refresh('changeInfor')
 
@@ -1051,6 +1045,13 @@ export default {
                     //unluck
                     vo.lockFromProcess = false
 
+                    //setRows於上鎖時段內最新一次被給的rows
+                    if (isarr(vo.rowsTemp)) {
+                        let r = vo.rowsTemp
+                        vo.rowsTemp = null
+                        vo.setRows(r)
+                    }
+
                 })
 
         },

package/src/components/WPanelScrollyCore.vue

@@ -66,9 +66,9 @@
 </template>
 
 <script>
-import get from 'lodash-es/get.js'
-import isEqual from 'lodash-es/isEqual.js'
-// import cloneDeep from 'lodash-es/cloneDeep.js'
+import get from 'lodash-es/get.js'
+import isEqual from 'lodash-es/isEqual.js'
+// import cloneDeep from 'lodash-es/cloneDeep.js'
 import waitFun from 'wsemi/src/waitFun.mjs'
 import debounce from 'wsemi/src/debounce.mjs'
 import domResize from '../js/domResize.mjs'

package/src/components/WTextSuggestCore.vue

@@ -632,17 +632,6 @@ export default {
             let showPanel = get(obj, 'showPanel', null)
             let focused = get(obj, 'focused', null)
 
-            // //因重新顯示時會因沒觸發高度或捲軸變化, 需自行調用WDynamicList的refreshAndTriggerEvent重新渲染
-            // if (showPanel) {
-
-            //     //t
-            //     let t = get(vo, '$refs.wds.refreshAndTriggerEvent', null)
-            //     if (t) {
-            //         t('showPanel')
-            //     }
-
-            // }
-
             //setTimeout, 因多組件時update:showPanel於隱藏時可能出現popup先消失, 進而導致triggerEvent所觸發click事件被吃掉無法觸發, 且triggerEvent已用nextTick且triggerAll再用nextTick包過亦無法保證一定能延後觸發(讓click先觸發完), 故使用setTimeout強制延後觸發
             setTimeout(() => {
 

package/src/components/WTree.vue

@@ -952,9 +952,12 @@ export default {
             defIconSize: 24,
             selectionsTrans: [],
 
-            filterKeywordsTrans: '',
-            filterKeywordsTransTemp: '', //上次過濾關鍵字
-            filtering: false, //是否過濾中
+            filterMode: 'keywords', //'keywords'|'fun', 當前過濾模式; 初始keywords(filterKeywordsTrans='')等價原本初始全顯
+            filterKeywordsTrans: '', //過濾關鍵字(原本data欄位名)
+            filterKeywordsTransTemp: '', //取代filterKeywordsTransTemp, 上次過濾關鍵字, dedup比對
+            filterFun: null, //filterByFun(cb)的cb暫存, 持久化跨呼叫(修A)
+            filterRunning: false, //過濾鎖, 是否過濾中
+            filterPending: false, //latest-wins待重跑旗標(修B)
 
             defaultDisplayLevelTrans: null,
 
@@ -1373,7 +1376,7 @@ export default {
                 //wait wdl, 組件初始化時會先觸發computed才會有實體元素出現, 故得用waitFun等待
                 await waitFun(() => {
                     return vo.$refs.wdl !== undefined
-                }, { timeInterval: 20 })
+                }, { attemptNum: 10000, timeInterval: 20 })
 
                 //setRows
                 if (vo.$refs.wdl) { //於async中組件切換時還是有可能消失
@@ -1386,9 +1389,11 @@ export default {
                 //updateSelections
                 vo.updateSelections()
 
-                //filterKeywordsTransTemp
-                vo.filterKeywordsTransTemp = '' //需清空之前暫存關鍵字才能重新搜尋
-                vo.filterByKeywords()
+                //keywordTemp, 需清空之前暫存關鍵字才能重新搜尋
+                vo.filterKeywordsTransTemp = ''
+
+                //filterItems, 重放當前mode: mode=fun→重放fun過濾(修A); filterByFun早於setRows時待setRows完成後重放(修D); 不可改呼filterByKeywords(會切mode='keywords'洗掉fun)
+                vo.filterItems()
 
             }
 
@@ -1610,7 +1615,7 @@ export default {
                 //wait wdl, 組件初始化時會先觸發computed才會有實體元素出現, 故得用waitFun等待
                 await waitFun(() => {
                     return vo.$refs.wdl !== undefined
-                }, { timeInterval: 20 })
+                }, { attemptNum: 10000, timeInterval: 20 })
 
                 //opt
                 let opt = {
@@ -1681,8 +1686,12 @@ export default {
                 //save
                 vo.selectionsTrans = selectionsTrans
 
-                //emit, 要放在wdl更新後才觸發事件
-                vo.$emit('update:selections', cloneDeep(selectionsTrans))
+                //emit, 要放在wdl更新後才觸發事件; emit前以isEqual守門, 若重產之selectionsTrans已等價於外部傳入selections則不emit, 避免多組件共用同一selections時各棵async完成時序差致輪流emit互相觸發之無限循環
+                if (!isEqual(selectionsTrans, vo.selections)) {
+                    setTimeout(() => {
+                        vo.$emit('update:selections', cloneDeep(selectionsTrans))
+                    }, 20)
+                }
 
             }
 
@@ -2621,8 +2630,12 @@ export default {
                 //save
                 vo.selectionsTrans = selectionsTrans
 
-                //emit, 要放在wdl更新後才觸發事件
-                vo.$emit('update:selections', cloneDeep(selectionsTrans))
+                //emit, 要放在wdl更新後才觸發事件; emit前以isEqual守門, 若重產之selectionsTrans已等價於外部傳入selections則不emit, 避免多組件共用同一selections時各棵async完成時序差致輪流emit互相觸發之無限循環
+                if (!isEqual(selectionsTrans, vo.selections)) {
+                    setTimeout(() => {
+                        vo.$emit('update:selections', cloneDeep(selectionsTrans))
+                    }, 20)
+                }
 
             }
 
@@ -2634,23 +2647,27 @@ export default {
 
         },
 
-        filterItemsCore: async function(items, funFilterForce) {
-            // console.log('methods filterItemsCore', items, funFilterForce)
+        filterItemsCore: async function(items) {
+            // console.log('methods filterItemsCore', items)
+            //note: 簽名已改為單參(原 filterItemsCore(items, funFilterForce)), funFilterForce 改由 過濾狀態欄位 提供
 
             let vo = this
 
-            //bFunFilterForce
-            let bFunFilterForce = isfun(funFilterForce)
+            //cb, 由filterFun取得強制函數過濾器
+            let cb = vo.filterFun
+
+            //bFunFilterForce, 分流改用mode判斷(取代isfun(cb)), 配合funFilterForce持久化
+            let bFunFilterForce = (vo.filterMode === 'fun')
 
             //check useDraggableOrOperatable
             if (!bFunFilterForce && vo.useDraggableOrOperatable) {
                 // console.log('禁止過濾')
-                return
+                return -1 //修C: 回-1不回undefined
             }
 
             //check filterKeywordsTransTemp
             if (!bFunFilterForce && vo.filterKeywordsTransTemp === vo.filterKeywordsTrans) {
-                return
+                return -1 //修C: 回-1不回undefined (dedup)
             }
 
             //filterKeywordsTransTemp
@@ -2686,8 +2703,8 @@ export default {
                     if (bFunFilterForce) {
                         //使用強制函數過濾器
 
-                        //funFilterForce
-                        b = funFilterForce(items[i].row.item)
+                        //須用函數初始先備份之cb, 避免多重發動時使用到其他插入過濾fun
+                        b = cb(items[i].row.item)
 
                         //check
                         if (ispm(b)) {
@@ -2773,8 +2790,9 @@ export default {
             return searchingResults
         },
 
-        filterItems: function(cb) {
-            // console.log('methods filterItems', cb)
+        filterItems: function() {
+            // console.log('methods filterItems')
+            //note: 簽名已改為無參(原 filterItems(cb)), 過濾條件改由 過濾狀態欄位 提供(cb 移至 filterFun)
 
             let vo = this
 
@@ -2785,13 +2803,14 @@ export default {
                     return
                 }
 
-                //check
-                if (vo.filtering) {
+                //check filtering, latest-wins: 進行中再呼叫標pending不丟棄, 完成後重跑最新過濾狀態欄位(修B)
+                if (vo.filterRunning) {
+                    vo.filterPending = true
                     return
                 }
 
                 //filtering
-                vo.filtering = true
+                vo.filterRunning = true
 
                 //opt
                 let searchingResults = -1
@@ -2799,7 +2818,7 @@ export default {
                     fun: async function(items) {
 
                         //filterItemsCore
-                        searchingResults = await vo.filterItemsCore(items, cb)
+                        searchingResults = await vo.filterItemsCore(items)
 
                     }
                 }
@@ -2818,7 +2837,13 @@ export default {
                 }
 
                 //filtering
-                vo.filtering = false
+                vo.filterRunning = false
+
+                //pending, latest-wins: 過濾期間有新呼叫則重跑最新過濾狀態欄位(修B); 重跑一次後若無新呼叫pending=false即停, 不會無限迴圈
+                if (vo.filterPending) {
+                    vo.filterPending = false
+                    vo.filterItems()
+                }
 
             }
 
@@ -2835,8 +2860,14 @@ export default {
 
             let vo = this
 
+            //mode, 切換為fun模式
+            vo.filterMode = 'fun'
+
+            //funFilterForce, 持久化cb跨呼叫(修A)
+            vo.filterFun = cb
+
             //filterItems
-            vo.filterItems(cb)
+            vo.filterItems()
 
         },
 
@@ -2845,6 +2876,12 @@ export default {
 
             let vo = this
 
+            //mode, 切換為keywords模式
+            vo.filterMode = 'keywords'
+
+            //funFilterForce, 清除強制函數過濾器
+            vo.filterFun = null
+
             //filterItems
             vo.filterItems()
 

package/vue.config.js

@@ -1,5 +1,24 @@
 module.exports = {
     lintOnSave: false, //禁止eslint-loader於編譯時檢查語法
+    pages: {
+        'index': {
+            entry: 'src/main.js',
+            template: 'public/index.html',
+            filename: 'index.html',
+        },
+        //dev-only 精簡測試頁: 一頁一棵 WTree, 避免示範頁多樹佔滿單執行緒CPU致wdl渲染被餓死 (重構等價測試用, 之後可移除)
+        'wtree-test': {
+            entry: 'tmp/wtree-test/main.js',
+            template: 'tmp/wtree-test/index.html',
+            filename: 'wtree-test.html',
+        },
+        //dev-only WDL 虛擬捲動探測頁: 單一大數據 WDynamicList, 量 dir/itemsHeightPre/scrollTop 漂移 (之後可移除)
+        'wdl-probe': {
+            entry: 'tmp/wdl-probe/main.js',
+            template: 'tmp/wdl-probe/index.html',
+            filename: 'wdl-probe.html',
+        },
+    },
     devServer: {
         proxy: {
         }

package/tmp/probe.mjs

@@ -1,5 +0,0 @@
-import def from 'w-screenctl'
-import * as ns from 'w-screenctl'
-console.log('typeof default:', typeof def)
-console.log('default keys:', def && typeof def === 'object' ? Object.keys(def) : 'n/a')
-console.log('namespace keys:', Object.keys(ns))

package/tmp/screenctl.log

@@ -1,2 +0,0 @@
-running at http://0.0.0.0:7000 (platform=win32)
-w-screenctl started at http://localhost:7000

package/tmp/screenctl.pid

@@ -1 +0,0 @@
-787

package/tmp/start-screenctl.mjs

@@ -1,6 +0,0 @@
-import pkg from 'w-screenctl'
-
-const WScreenctl = pkg.default
-
-await WScreenctl({ port: 7000 })
-console.log('w-screenctl started at http://localhost:7000')