@octanejs/tanstack-router 0.1.12 → 0.1.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +4 -4
  2. package/src/Asset.tsrx +2 -4
  3. package/src/Body.ts +1 -2
  4. package/src/Head.ts +1 -2
  5. package/src/Html.ts +1 -2
  6. package/src/ScriptOnce.tsrx +1 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@octanejs/tanstack-router",
3
- "version": "0.1.12",
3
+ "version": "0.1.15",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "engines": {
@@ -58,16 +58,16 @@
58
58
  "isbot": "^5.1.22"
59
59
  },
60
60
  "peerDependencies": {
61
- "octane": "0.1.13"
61
+ "octane": "0.1.16"
62
62
  },
63
63
  "devDependencies": {
64
64
  "@tanstack/react-router": "1.170.18",
65
- "@tsrx/react": "^0.2.46",
65
+ "@tsrx/react": "^0.2.50",
66
66
  "esbuild": "^0.28.1",
67
67
  "react": "^19.2.7",
68
68
  "react-dom": "^19.2.7",
69
69
  "vitest": "^4.1.10",
70
- "octane": "0.1.13"
70
+ "octane": "0.1.16"
71
71
  },
72
72
  "scripts": {
73
73
  "test": "vitest run"
package/src/Asset.tsrx CHANGED
@@ -71,11 +71,9 @@ function mountAsset(props: AssetProps) {
71
71
 
72
72
  export function Asset(props: AssetProps) @{
73
73
  const router = useRouter();
74
- const server = isServer ?? router.isServer;
75
74
  const hydrated = useHydrated();
76
- const renderElement = server || props.target === 'body' && !hydrated;
77
75
 
78
- if (!server) {
76
+ if (!(isServer ?? router.isServer)) {
79
77
  useLayoutEffect(() => mountAsset(props), [
80
78
  props.assetKey,
81
79
  props.attrs,
@@ -85,7 +83,7 @@ export function Asset(props: AssetProps) @{
85
83
  ]);
86
84
  }
87
85
 
88
- @if (renderElement) {
86
+ @if ((isServer ?? router.isServer) || props.target === 'body' && !hydrated) {
89
87
  @switch (props.tag) {
90
88
  @case 'title': {
91
89
  <title {...props.attrs} data-tsr-managed-key={props.assetKey}>
package/src/Body.ts CHANGED
@@ -18,9 +18,8 @@ const HydrationRangeOwner: ComponentBody<Pick<BodyProps, 'children'>> = (props)
18
18
 
19
19
  export const Body: ComponentBody<BodyProps> = (props) => {
20
20
  const router = useRouter();
21
- const server = isServer ?? router.isServer;
22
21
  const { children, ...attrs } = props;
23
- if (server) {
22
+ if (isServer ?? router.isServer) {
24
23
  return createElement(
25
24
  'body',
26
25
  attrs,
package/src/Head.ts CHANGED
@@ -10,9 +10,8 @@ export interface HeadProps {
10
10
 
11
11
  export const Head: ComponentBody<HeadProps> = (props) => {
12
12
  const router = useRouter();
13
- const server = isServer ?? router.isServer;
14
13
  const { children, ...attrs } = props;
15
- if (server) {
14
+ if (isServer ?? router.isServer) {
16
15
  return createElement('head', attrs, children);
17
16
  }
18
17
  if (typeof document !== 'undefined') {
package/src/Html.ts CHANGED
@@ -10,9 +10,8 @@ export interface HtmlProps {
10
10
 
11
11
  export const Html: ComponentBody<HtmlProps> = (props) => {
12
12
  const router = useRouter();
13
- const server = isServer ?? router.isServer;
14
13
  const { children, ...attrs } = props;
15
- if (server) {
14
+ if (isServer ?? router.isServer) {
16
15
  return createElement('html', attrs, children);
17
16
  }
18
17
  return children;
package/src/ScriptOnce.tsrx CHANGED
@@ -4,13 +4,12 @@ import { useRouter } from './context.ts';
4
4
 
5
5
  export function ScriptOnce(props: { children: string }) @{
6
6
  const router = useRouter();
7
- const server = isServer ?? router.isServer;
8
7
  const [hydrating, setHydrating] = useState(true);
9
8
  useEffect(() => {
10
9
  setHydrating(false);
11
10
  }, []);
12
11
 
13
- @if (server || hydrating) {
12
+ @if ((isServer ?? router.isServer) || hydrating) {
14
13
  <script
15
14
  nonce={router.options.ssr?.nonce}
16
15
  dangerouslySetInnerHTML={{