ink-framework 0.1.0-alpha.13 → 0.1.0-alpha.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ink-framework",
-  "version": "0.1.0-alpha.13",
+  "version": "0.1.0-alpha.14",
   "types": "./src/index.ts",
   "exports": {
     ".": "./src/index.ts",

package/src/controller.ts

@@ -16,8 +16,12 @@ export function attachNativeController(
   if (observers.size >= 256) throw new NativeError("busy", "Too many native controllers");
   const id = __inkNextId();
   let disposed = false;
+  let activated = false;
   observers.set(id, observe);
-  const ready = callNative(module, "activate", recipe, { controller: id }).catch(error => {
+  const ready = callNative(module, "activate", recipe, { controller: id }).then(value => {
+    activated = true;
+    return value;
+  }).catch(error => {
     disposed = true;
     observers.delete(id);
     throw error;
@@ -36,7 +40,10 @@ export function attachNativeController(
       if (disposed) return;
       disposed = true;
       observers.delete(id);
-      try { await ready; } catch { return; }
+      // Release an active owner before the next effect attaches its replacement.
+      if (!activated) {
+        try { await ready; } catch { return; }
+      }
       await callNative(module, "deactivate", {}, { controller: id });
     },
   };

package/src/icons.ts

@@ -3259,6 +3259,7 @@ export const forward = "outlined:forward" as IconAsset;
 export const forwardFilled = "filled:forward" as IconAsset;
 export const forward10 = "outlined:forward_10" as IconAsset;
 export const forward10Filled = "filled:forward_10" as IconAsset;
+export const forward15Filled = "filled:forward_15" as IconAsset;
 export const forward30 = "outlined:forward_30" as IconAsset;
 export const forward30Filled = "filled:forward_30" as IconAsset;
 export const forward5 = "outlined:forward_5" as IconAsset;
@@ -6151,6 +6152,7 @@ export const replay = "outlined:replay" as IconAsset;
 export const replayFilled = "filled:replay" as IconAsset;
 export const replay10 = "outlined:replay_10" as IconAsset;
 export const replay10Filled = "filled:replay_10" as IconAsset;
+export const replay15Filled = "filled:replay_15" as IconAsset;
 export const replay30 = "outlined:replay_30" as IconAsset;
 export const replay30Filled = "filled:replay_30" as IconAsset;
 export const replay5 = "outlined:replay_5" as IconAsset;

package/src/index.ts

@@ -78,6 +78,7 @@ export type TextProps<D extends Destination = Destination> = PressProps<D> & {
   align?: "start" | "center" | "end" | "justify";
   maxLines?: number;
   tabularNumbers?: boolean;
+  strikethrough?: boolean;
 }
 
 // Keep text as a host element while checking literal route parameters in JSX.

package/src/playing.ts

@@ -2,7 +2,7 @@ import { createElement, useRef } from "./react";
 import { Screen, ErrorState, type IconAsset } from "./index";
 import { useAction } from "./action";
 import { playbackController } from "./playback-binding";
-import { forward10Filled, forward30Filled, forward5Filled, pauseFilled, playArrowFilled, replay10Filled, replay30Filled, replay5Filled, skipNextFilled, skipPreviousFilled } from "./icons";
+import { forward10Filled, forward15Filled, forward30Filled, forward5Filled, pauseFilled, playArrowFilled, replay10Filled, replay15Filled, replay30Filled, replay5Filled, skipNextFilled, skipPreviousFilled } from "./icons";
 
 type PlaybackAction = () => void | Promise<void>;
 export interface Playback {
@@ -17,7 +17,7 @@ export interface Playback {
 
 export type TransportControl = { onLongPress?: PlaybackAction; disabled?: boolean } & (
   | { kind: "track"; seconds?: never; icon?: never; onPress?: never }
-  | { kind: "skip"; seconds: 5 | 10 | 30; icon?: never; onPress?: never }
+  | { kind: "skip"; seconds: 5 | 10 | 15 | 30; icon?: never; onPress?: never }
   | { kind: "custom"; icon: IconAsset; onPress: PlaybackAction; seconds?: never }
 );
 export type PlayingScreenProps = {
@@ -32,8 +32,8 @@ export type PlayingScreenProps = {
   actions?: readonly (({ icon: IconAsset; label?: never } | { label: string; icon?: never }) & { selected?: boolean; disabled?: boolean; onPress: PlaybackAction })[];
 };
 
-const replayIcons = { 5: replay5Filled, 10: replay10Filled, 30: replay30Filled };
-const forwardIcons = { 5: forward5Filled, 10: forward10Filled, 30: forward30Filled };
+const replayIcons = { 5: replay5Filled, 10: replay10Filled, 15: replay15Filled, 30: replay30Filled };
+const forwardIcons = { 5: forward5Filled, 10: forward10Filled, 15: forward15Filled, 30: forward30Filled };
 
 export function PlayingScreen({ image, preloadImages = [], title, onTitlePress, artists, playback, previous = { kind: "track" }, next = { kind: "track" }, actions = [] }: PlayingScreenProps) {
   const retry = useRef<PlaybackAction>(() => {});