anywidget - @anywidget/vite@0.2.2

Patch Changes

• Normalize possible AFM inputs to an AFM object when using Vite HMR. (#881)

Scientific Software - Peer-reviewed - Python
Published by github-actions[bot] 7 months ago

anywidget - @anywidget/svelte@0.1.0

This release deliberately contains backwards-incompatible changes. To avoid automatically picking up releases like this, you should either be pinning the exact version of @anywidget/svelte in your package.json file or be using a version range syntax that only accepts patch upgrades such as ~0.0.1.

• Migrate to Svelte 5 signals API (#869)

  The @anywidget/svelte now uses Svelte 5's new runes reactivity system (aka signals). The context-based implementation has been replaced with reactive model bindings using createSubscriber.

  Update your Svelte dependency to version 5:

  bash npm install svelte@^5.0.0

  Ensure Svelte 5 runes are enabled in your bundler configuration:

  js // rolldown.config.js or rollup.config.js svelte({ compilerOptions: { runes: true, }, });

  The previous API used Svelte 4 and exposed model values via the stores proxy:

  ```svelte

  $count += 1}>Count is {$count} ```

  With Svelte 5, @anywidget/svelte now uses direct reactive bindings and the $props() rune:

  ```svelte

  bindings.count++}>Count is {bindings.count} ```

  This is a breaking change. The old stores API and getContext-based access are no longer supported. You must update your components to use the new bindings prop via $props().

  See manzt/ipyfoo-svelte for a complete example.

Scientific Software - Peer-reviewed - Python
Published by github-actions[bot] 9 months ago

anywidget - create-anywidget@0.8.3

Patch Changes

• Upgrade @clack/prompts to avoid using placeholder values (#868)

Scientific Software - Peer-reviewed - Python
Published by github-actions[bot] 9 months ago

anywidget - @anywidget/vue@0.1.0

Minor Changes

• Initial release (1c5f07a)

  Thanks to @aryan02420, we now support Vue with an official framework bridge—similar to our React and Svelte bindings.

  Unlike @anywidget/react, the useModelState hook returns a Vue ShallowRef that you can update directly (e.g. value++), aligning with Vue’s reactivity model.

  ```javascript // src/index.js import { createRender } from "@anywidget/vue"; import CounterWidget from "./CounterWidget.vue";

  const render = createRender(CounterWidget); export default { render }; ```

  ```html <!-- src/CounterWidget.vue -->