Skip to content

chore: Release 2025-03-20 12:18:56#1

Open
github-actions[bot] wants to merge 1 commit intomainfrom
changeset-release/main
Open

chore: Release 2025-03-20 12:18:56#1
github-actions[bot] wants to merge 1 commit intomainfrom
changeset-release/main

Conversation

@github-actions
Copy link

@github-actions github-actions bot commented Mar 15, 2025

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@lynx-js/web-constants@0.9.0

Minor Changes

Patch Changes

  • feat: nativeModulesUrl of lynx-view is changed to nativeModulesMap, and the usage is completely aligned with napiModulesMap. (#220)

    "warning: This is a breaking change."

    nativeModulesMap will be a map: key is module-name, value should be a esm url which export default a
    function with two parameters(you never need to use this):

    • NativeModules: oriented NativeModules, which you can use to call
      other Native-Modules.

    • NativeModulesCall: trigger onNativeModulesCall, same as the deprecated this.nativeModulesCall.

    example:

    const nativeModulesMap = {
      CustomModule: URL.createObjectURL(
        new Blob(
          [
            `export default function(NativeModules, NativeModulesCall) {
        return {
          async getColor(data, callback) {
            const color = await NativeModulesCall('getColor', data);
            callback(color);
          },
        }
      };`,
          ],
          { type: "text/javascript" }
        )
      ),
    };
    lynxView.nativeModulesMap = nativeModulesMap;

    In addition, we will use Promise.all to load nativeModules, which will optimize performance in the case of multiple modules.

  • Updated dependencies []:

    • @lynx-js/web-worker-rpc@0.9.0

@lynx-js/web-core@0.9.0

Minor Changes

  • feat: nativeModulesUrl of lynx-view is changed to nativeModulesMap, and the usage is completely aligned with napiModulesMap. (#220)

    "warning: This is a breaking change."

    nativeModulesMap will be a map: key is module-name, value should be a esm url which export default a
    function with two parameters(you never need to use this):

    • NativeModules: oriented NativeModules, which you can use to call
      other Native-Modules.

    • NativeModulesCall: trigger onNativeModulesCall, same as the deprecated this.nativeModulesCall.

    example:

    const nativeModulesMap = {
      CustomModule: URL.createObjectURL(
        new Blob(
          [
            `export default function(NativeModules, NativeModulesCall) {
        return {
          async getColor(data, callback) {
            const color = await NativeModulesCall('getColor', data);
            callback(color);
          },
        }
      };`,
          ],
          { type: "text/javascript" }
        )
      ),
    };
    lynxView.nativeModulesMap = nativeModulesMap;

    In addition, we will use Promise.all to load nativeModules, which will optimize performance in the case of multiple modules.

  • refractor: remove entryId concept (#217)

    After the PR feat: use shadowroot to isolate one lynx-view lynx-family/lynx-stack#198
    All contents are isolated by a shadowroot.
    Therefore we don't need to add the entryId selector to avoid the lynx-view's style taking effect on the whole page.

Patch Changes

  • fix: When the width and height of lynx-view are not auto, the width and height of the lynx-tag="page" need to be correctly set to 100%. (#228)

  • Updated dependencies [5b5e090, d2d55ef]:

    • @lynx-js/web-worker-runtime@0.9.0
    • @lynx-js/web-constants@0.9.0
    • @lynx-js/web-worker-rpc@0.9.0

@lynx-js/web-elements@0.5.0

Minor Changes

  • feat(web): The list element supports list-type with flow. (#240)

    It supports all attributes and events under single, and also provides full-span.

    For detailed usage, please refer to the official website.

@lynx-js/web-mainthread-apis@0.9.0

Minor Changes

Patch Changes

  • Updated dependencies [5b5e090, d2d55ef]:
    • @lynx-js/web-constants@0.9.0

@lynx-js/web-worker-runtime@0.9.0

Minor Changes

  • feat: nativeModulesUrl of lynx-view is changed to nativeModulesMap, and the usage is completely aligned with napiModulesMap. (#220)

    "warning: This is a breaking change."

    nativeModulesMap will be a map: key is module-name, value should be a esm url which export default a
    function with two parameters(you never need to use this):

    • NativeModules: oriented NativeModules, which you can use to call
      other Native-Modules.

    • NativeModulesCall: trigger onNativeModulesCall, same as the deprecated this.nativeModulesCall.

    example:

    const nativeModulesMap = {
      CustomModule: URL.createObjectURL(
        new Blob(
          [
            `export default function(NativeModules, NativeModulesCall) {
        return {
          async getColor(data, callback) {
            const color = await NativeModulesCall('getColor', data);
            callback(color);
          },
        }
      };`,
          ],
          { type: "text/javascript" }
        )
      ),
    };
    lynxView.nativeModulesMap = nativeModulesMap;

    In addition, we will use Promise.all to load nativeModules, which will optimize performance in the case of multiple modules.

  • refractor: remove entryId concept (#217)

    After the PR feat: use shadowroot to isolate one lynx-view lynx-family/lynx-stack#198
    All contents are isolated by a shadowroot.
    Therefore we don't need to add the entryId selector to avoid the lynx-view's style taking effect on the whole page.

Patch Changes

  • Updated dependencies [5b5e090, d2d55ef]:
    • @lynx-js/web-constants@0.9.0
    • @lynx-js/web-mainthread-apis@0.9.0
    • @lynx-js/web-worker-rpc@0.9.0

@lynx-js/react@0.105.3

Patch Changes

  • Modified the format of data sent from background threads to the main thread. (#207)

@lynx-js/react-rsbuild-plugin@0.9.3

Patch Changes

  • Updated dependencies [ba26a4d, d2d55ef]:
    • @lynx-js/template-webpack-plugin@0.6.6
    • @lynx-js/web-webpack-plugin@0.6.3
    • @lynx-js/css-extract-webpack-plugin@0.5.2
    • @lynx-js/react-webpack-plugin@0.6.8
    • @lynx-js/react-alias-rsbuild-plugin@0.9.3
    • @lynx-js/react-refresh-webpack-plugin@0.3.2

@lynx-js/template-webpack-plugin@0.6.6

Patch Changes

  • expose main.lynx.bundle to compiler (#231)

@lynx-js/web-webpack-plugin@0.6.3

Patch Changes

  • chore: remove unused file (#217)

@lynx-js/react-alias-rsbuild-plugin@0.9.3

@lynx-js/web-worker-rpc@0.9.0

@github-actions github-actions bot changed the title chore: Release 2025-03-15 03:46:58 chore: Release 2025-03-20 12:18:56 Mar 20, 2025
@github-actions github-actions bot force-pushed the changeset-release/main branch from 0b38e6a to afb42a6 Compare March 20, 2025 12:19
Sherry-hue pushed a commit that referenced this pull request Jan 8, 2026
<!--
  Thank you for submitting a pull request!

We appreciate the time and effort you have invested in making these
changes. Please ensure that you provide enough information to allow
others to review your pull request.

Upon submission, your pull request will be automatically assigned with
reviewers.

If you want to learn more about contributing to this project, please
visit:
https://github.com/lynx-family/lynx-stack/blob/main/CONTRIBUTING.md.
-->

<!-- The AI summary below will be auto-generated - feel free to replace
it with your own. -->

Solves lynx-family#2045

An example log from our examples/react package is as below.

First screen:

<details>

```log
[BackgroundThread Component Render] name: Fragment, uniqID: undefined, __id: undefined
main-thread.js:3421 [ReactLynxDebug] FiberElement API call #1: __CreatePage("0", 0) => page#10
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#2: __GetElementUniqueID(page#10) => 10
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#3: __SetCSSId([page#10], 0)
main-thread.js:3460 [MainThread Component Render] name: App
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#4: __CreateView(10) => view#11
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#5: __CreateView(10) => view#12
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#6: __SetClasses(view#12, "Background")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#7: __AppendElement(view#11, view#12) => view#12
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#8: __CreateView(10) => view#13
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#9: __SetClasses(view#13, "App")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#10: __AppendElement(view#11, view#13) => view#13
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#11: __CreateView(10) => view#14
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#12: __SetClasses(view#14, "Banner")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#13: __AppendElement(view#13, view#14) => view#14
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#14: __CreateWrapperElement(10) => wrapper#15
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#15: __AppendElement(view#14, wrapper#15) => wrapper#15
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#16: __CreateText(10) => text#16
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#17: __SetClasses(text#16, "Title")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#18: __SetAttribute(text#16, "text", "React")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#19: __AppendElement(view#14, text#16) => text#16
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#20: __CreateText(10) => text#17
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#21: __SetClasses(text#17, "Subtitle")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#22: __SetAttribute(text#17, "text", "on Lynx")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#23: __AppendElement(view#14, text#17) => text#17
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#24: __CreateView(10) => view#18
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#25: __SetClasses(view#18, "Content")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#26: __AppendElement(view#13, view#18) => view#18
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#27: __CreateImage(10) => image#19
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#28: __SetClasses(image#19, "Arrow")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#29: __AppendElement(view#18, image#19) => image#19
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#30: __CreateText(10) => text#20
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#31: __SetClasses(text#20, "Description")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#32: __SetAttribute(text#20, "text", "Tap the logo and have fun!")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#33: __AppendElement(view#18, text#20) => text#20
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#34: __CreateText(10) => text#21
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#35: __SetClasses(text#21, "Hint")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#36: __AppendElement(view#18, text#21) => text#21
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#37: __CreateRawText("Edit") => raw-text#22
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#38: __AppendElement(text#21, raw-text#22) => raw-text#22
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#39: __CreateWrapperElement(10) => wrapper#23
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#40: __AppendElement(text#21, wrapper#23) => wrapper#23
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#41: __CreateRawText("to see updates!") => raw-text#24
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#42: __AppendElement(text#21, raw-text#24) => raw-text#24
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#43: __CreateView(10) => view#25
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#44: __SetInlineStyles(view#25, "flex:1")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#45: __AppendElement(view#13, view#25) => view#25
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#46: __AppendElement(page#10, view#11) => view#11
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#47: __SetAttribute(image#19, "src", "http://1.1.1.1:3000/static/image/arrow.aee54ba7.png")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#48: __CreateView(10) => view#26
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#49: __SetClasses(view#26, "Logo")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#50: __ReplaceElement(view#26, wrapper#15)
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#51: __AddEvent(view#26, "bindEvent", "tap", "-3:0:")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#52: __CreateImage(10) => image#27
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#53: __SetClasses(image#27, "Logo--lynx")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#54: __AppendElement(view#26, image#27) => image#27
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#55: __SetAttribute(image#27, "src", "http://1.1.1.1:3000/static/image/lynx-logo.620eb8d1.png")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#56: __CreateText(10) => text#28
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#57: __SetInlineStyles(text#28, "font-style:italic;color:rgba(255, 255, 255, 0.85)")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#58: __ReplaceElement(text#28, wrapper#23)
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#59: __CreateRawText("") => raw-text#29
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#60: __SetAttribute(raw-text#29, "text", " src/App.tsx ")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#61: __AppendElement(text#28, raw-text#29) => raw-text#29
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#62: __OnLifecycleEvent(["rLynxFirstScreen", {"root":"{\"id\":-1,\"type\":\"root\",\"children\":[{\"id\":-5,\"type\":\"__snapshot_835da_b8ae7_1\",\"values\":[\"http://1.1.1.1:3000/static/image/arrow.aee54ba7.png\"],\"children\":[{\"id\":-3,\"type\":\"__snapshot_835da_b8ae7_2\",\"values\":[\"-3:0:\"],\"children\":[{\"id\":-2,\"type\":\"__snapshot_835da_b8ae7_4\",\"values\":[\"http://1.1.1.1:3000/static/image/lynx-logo.620eb8d1.png\"]}]},{\"id\":-4,\"type\":\"__snapshot_835da_b8ae7_5\",\"children\":[{\"id\":-6,\"type\":null,\"values\":[\" src/App.tsx \"]}]}]}]}","jsReadyEventIdSwap":{}}])
background.js:11351 [rspeedy-dev-server] Server started: Hot Module Replacement enabled, Live Reloading enabled, Progress disabled, Overlay disabled.
background.js:3564 [HMR] Waiting for update signal from WDS...
background.js:4476 [BackgroundThread Component Render] name: App, uniqID: __snapshot_835da_b8ae7_1, __id: 2
background.js:4476 [BackgroundThread Component Render] name: Fragment, uniqID: __snapshot_835da_b8ae7_1, __id: 2
background.js:214 Hello, ReactLynx
background.js:8011 [ReactLynxDebug] MTS -> BTS OnLifecycleEvent:
{
  "root": {
    "id": -1,
    "type": "root",
    "children": [
      {
        "id": -5,
        "type": "__snapshot_835da_b8ae7_1",
        "values": [
          "http://1.1.1.1:3000/static/image/arrow.aee54ba7.png"
        ],
        "children": [
          {
            "id": -3,
            "type": "__snapshot_835da_b8ae7_2",
            "values": [
              "-3:0:"
            ],
            "children": [
              {
                "id": -2,
                "type": "__snapshot_835da_b8ae7_4",
                "values": [
                  "http://1.1.1.1:3000/static/image/lynx-logo.620eb8d1.png"
                ]
              }
            ]
          },
          {
            "id": -4,
            "type": "__snapshot_835da_b8ae7_5",
            "children": [
              {
                "id": -6,
                "type": null,
                "values": [
                  " src/App.tsx "
                ]
              }
            ]
          }
        ]
      }
    ]
  },
  "jsReadyEventIdSwap": {}
}
main-thread.js:5801 [ReactLynxDebug] BTS -> MTS updateMainThread:
{
  "data": {
    "patchList": [
      {
        "snapshotPatch": [],
        "id": 2
      }
    ]
  },
  "patchOptions": {
    "isHydration": true,
    "reloadVersion": 0,
    "pipelineOptions": {
      "pipelineID": "0x16c567000_29",
      "needTimestamps": true,
      "pipelineOrigin": "reactLynxHydrate",
      "dsl": "reactLynx",
      "stage": "hydrate"
    }
  }
}
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#63: __FlushElementTree(page#10, {"pipelineOptions":{"pipelineID":"0x16c567000_29","needTimestamps":true,"pipelineOrigin":"reactLynxHydrate","dsl":"reactLynx","stage":"hydrate"}})

```

</details>

Next update:

<details>

```log
[BackgroundThread Component Render] name: App, uniqID: __snapshot_835da_b8ae7_1, __id: -5
main-thread.js:5801 [ReactLynxDebug] BTS -> MTS updateMainThread:
{
  "data": {
    "patchList": [
      {
        "id": 3,
        "snapshotPatch": [
          {
            "op": "RemoveChild",
            "parentId": -3,
            "childId": -2
          },
          {
            "op": "CreateElement",
            "type": "__snapshot_835da_b8ae7_3",
            "id": 7
          },
          {
            "op": "SetAttributes",
            "id": 7,
            "values": [
              "http://1.1.1.1:3000/static/image/react-logo.75eb3837.png"
            ]
          },
          {
            "op": "InsertBefore",
            "parentId": -3,
            "childId": 7,
            "beforeId": null
          }
        ]
      }
    ]
  },
  "patchOptions": {
    "reloadVersion": 0,
    "pipelineOptions": {
      "pipelineID": "0x16c567000_30",
      "needTimestamps": false,
      "pipelineOrigin": "updateTriggeredByBts",
      "dsl": "reactLynx",
      "stage": "update"
    }
  }
}
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#64: __RemoveElement(view#26, image#27) => image#27
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#65: __CreateImage(10) => image#30
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#66: __SetClasses(image#30, "Logo--react")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#67: __SetAttribute(image#30, "src", "http://1.1.1.1:3000/static/image/react-logo.75eb3837.png")
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#68: __AppendElement(view#26, image#30) => image#30
main-thread.js:3421 [ReactLynxDebug] FiberElement API call lynx-family#69: __FlushElementTree(page#10, {"pipelineOptions":{"pipelineID":"0x16c567000_30","needTimestamps":false,"pipelineOrigin":"updateTriggeredByBts","dsl":"reactLynx","stage":"update"}})
```

</details>

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **New Features**
* Enhanced debug logging: structured, dual-thread API-call, lifecycle
and hydration traces when debug mode is enabled.
* **Tests**
* Added and expanded tests and snapshots to validate richer logging,
API-call sequences, and hydration traces.
* **Chores**
* Development-only error messages now include a troubleshooting hint
recommending the debug-mode option for easier diagnosis.

<sub>✏️ Tip: You can customize this high-level summary in your review
settings.</sub>
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

## Checklist

<!--- Check and mark with an "x" -->

- [x] Tests updated (or not required).
- [ ] Documentation updated (or not required).
- [x] Changeset added, and when a BREAKING CHANGE occurs, it needs to be
clearly marked (or not required).
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

0 participants