@lynx-js/react-canary 0.115.0 → 0.115.1-canary-20251208-a01fa58b

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lynx-js/react
 
+## 0.115.1-canary-20251208100710-a01fa58b9801a6f163a067063ab448fc4fb0ea5a
+
+### Patch Changes
+
+- Auto define lynx.loadLazyBundle when using `import(/* relative path */)`. ([#1956](https://github.com/lynx-family/lynx-stack/pull/1956))
+
 ## 0.115.0
 
 ### Minor Changes
@@ -68,11 +74,11 @@
 - Support testing React Compiler in testing library. Enable React Compiler by setting the `experimental_enableReactCompiler` option of `createVitestConfig` to `true`. ([#1269](https://github.com/lynx-family/lynx-stack/pull/1269))
 
   ```js
-  import { defineConfig, mergeConfig } from 'vitest/config';
-  import { createVitestConfig } from '@lynx-js/react/testing-library/vitest-config';
+  import { defineConfig, mergeConfig } from "vitest/config";
+  import { createVitestConfig } from "@lynx-js/react/testing-library/vitest-config";
 
   const defaultConfig = await createVitestConfig({
-    runtimePkgName: '@lynx-js/react',
+    runtimePkgName: "@lynx-js/react",
     experimental_enableReactCompiler: true,
   });
 
@@ -102,7 +108,7 @@
   ```tsx
   function App() {
     function handleInnerTap(event: MainThread.TouchEvent) {
-      'main thread';
+      "main thread";
       event.stopPropagation();
       // Or stop immediate propagation with
       // event.stopImmediatePropagation();
@@ -200,10 +206,10 @@
 - Add `animate` API in Main Thread Script(MTS), so you can now control a CSS animation imperatively ([#1534](https://github.com/lynx-family/lynx-stack/pull/1534))
 
   ```ts
-  import type { MainThread } from '@lynx-js/types';
+  import type { MainThread } from "@lynx-js/types";
 
   function startAnimation(ele: MainThread.Element) {
-    'main thread';
+    "main thread";
     const animation = ele.animate([{ opacity: 0 }, { opacity: 1 }], {
       duration: 3000,
     });
@@ -232,7 +238,7 @@
 - Supports `recyclable` attribute in `<list-item>` to control whether the list item is recyclable. The `recyclable` attribute depends on Lynx Engine 3.4 or later. ([#1388](https://github.com/lynx-family/lynx-stack/pull/1388))
 
   ```jsx
-  <list-item recyclable={false} />;
+  <list-item recyclable={false} />
   ```
 
 - feat: Support using a host element as direct child of Suspense ([#1455](https://github.com/lynx-family/lynx-stack/pull/1455))
@@ -253,7 +259,7 @@
 
   ```ts
   function handleTap() {
-    'main thread';
+    "main thread";
     // The following check always returned false before this fix
     if (myHandleTap) {
       runOnBackground(myHandleTap)();
@@ -314,10 +320,10 @@
   Add the import to `@lynx-js/react/debug` at the first line of the entry:
 
   ```js
-  import '@lynx-js/react/debug';
-  import { root } from '@lynx-js/react';
+  import "@lynx-js/react/debug";
+  import { root } from "@lynx-js/react";
 
-  import { App } from './App.jsx';
+  import { App } from "./App.jsx";
 
   root.render(<App />);
   ```
@@ -327,9 +333,9 @@
   For example, you can use it like this:
 
   ```jsx
-  <list-item defer={{ unmountRecycled: true }} item-key='1'>
+  <list-item defer={{ unmountRecycled: true }} item-key="1">
     <WillBeUnmountIfRecycled />
-  </list-item>;
+  </list-item>
   ```
 
   Now the component will be unmounted when it is recycled, which can help with performance in certain scenarios.
@@ -337,7 +343,7 @@
 - Avoid some unexpected `__SetAttribute` in hydrate when `undefined` is passed as an attribute value to intrinsic elements, for example: ([#1318](https://github.com/lynx-family/lynx-stack/pull/1318))
 
   ```jsx
-  <image async-mode={undefined} />;
+  <image async-mode={undefined} />
   ```
 
 ## 0.111.1
@@ -383,7 +389,7 @@
 - Supports `act` in testing library. ([#1182](https://github.com/lynx-family/lynx-stack/pull/1182))
 
   ```js
-  import { act } from '@lynx-js/react/testing-library';
+  import { act } from "@lynx-js/react/testing-library";
 
   act(() => {
     // ...
@@ -489,8 +495,7 @@
      * 3: Full Resolution - Batch render with async property and element tree resolution for list item subtree
      */
     experimental-batch-render-strategy={3}
-  >
-  </list>;
+  ></list>
   ```
 
 - rename @lynx-js/test-environment to @lynx-js/testing-environment ([#704](https://github.com/lynx-family/lynx-stack/pull/704))
@@ -608,7 +613,7 @@
   You can now use `useErrorBoundary` it in TypeScript like this:
 
   ```tsx
-  import { useErrorBoundary } from '@lynx-js/react';
+  import { useErrorBoundary } from "@lynx-js/react";
   ```
 
 - Modified the format of data sent from background threads to the main thread. ([#207](https://github.com/lynx-family/lynx-stack/pull/207))
@@ -660,13 +665,13 @@
   Now you can get the return value from `runOnBackground()` and `runOnMainThread()`, which enables more flexible data flow between the main thread and the background thread.
 
   ```js
-  import { runOnBackground } from '@lynx-js/react';
+  import { runOnBackground } from "@lynx-js/react";
 
   const onTap = async () => {
-    'main thread';
+    "main thread";
     const text = await runOnBackground(() => {
-      'background only';
-      return 'Hello, world!';
+      "background only";
+      return "Hello, world!";
     })();
     console.log(text);
   };
@@ -701,9 +706,9 @@
 
   ```ts
   // These imports will be removed from the final bundle
-  import type { Foo } from 'xyz';
-  import { type Bar } from 'xyz';
-  import { xyz } from 'xyz'; // When xyz is not used
+  import type { Foo } from "xyz";
+  import { type Bar } from "xyz";
+  import { xyz } from "xyz"; // When xyz is not used
   ```
 
   See [TypeScript - verbatimModuleSyntax](https://www.typescriptlang.org/tsconfig/#verbatimModuleSyntax) for details.
@@ -743,7 +748,7 @@
     const f = undefined;
 
     function mts() {
-      'main thread';
+      "main thread";
       // throws in background rendering
       f && runOnBackground(f)();
     }
@@ -777,14 +782,14 @@
 - a30c83d: Add `compat.removeComponentAttrRegex`.
 
   ```js
-  import { pluginReactLynx } from '@lynx-js/react-rsbuild-plugin';
-  import { defineConfig } from '@lynx-js/rspeedy';
+  import { pluginReactLynx } from "@lynx-js/react-rsbuild-plugin";
+  import { defineConfig } from "@lynx-js/rspeedy";
 
   export default defineConfig({
     plugins: [
       pluginReactLynx({
         compat: {
-          removeComponentAttrRegex: 'YOUR REGEX',
+          removeComponentAttrRegex: "YOUR REGEX",
         },
       }),
     ],
@@ -870,22 +875,22 @@
   Gesture Handler is a set of gesture handling capabilities built on top of the Main Thread Script. It currently supports drag, inertial scrolling, long press, and tap gestures for `<view>`, `<scroll-view>`, `<list>`, and `<text>`. In the future, it will also support multi-finger zoom, multi-finger rotation, and other gesture capabilities.
 
   ```tsx
-  import { useGesture, PanGesture } from '@lynx-js/gesture-runtime';
+  import { useGesture, PanGesture } from "@lynx-js/gesture-runtime";
 
   function App() {
     const pan = useGesture(PanGesture);
 
     pan
       .onBegin((event, stateManager) => {
-        'main thread';
+        "main thread";
         // some logic
       })
       .onUpdate((event, stateManager) => {
-        'main thread';
+        "main thread";
         // some logic
       })
       .onEnd((event, stateManager) => {
-        'main thread';
+        "main thread";
         // some logic
       });
 
@@ -905,7 +910,7 @@
       return;
     }
 
-    console.log('not __LEPUS__'); // This can be removed now
+    console.log("not __LEPUS__"); // This can be removed now
   }
   ```
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/react-canary",
-  "version": "0.115.0",
+  "version": "0.115.1-canary-20251208-a01fa58b",
   "description": "ReactLynx is a framework for developing Lynx applications with familiar React.",
   "repository": {
     "type": "git",

package/refresh/.turbo/turbo-build.log

@@ -5,7 +5,7 @@
   Rslib v0.15.0
 
 info    build started...
-ready   built in 0.17 s
+ready   built in 0.31 s
 
 File (esm)      Size      
 dist/index.js   10.1 kB

package/runtime/lib/index.d.ts

@@ -1,10 +1,9 @@
 import './lynx.js';
 import './lynx/component.js';
-import { Children, Fragment, cloneElement, createElement, createRef, forwardRef, isValidElement, memo, useSyncExternalStore } from 'preact/compat';
+import { Children, Fragment, cloneElement, createElement, createRef, forwardRef, isValidElement, lazy, memo, useSyncExternalStore } from 'preact/compat';
 import { Suspense } from './lynx/suspense.js';
 export { Component, createContext } from 'preact';
 export { PureComponent } from 'preact/compat';
 export * from './hooks/react.js';
-declare const lazy: typeof import('preact/compat').lazy;
 export { Children, createRef, Fragment, isValidElement, memo, forwardRef, Suspense, lazy, createElement, cloneElement, useSyncExternalStore, };
 export * from './lynx-api.js';

package/runtime/lib/index.js

@@ -3,17 +3,12 @@
 // LICENSE file in the root directory of this source tree.
 import './lynx.js';
 import './lynx/component.js';
-import { Children, Component, Fragment, PureComponent, cloneElement, createContext, createElement, createRef, forwardRef, isValidElement, memo, lazy as preactLazy, useSyncExternalStore, } from 'preact/compat';
+import { Children, Component, Fragment, PureComponent, cloneElement, createContext, createElement, createRef, forwardRef, isValidElement, lazy, memo, useSyncExternalStore, } from 'preact/compat';
 import { useCallback, useContext, useDebugValue, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, } from './hooks/react.js';
-import { loadLazyBundle } from './lynx/lazy-bundle.js';
 import { Suspense } from './lynx/suspense.js';
 export { Component, createContext } from 'preact';
 export { PureComponent } from 'preact/compat';
 export * from './hooks/react.js';
-const lazy = /*#__PURE__*/ (() => {
-    lynx.loadLazyBundle = loadLazyBundle;
-    return preactLazy;
-})();
 /**
  * @internal
  */

package/runtime/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAE1D,OAAO,WAAW,CAAC;AACnB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,EACb,SAAS,EACT,UAAU,EACV,cAAc,EACd,IAAI,EACJ,IAAI,IAAI,UAAU,EAClB,oBAAoB,GACrB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,WAAW,EACX,UAAU,EACV,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,eAAe,EACf,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,GACT,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AAEjC,MAAM,IAAI,GAAwC,aAAa,CAAC,CAAC,GAAG,EAAE;IACpE,IAAI,CAAC,cAAc,GAAG,cAAc,CAAC;IACrC,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC,EAAE,CAAC;AAEL;;GAEG;AACH,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,eAAe;IACf,MAAM;IACN,mBAAmB;IACnB,OAAO;IACP,WAAW;IACX,UAAU;IACV,aAAa;IACb,oBAAoB;IAEpB,aAAa;IACb,SAAS;IACT,QAAQ;IACR,cAAc;IACd,QAAQ;IACR,SAAS;IACT,aAAa;IACb,IAAI;IACJ,UAAU;IACV,QAAQ;IACR,IAAI;IACJ,aAAa;CACd,CAAC;AAEF,OAAO,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,oBAAoB,GACrB,CAAC;AAEF,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAE1D,OAAO,WAAW,CAAC;AACnB,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,aAAa,EACb,aAAa,EACb,SAAS,EACT,UAAU,EACV,cAAc,EACd,IAAI,EACJ,IAAI,EACJ,oBAAoB,GACrB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,WAAW,EACX,UAAU,EACV,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,eAAe,EACf,OAAO,EACP,UAAU,EACV,MAAM,EACN,QAAQ,GACT,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AAEjC;;GAEG;AACH,eAAe;IACb,QAAQ;IACR,QAAQ;IACR,UAAU;IACV,SAAS;IACT,eAAe;IACf,MAAM;IACN,mBAAmB;IACnB,OAAO;IACP,WAAW;IACX,UAAU;IACV,aAAa;IACb,oBAAoB;IAEpB,aAAa;IACb,SAAS;IACT,QAAQ;IACR,cAAc;IACd,QAAQ;IACR,SAAS;IACT,aAAa;IACb,IAAI;IACJ,UAAU;IACV,QAAQ;IACR,IAAI;IACJ,aAAa;CACd,CAAC;AAEF,OAAO,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,oBAAoB,GACrB,CAAC;AAEF,cAAc,eAAe,CAAC"}

package/testing-library/dist/vitest.config.js

@@ -192,6 +192,11 @@ const createVitestConfig = async (options)=>{
                         target: 'MIXED'
                     },
                     engineVersion: options?.engineVersion ?? '',
+                    dynamicImport: {
+                        injectLazyBundle: false,
+                        layer: 'test',
+                        runtimePkg: `${runtimePkgName}/internal`
+                    },
                     directiveDCE: false,
                     defineDCE: false,
                     shake: false,