one 1.10.2 → 1.10.3

package/devtools/source-inspector.mjs

@@ -18,6 +18,8 @@
     const mousePos = { x: 0, y: 0 }
     let removalObserver = null
     let currentElementChain = []
+    let currentUnderChain = []
+    let currentPickerTab = 'above'
     let recording = false
     let recordEvents = []
     let recordStartTime = 0
@@ -91,6 +93,12 @@
           .toast-big { font-size: 48px; font-weight: 600; color: #f55; }
           .toast-big.success { color: #4ade80; }
           .toast-hint { font-size: 12px; color: #888; margin-top: 12px; }
+          .picker-tabs { display: flex; background: #111; border-bottom: 1px solid #252525; }
+          .picker-tab { flex: 1; background: none; border: none; color: #666; padding: 6px 8px; font: 11px system-ui, sans-serif; cursor: pointer; border-bottom: 2px solid transparent; transition: color 0.1s, border-color 0.1s; }
+          .picker-tab:hover { color: #aaa; }
+          .picker-tab.active { color: #fff; border-bottom-color: #888; }
+          .picker-tab-count { font-size: 10px; color: #555; margin-left: 4px; }
+          .picker-tab.active .picker-tab-count { color: #888; }
           .picker-list { max-height: 240px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #333 transparent; }
           .picker-list::-webkit-scrollbar { width: 4px; }
           .picker-list::-webkit-scrollbar-track { background: transparent; }
@@ -114,6 +122,10 @@
               <button class="picker-btn" data-action="copy">Copy</button>
               <button class="picker-btn" data-action="record" id="record-btn"><span class="rec-dot"></span><span class="rec-tooltip">Tap Option to stop</span></button>
             </div>
+            <div class="picker-tabs" id="picker-tabs">
+              <button class="picker-tab active" data-tab="above">Above</button>
+              <button class="picker-tab" data-tab="under">Under</button>
+            </div>
             <div class="picker-list" id="picker-list"></div>
           </div>
         </dialog>
@@ -172,6 +184,19 @@
         }
       })
 
+      // tab switching
+      const tabs = shadow.getElementById('picker-tabs')
+      tabs.addEventListener('click', (e) => {
+        const tab = e.target.closest('.picker-tab')
+        if (!tab) return
+        const tabName = tab.dataset.tab
+        if (tabName === currentPickerTab) return
+        currentPickerTab = tabName
+        tabs.querySelectorAll('.picker-tab').forEach((t) => t.classList.remove('active'))
+        tab.classList.add('active')
+        renderPickerList(tabName === 'under' ? currentUnderChain : currentElementChain)
+      })
+
       list.addEventListener('click', (e) => {
         const item = e.target.closest('.picker-item')
         if (!item) return
@@ -181,6 +206,21 @@
           pickerDialog.close()
         }
       })
+
+      // highlight element on hover in the list
+      list.addEventListener('mouseover', (e) => {
+        const item = e.target.closest('.picker-item')
+        if (!item) return
+        const source = item.dataset.source
+        if (!source) return
+        const chain = currentPickerTab === 'under' ? currentUnderChain : currentElementChain
+        const entry = chain.find((c) => c.source === source)
+        if (entry) showOverlay(entry.element, entry.source)
+      })
+
+      list.addEventListener('mouseleave', () => {
+        hideOverlay()
+      })
     }
 
     function flashCopied(btn) {
@@ -649,6 +689,20 @@
       return chain
     }
 
+    function getUnderChain(topElement) {
+      if (!topElement) return []
+      const chain = []
+      const descendants = topElement.querySelectorAll('[data-one-source]')
+      for (const element of descendants) {
+        chain.push({
+          element,
+          source: element.getAttribute('data-one-source'),
+          name: getComponentName(element.getAttribute('data-one-source')),
+        })
+      }
+      return chain
+    }
+
     function getComponentName(source) {
       const parts = source.split(':')
       const filePath = parts.slice(0, -2).join(':')
@@ -657,18 +711,17 @@
       return fileName.replace(/\.(tsx?|jsx?)$/, '')
     }
 
-    function showPicker(x, y, chain) {
-      if (!host) createHost()
-      currentElementChain = chain
-
-      // build list items
+    function renderPickerList(chain) {
       const listEl = shadow.getElementById('picker-list')
+      if (!chain.length) {
+        listEl.innerHTML = '<div class="picker-item" style="color:#555;cursor:default;">No elements</div>'
+        return
+      }
       listEl.innerHTML = chain
         .map((el) => {
           const parts = el.source.split(':')
           const filePath = parts.slice(0, -2).join(':')
           const line = parts[parts.length - 2]
-          // show just filename:line
           const shortFile = filePath.split('/').pop() + ':' + line
           return (
             '<div class="picker-item" data-source="' +
@@ -684,6 +737,38 @@
           )
         })
         .join('')
+    }
+
+    function showPicker(x, y, chain) {
+      if (!host) createHost()
+      currentElementChain = chain
+
+      // get descendants of the top element
+      const topElement = chain.length ? chain[0].element : null
+      currentUnderChain = topElement ? getUnderChain(topElement) : []
+
+      // reset to "above" tab
+      currentPickerTab = 'above'
+      const tabs = shadow.getElementById('picker-tabs')
+      const tabBtns = tabs.querySelectorAll('.picker-tab')
+      tabBtns.forEach((t) => {
+        const isAbove = t.dataset.tab === 'above'
+        t.classList.toggle('active', isAbove)
+      })
+
+      // set tab counts
+      tabBtns.forEach((t) => {
+        const count = t.dataset.tab === 'above' ? chain.length : currentUnderChain.length
+        let countSpan = t.querySelector('.picker-tab-count')
+        if (!countSpan) {
+          countSpan = document.createElement('span')
+          countSpan.className = 'picker-tab-count'
+          t.appendChild(countSpan)
+        }
+        countSpan.textContent = count
+      })
+
+      renderPickerList(chain)
 
       // position picker near click, smart about viewport edges
       const pickerWidth = 320
@@ -711,19 +796,22 @@
       const picker = shadow.getElementById('picker')
       const header = picker.querySelector('.picker-header')
       const actions = picker.querySelector('.picker-actions')
+      const pickerTabs = picker.querySelector('.picker-tabs')
       const list = picker.querySelector('.picker-list')
 
       if (flippedUp) {
         // picker is above click, put actions at bottom (closest to mouse)
         picker.style.flexDirection = 'column'
         header.style.order = '0'
-        list.style.order = '1'
-        actions.style.order = '2'
+        pickerTabs.style.order = '1'
+        list.style.order = '2'
+        actions.style.order = '3'
       } else {
         // picker is below click, put actions at top (closest to mouse)
         picker.style.flexDirection = 'column'
-        header.style.order = '1'
-        list.style.order = '2'
+        header.style.order = '2'
+        pickerTabs.style.order = '1'
+        list.style.order = '3'
         actions.style.order = '0'
       }
 

package/dist/cjs/utils/redirect.cjs

@@ -26,7 +26,7 @@ module.exports = __toCommonJS(redirect_exports);
 var import_getURL = require("../getURL.cjs"),
   import_imperative_api = require("../router/imperative-api.cjs");
 const redirect = (path, status) => {
-  if (process.env.VITE_ENVIRONMENT === "client") {
+  if (process.env.VITE_ENVIRONMENT !== "ssr") {
     import_imperative_api.router.navigate(path);
     return;
   }

package/dist/cjs/utils/redirect.js

@@ -19,7 +19,7 @@ __export(redirect_exports, {
 module.exports = __toCommonJS(redirect_exports);
 var import_getURL = require("../getURL"), import_imperative_api = require("../router/imperative-api");
 const redirect = (path, status) => {
-  if (process.env.VITE_ENVIRONMENT === "client") {
+  if (process.env.VITE_ENVIRONMENT !== "ssr") {
     import_imperative_api.router.navigate(path);
     return;
   }

package/dist/cjs/utils/redirect.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/redirect.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB,sBAEvB,wBAAuB;AAEhB,MAAM,WAAW,CACtB,MACA,WACG;AACH,MAAI,QAAQ,IAAI,qBAAqB,UAAU;AAC7C,iCAAO,SAAS,IAAI;AACpB;AAAA,EACF;AAEA,QAAM,YAAY,KAAK,CAAC,MAAM,MAAM,OAAG,sBAAO,CAAC,GAAG,IAAI,KAAK;AAC3D,SAAO,SAAS,SAAS,WAAqB,MAAM;AACtD;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAuB,sBAEvB,wBAAuB;AAEhB,MAAM,WAAW,CACtB,MACA,WACG;AACH,MAAI,QAAQ,IAAI,qBAAqB,OAAO;AAC1C,iCAAO,SAAS,IAAI;AACpB;AAAA,EACF;AAEA,QAAM,YAAY,KAAK,CAAC,MAAM,MAAM,OAAG,sBAAO,CAAC,GAAG,IAAI,KAAK;AAC3D,SAAO,SAAS,SAAS,WAAqB,MAAM;AACtD;",
   "names": []
 }

package/dist/cjs/utils/redirect.native.js

@@ -28,7 +28,7 @@ module.exports = __toCommonJS(redirect_exports);
 var import_getURL = require("../getURL.native.js"),
   import_imperative_api = require("../router/imperative-api.native.js"),
   redirect = function (path, status) {
-    if (process.env.VITE_ENVIRONMENT === "client") {
+    if (process.env.VITE_ENVIRONMENT !== "ssr") {
       import_imperative_api.router.navigate(path);
       return;
     }

package/dist/cjs/utils/redirect.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","redirect_exports","__export","redirect","module","exports","import_getURL","require","import_imperative_api","path","status","process","env","VITE_ENVIRONMENT","router","navigate","finalPath","getURL","Response"],"sources":["../../../src/utils/redirect.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,gBAEvB;AAEO,IAAAK,aAAiB,GACtBC,OACA,sBACG;EAAAC,qBAAA,GAAAD,OAAA;EAAAJ,QAAA,YAAAA,CAAAM,IAAA,EAAAC,MAAA;IACH,IAAIC,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB,UAAU;MAC7CL,qBAAA,CAAAM,MAAA,CAAOC,QAAA,CAASN,IAAI;MACpB;IACF;IAEA,IAAAO,SAAM,GAAAP,IAAY,GAAK,KAAC,GAAM,MAAM,IAAAH,aAAG,CAAAW,MAAA,MAAQR,IAAG,EAAI,GAAAA,IAAK;IAC3D,OAAOS,QAAA,CAASf,QAAA,CAASa,SAAA,EAAqBN,MAAM;EACtD","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","redirect_exports","__export","redirect","module","exports","import_getURL","require","import_imperative_api","path","status","process","env","VITE_ENVIRONMENT","router","navigate","finalPath","getURL","Response"],"sources":["../../../src/utils/redirect.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAuB,CAAAK,gBAEvB;AAEO,IAAAK,aAAiB,GACtBC,OACA,sBACG;EAAAC,qBAAA,GAAAD,OAAA;EAAAJ,QAAA,YAAAA,CAAAM,IAAA,EAAAC,MAAA;IACH,IAAIC,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB,OAAO;MAC1CL,qBAAA,CAAAM,MAAA,CAAOC,QAAA,CAASN,IAAI;MACpB;IACF;IAEA,IAAAO,SAAM,GAAAP,IAAY,GAAK,KAAC,GAAM,MAAM,IAAAH,aAAG,CAAAW,MAAA,MAAQR,IAAG,EAAI,GAAAA,IAAK;IAC3D,OAAOS,QAAA,CAASf,QAAA,CAASa,SAAA,EAAqBN,MAAM;EACtD","ignoreList":[]}

package/dist/esm/utils/redirect.js

@@ -1,7 +1,7 @@
 import { getURL } from "../getURL";
 import { router } from "../router/imperative-api";
 const redirect = (path, status) => {
-  if (process.env.VITE_ENVIRONMENT === "client") {
+  if (process.env.VITE_ENVIRONMENT !== "ssr") {
     router.navigate(path);
     return;
   }

package/dist/esm/utils/redirect.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/redirect.ts"],
-  "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,cAAc;AAEhB,MAAM,WAAW,CACtB,MACA,WACG;AACH,MAAI,QAAQ,IAAI,qBAAqB,UAAU;AAC7C,WAAO,SAAS,IAAI;AACpB;AAAA,EACF;AAEA,QAAM,YAAY,KAAK,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,IAAI,KAAK;AAC3D,SAAO,SAAS,SAAS,WAAqB,MAAM;AACtD;",
+  "mappings": "AAAA,SAAS,cAAc;AAEvB,SAAS,cAAc;AAEhB,MAAM,WAAW,CACtB,MACA,WACG;AACH,MAAI,QAAQ,IAAI,qBAAqB,OAAO;AAC1C,WAAO,SAAS,IAAI;AACpB;AAAA,EACF;AAEA,QAAM,YAAY,KAAK,CAAC,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,IAAI,KAAK;AAC3D,SAAO,SAAS,SAAS,WAAqB,MAAM;AACtD;",
   "names": []
 }

package/dist/esm/utils/redirect.mjs

@@ -1,7 +1,7 @@
 import { getURL } from "../getURL.mjs";
 import { router } from "../router/imperative-api.mjs";
 const redirect = (path, status) => {
-  if (process.env.VITE_ENVIRONMENT === "client") {
+  if (process.env.VITE_ENVIRONMENT !== "ssr") {
     router.navigate(path);
     return;
   }

package/dist/esm/utils/redirect.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getURL","router","redirect","path","status","process","env","VITE_ENVIRONMENT","navigate","finalPath","Response"],"sources":["../../../src/utils/redirect.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,MAAA,QAAc;AAEhB,MAAMC,QAAA,GAAWA,CACtBC,IAAA,EACAC,MAAA,KACG;EACH,IAAIC,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB,UAAU;IAC7CN,MAAA,CAAOO,QAAA,CAASL,IAAI;IACpB;EACF;EAEA,MAAMM,SAAA,GAAYN,IAAA,CAAK,CAAC,MAAM,MAAM,GAAGH,MAAA,CAAO,CAAC,GAAGG,IAAI,KAAKA,IAAA;EAC3D,OAAOO,QAAA,CAASR,QAAA,CAASO,SAAA,EAAqBL,MAAM;AACtD","ignoreList":[]}
+{"version":3,"names":["getURL","router","redirect","path","status","process","env","VITE_ENVIRONMENT","navigate","finalPath","Response"],"sources":["../../../src/utils/redirect.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,MAAA,QAAc;AAEhB,MAAMC,QAAA,GAAWA,CACtBC,IAAA,EACAC,MAAA,KACG;EACH,IAAIC,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB,OAAO;IAC1CN,MAAA,CAAOO,QAAA,CAASL,IAAI;IACpB;EACF;EAEA,MAAMM,SAAA,GAAYN,IAAA,CAAK,CAAC,MAAM,MAAM,GAAGH,MAAA,CAAO,CAAC,GAAGG,IAAI,KAAKA,IAAA;EAC3D,OAAOO,QAAA,CAASR,QAAA,CAASO,SAAA,EAAqBL,MAAM;AACtD","ignoreList":[]}

package/dist/esm/utils/redirect.native.js

@@ -1,7 +1,7 @@
 import { getURL } from "../getURL.native.js";
 import { router } from "../router/imperative-api.native.js";
 var redirect = function (path, status) {
-  if (process.env.VITE_ENVIRONMENT === "client") {
+  if (process.env.VITE_ENVIRONMENT !== "ssr") {
     router.navigate(path);
     return;
   }

package/dist/esm/utils/redirect.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["getURL","router","redirect","path","status","process","env","VITE_ENVIRONMENT","navigate","finalPath","Response"],"sources":["../../../src/utils/redirect.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,MAAA,QAAc;AAEhB,IAAAC,QAAM,YAAAA,CAEXC,IAAA,EAAAC,MACG;EACH,IAAIC,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB,UAAU;IAC7CN,MAAA,CAAOO,QAAA,CAASL,IAAI;IACpB;EACF;EAEA,IAAAM,SAAM,GAAAN,IAAY,GAAK,KAAC,GAAM,MAAMH,MAAG,KAAQG,IAAG,EAAI,GAAAA,IAAK;EAC3D,OAAOO,QAAA,CAASR,QAAA,CAASO,SAAA,EAAqBL,MAAM;AACtD","ignoreList":[]}
+{"version":3,"names":["getURL","router","redirect","path","status","process","env","VITE_ENVIRONMENT","navigate","finalPath","Response"],"sources":["../../../src/utils/redirect.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AAEvB,SAASC,MAAA,QAAc;AAEhB,IAAAC,QAAM,YAAAA,CAEXC,IAAA,EAAAC,MACG;EACH,IAAIC,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB,OAAO;IAC1CN,MAAA,CAAOO,QAAA,CAASL,IAAI;IACpB;EACF;EAEA,IAAAM,SAAM,GAAAN,IAAY,GAAK,KAAC,GAAM,MAAMH,MAAG,KAAQG,IAAG,EAAI,GAAAA,IAAK;EAC3D,OAAOO,QAAA,CAASR,QAAA,CAASO,SAAA,EAAqBL,MAAM;AACtD","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one",
-  "version": "1.10.2",
+  "version": "1.10.3",
   "license": "BSD-3-Clause",
   "sideEffects": [
     "setup.mjs",
@@ -154,17 +154,17 @@
     "@react-navigation/routers": "~7.5.1",
     "@swc/core": "^1.14.0",
     "@ungap/structured-clone": "^1.2.0",
-    "@vxrn/color-scheme": "1.10.2",
-    "@vxrn/compiler": "1.10.2",
-    "@vxrn/resolve": "1.10.2",
-    "@vxrn/tslib-lite": "1.10.2",
-    "@vxrn/use-isomorphic-layout-effect": "1.10.2",
-    "@vxrn/vite-plugin-metro": "1.10.2",
+    "@vxrn/color-scheme": "1.10.3",
+    "@vxrn/compiler": "1.10.3",
+    "@vxrn/resolve": "1.10.3",
+    "@vxrn/tslib-lite": "1.10.3",
+    "@vxrn/use-isomorphic-layout-effect": "1.10.3",
+    "@vxrn/vite-plugin-metro": "1.10.3",
     "babel-dead-code-elimination": "1.0.10",
     "babel-plugin-module-resolver": "^5.0.2",
     "citty": "^0.1.6",
     "core-js": "^3.38.1",
-    "create-vxrn": "1.10.2",
+    "create-vxrn": "1.10.3",
     "escape-string-regexp": "^5.0.0",
     "expo-linking": "~8.0.8",
     "expo-modules-core": "~3.0.24",
@@ -189,7 +189,7 @@
     "use-latest-callback": "^0.2.3",
     "vite": "^7.1.12",
     "vite-tsconfig-paths": "^6.0.5",
-    "vxrn": "1.10.2",
+    "vxrn": "1.10.3",
     "ws": "^8.18.0",
     "xxhashjs": "^0.2.2"
   },

package/src/utils/redirect.ts

@@ -6,7 +6,7 @@ export const redirect = (
   path: '__branded__' extends keyof OneRouter.Href ? string : OneRouter.Href,
   status?: number
 ) => {
-  if (process.env.VITE_ENVIRONMENT === 'client') {
+  if (process.env.VITE_ENVIRONMENT !== 'ssr') {
     router.navigate(path)
     return
   }