@rspress/runtime 0.0.0-nightly-20231030160438 → 0.0.0-nightly-20231101160508

package/dist/{runtime/NoSSR.d.ts → NoSSR.d.ts}

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare function NoSSR(props: {
   children: React.ReactNode;
-}): JSX.Element;
+}): JSX.Element | null;

package/dist/{runtime/hooks.d.ts → hooks.d.ts}

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 import { PageData } from '@rspress/shared';
 declare global {
   interface Window {
@@ -25,15 +25,5 @@ declare global {
     startViewTransition: (callback: () => void) => void;
   }
 }
-/**
- * There is a pitfall.
- * I was working on the navigation between pages with hash. eg. from `guide/start` -> `config/repress#nav`
- *    I need a time to dispatch an event so that the sideEffect.ts would know that
- *    the dom is attached to the browser. Otherwise the scroll position and the
- *    animation would be incorrect. You can search for `RspressReloadContent` in this codebase
- *    to findout the logic that are consuming the event.
- * The reason I didn't write it here is that I hope the logic of handling scroll and position
- *    could be in one place so that people wouldn't be confused.
- */
-export declare function useViewTransition(dom: any): any;
+export declare function useViewTransition(dom: ReactElement): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export {};

package/dist/{runtime/hooks.js → hooks.js}

@@ -1,4 +1,9 @@
-import { createContext, useContext, useLayoutEffect, useState } from "react";
+import {
+  createContext,
+  useContext,
+  useLayoutEffect,
+  useState
+} from "react";
 import i18nTextData from "virtual-i18n-text";
 import { flushSync } from "react-dom";
 const DataContext = createContext({});

package/dist/{runtime/utils.js → utils.js}

@@ -26,7 +26,8 @@ function normalizeHrefInRuntime(a) {
   return normalizeHref(a, cleanUrls);
 }
 function normalizeImagePath(imagePath) {
-  if (isExternalUrl(imagePath)) {
+  const isProd = isProduction();
+  if (isExternalUrl(imagePath) || !isProd) {
     return imagePath;
   }
   return withBase(imagePath);

package/package.json

@@ -1,22 +1,22 @@
 {
   "name": "@rspress/runtime",
-  "version": "0.0.0-nightly-20231030160438",
+  "version": "0.0.0-nightly-20231101160508",
   "description": "The Runtime of Rspress Documentation Framework",
   "bugs": "https://github.com/web-infra-dev/rspress/issues",
   "repository": {
     "type": "git",
     "url": "https://github.com/web-infra-dev/rspress",
-    "directory": "packages/rspress-runtime"
+    "directory": "packages/runtime"
   },
   "license": "MIT",
   "type": "module",
-  "jsnext:source": "./src/runtime/index.ts",
-  "types": "./dist/runtime/index.d.ts",
-  "main": "./dist/runtime/index.js",
+  "jsnext:source": "./src/index.ts",
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.js",
   "exports": {
     ".": {
-      "types": "./dist/runtime/index.d.ts",
-      "default": "./dist/runtime/index.js"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
     },
     "./server": {
       "default": "./server.js"
@@ -34,7 +34,7 @@
     "react-dom": "^18.2.0",
     "react-helmet-async": "^1.3.0",
     "react-router-dom": "^6.8.1",
-    "@rspress/shared": "0.0.0-nightly-20231030160438"
+    "@rspress/shared": "0.0.0-nightly-20231101160508"
   },
   "devDependencies": {
     "@modern-js/tsconfig": "2.39.0",

package/src/{runtime/hooks.ts → hooks.ts}

@@ -1,4 +1,10 @@
-import { createContext, useContext, useLayoutEffect, useState } from 'react';
+import {
+  ReactElement,
+  createContext,
+  useContext,
+  useLayoutEffect,
+  useState,
+} from 'react';
 import { PageData } from '@rspress/shared';
 import i18nTextData from 'virtual-i18n-text';
 import { flushSync } from 'react-dom';
@@ -55,17 +61,7 @@ declare global {
   }
 }
 
-/**
- * There is a pitfall.
- * I was working on the navigation between pages with hash. eg. from `guide/start` -> `config/repress#nav`
- *    I need a time to dispatch an event so that the sideEffect.ts would know that
- *    the dom is attached to the browser. Otherwise the scroll position and the
- *    animation would be incorrect. You can search for `RspressReloadContent` in this codebase
- *    to findout the logic that are consuming the event.
- * The reason I didn't write it here is that I hope the logic of handling scroll and position
- *    could be in one place so that people wouldn't be confused.
- */
-export function useViewTransition(dom) {
+export function useViewTransition(dom: ReactElement) {
   /**
    * use a pesudo element to hold the actual JSX element so we can schedule the
    * update later in sync

package/src/{runtime/utils.ts → utils.ts}

@@ -36,7 +36,8 @@ export function normalizeHrefInRuntime(a: string) {
 }
 
 export function normalizeImagePath(imagePath: string) {
-  if (isExternalUrl(imagePath)) {
+  const isProd = isProduction();
+  if (isExternalUrl(imagePath) || !isProd) {
     return imagePath;
   }
 

package/dist/runtime/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "rootDir": ".",
-    "baseUrl": ".",
-    "skipLibCheck": true,
-    "jsx": "react-jsx",
-    "esModuleInterop": true
-  },
-  "include": ["./**/*", "../../server.js"]
-}

package/src/runtime/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "rootDir": ".",
-    "baseUrl": ".",
-    "skipLibCheck": true,
-    "jsx": "react-jsx",
-    "esModuleInterop": true
-  },
-  "include": ["./**/*", "../../server.js"]
-}