nextia 8.0.3 → 8.0.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nextia",
   "description": "Create fast web applications",
-  "version": "8.0.3",
+  "version": "8.0.5",
   "license": "MIT",
   "type": "module",
   "engines": {
@@ -37,11 +37,10 @@
     "test:coverage": "vitest run --silent --coverage"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^19.0.0"
   },
   "devDependencies": {
-    "@vitejs/plugin-react": "6.0.1",
+    "@vitejs/plugin-react": "6.0.2",
     "@vitest/coverage-v8": "4.1.6",
     "jsdom": "29.1.1",
     "vitest": "4.1.6"

package/src/lib/index.js

@@ -10,7 +10,7 @@
 import { Pagex, useCx, useFx } from './fx.js'
 import { useQueryString, useResize } from './hooks.js'
 import { I18n, Icon, Link, Svg } from './ui.js'
-import { css, startViewTransition } from './utils.js'
+import { css, startViewTransition, version } from './utils.js'
 
 export {
   css,
@@ -23,5 +23,6 @@ export {
   useCx,
   useFx,
   useQueryString,
-  useResize
+  useResize,
+  version
 }

package/src/lib/ui.js

@@ -8,7 +8,7 @@
  */
 
 import { createElement, useEffect, useRef } from 'react'
-import { useCx } from './fx'
+import { useCx } from './fx.js'
 
 function Link({ children, href, value = {}, ...props }) {
   href ??= window.location.hash.split('?')[0]

package/src/lib/utils.js

@@ -7,8 +7,6 @@
  * https://github.com/sinuhedev/nextia
  */
 
-import { flushSync } from 'react-dom'
-
 /**
  * View Transition
  */
@@ -17,7 +15,7 @@ async function startViewTransition(fun = () => {}, ref, animation = 'fade') {
   if (!document.startViewTransition) return fun()
 
   ref.style.viewTransitionName = animation
-  await document.startViewTransition(() => flushSync(fun)).finished
+  await document.startViewTransition(() => fun).finished
   ref.style.viewTransitionName = ''
 }
 
@@ -44,4 +42,20 @@ function css(...classNames) {
     .join(' ')
 }
 
-export { css, startViewTransition }
+/**
+ * getVersion
+ */
+
+const version = () =>
+  Object.fromEntries(
+    document
+      .querySelector('meta[name="version"]')
+      ?.getAttribute('content')
+      .split(', ')
+      .map((item) => {
+        const [key, value] = item.split('=')
+        return [key, value]
+      }) ?? ''
+  )
+
+export { css, startViewTransition, version }