@octane-xplat/gif 0.1.0 → 0.7.1

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2026 Alec Larson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/dist/native/index.js

@@ -1,6 +1,6 @@
 import { defineUniversalComponent, registerElement, universalPlan, universalValue } from "@nativescript-community/octane";
 import { Img } from "@nativescript-community/ui-image";
-//#region src/AnimatedImage.native.tsrx
+//#region src/AnimatedImage.tsrx
 var __octaneUniversalPlan0 = universalPlan("nativescript", {
 	"kind": "host",
 	"type": "animatedimage",

package/dist/native/octane-client-build.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "buildId": "6d4d5e50-5abb-4b45-9287-419436cba763",
+  "buildId": "9548aea3-5773-43db-8c9c-63904df2b879",
   "mode": "production",
   "capabilities": {
     "independentHydration": false

package/dist/web/octane-client-build.json

@@ -1,6 +1,6 @@
 {
   "version": 1,
-  "buildId": "bdcff4a8-56d9-4b9d-82b0-696a3d259344",
+  "buildId": "2b1aca33-1496-413d-a7a0-d4b6e4f2d591",
   "mode": "production",
   "capabilities": {
     "independentHydration": false

package/package.json

@@ -1,7 +1,27 @@
 {
   "name": "@octane-xplat/gif",
-  "version": "0.1.0",
-  "description": "Animated image (GIF/animated webp) leaf for Octane xplat — web <img> + @nativescript-community/ui-image",
+  "version": "0.7.1",
+  "description": "Animated images (GIF/animated webp) for Octane xplat — web <img> + @nativescript-community/ui-image",
+  "keywords": [
+    "octane",
+    "xplat",
+    "cross-platform",
+    "gif",
+    "animated-image",
+    "animated-webp",
+    "image",
+    "nativescript",
+    "ios",
+    "android",
+    "web"
+  ],
+  "license": "MIT",
+  "homepage": "https://github.com/octane-xplat/octane-xplat/tree/main/packages/gif",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/octane-xplat/octane-xplat.git",
+    "directory": "packages/gif"
+  },
   "files": [
     "dist",
     "types",
@@ -10,9 +30,19 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./types/index.d.ts",
-      "web": "./dist/web/index.js",
-      "native": "./dist/native/index.js",
+      "macos": {
+        "types": "./types/index.macos.d.ts",
+        "default": "./src/index.macos.ts"
+      },
+      "web": {
+        "types": "./types/generated/index.web.d.ts",
+        "default": "./dist/web/index.js"
+      },
+      "native": {
+        "types": "./types/generated/index.d.ts",
+        "default": "./dist/native/index.js"
+      },
+      "types": "./types/generated/index.d.ts",
       "default": "./dist/native/index.js"
     }
   },
@@ -25,15 +55,17 @@
   "devDependencies": {
     "@nativescript-community/octane": "0.2.1",
     "@nativescript/core": "9.1.2",
-    "@octanejs/vite-plugin": "0.1.60",
-    "octane": "0.5.0",
+    "@octanejs/vite-plugin": "0.1.61",
+    "@tsrx/typescript-plugin": "0.4.11",
+    "octane": "0.6.3",
+    "tsrx-typegen": "0.1.0",
     "typescript": "5.9.3",
     "vite": "8.3.0"
   },
   "peerDependencies": {
     "@nativescript-community/octane": ">=0.2.1 <1",
     "@nativescript/core": ">=9.1.0 <10",
-    "octane": ">=0.1.51 <1"
+    "octane": ">=0.6.3 <1"
   },
   "peerDependenciesMeta": {
     "@nativescript-community/octane": {
@@ -44,6 +76,7 @@
     }
   },
   "scripts": {
-    "build": "vite build && vite build --mode native && tsc -p tsconfig.types.json"
+    "build": "vite build && vite build --mode native && tsrx-typegen --target octane && node ../../scripts/check-native-dist.mjs",
+    "test:packed": "node tests/packed-consumer.mjs"
   }
 }

package/src/AnimatedImage.macos.tsrx

@@ -0,0 +1,7 @@
+/** @jsxImportSource @xplat/macos/renderer */
+import type { AnimatedImageProps } from './props'
+
+/** Show an explicit placeholder until the AppKit host has an animation view. */
+export function AnimatedImage(_props: AnimatedImageProps) @{
+	<label className="vx-unsupported">Animated images are unsupported by the AppKit host</label>
+}

package/src/{AnimatedImage.native.tsrx → AnimatedImage.tsrx}

@@ -1,15 +1,8 @@
 /** @jsxImportSource @nativescript-community/octane */
 import { registerElement } from '@nativescript-community/octane';
-import type { Attributes } from '@nativescript-community/octane/intrinsics';
 import { Img } from '@nativescript-community/ui-image';
 import type { AnimatedImageProps } from './props';
 
-declare module '@nativescript-community/octane/intrinsics' {
-	interface NativeScriptElements {
-		animatedimage: Attributes<typeof Img>;
-	}
-}
-
 // @nativescript-community/ui-image — Fresco DraweeView on Android,
 // SDAnimatedImageView on iOS when `animatedImageView` is set (plain UIImageView
 // otherwise, which would still decode but not animate).

package/src/index.macos.ts

@@ -0,0 +1,2 @@
+export { AnimatedImage } from './AnimatedImage.macos.tsrx'
+export type { AnimatedImageProps } from './props'

package/src/{index.native.ts → index.ts}

@@ -1,4 +1,4 @@
 // Platform barrels — explicit .tsrx leaf imports (moduleSuffixes don't
 // reach .tsrx; same convention as @octane-xplat/ui index.*.ts).
-export { AnimatedImage } from './AnimatedImage.native.tsrx';
+export { AnimatedImage } from './AnimatedImage.tsrx';
 export type { AnimatedImageProps } from './props';

package/src/native-elements.d.ts

@@ -0,0 +1,8 @@
+import { Img } from '@nativescript-community/ui-image'
+import type { Attributes } from '@nativescript-community/octane/intrinsics'
+
+declare module '@nativescript-community/octane/intrinsics' {
+	interface NativeScriptElements {
+		animatedimage: Attributes<typeof Img>
+	}
+}

package/types/generated/.tsrx-typegen-manifest.json

@@ -0,0 +1,10 @@
+{
+  "version": 1,
+  "files": [
+    "AnimatedImage.d.ts",
+    "AnimatedImage.web.d.ts",
+    "index.d.ts",
+    "index.web.d.ts",
+    "props.d.ts"
+  ]
+}

package/types/generated/AnimatedImage.d.ts

@@ -0,0 +1,6 @@
+import type { AnimatedImageProps } from './props.js';
+/**  AnimatedImage — GIF/animated-webp decode + autoplay via ui-image. `src`
+ *  takes the Img grammar: remote URL, res://name, ~/bundle path, file path.
+ *  There is intentionally no play/pause prop — <img> can't pause on web, so
+ *  the shared contract is always-playing. */
+export declare function AnimatedImage(props: AnimatedImageProps): unknown;

package/types/generated/AnimatedImage.web.d.ts

@@ -0,0 +1,5 @@
+/** @jsxImportSource octane */
+import type { AnimatedImageProps } from './props.js';
+/**  AnimatedImage — a plain <img>; browsers animate GIF/webp natively.
+ *  `stretch` maps to object-fit. */
+export declare function AnimatedImage(props: AnimatedImageProps): import("octane/jsx-runtime").JSX.Element;

package/types/generated/index.d.ts

@@ -0,0 +1,2 @@
+export { AnimatedImage } from './AnimatedImage.js';
+export type { AnimatedImageProps } from './props.js';

package/types/generated/index.web.d.ts

@@ -0,0 +1,2 @@
+export { AnimatedImage } from './AnimatedImage.web.js';
+export type { AnimatedImageProps } from './props.js';

package/types/index.macos.d.ts

@@ -0,0 +1,4 @@
+import type { AnimatedImageProps } from './generated/props.js'
+
+export type { AnimatedImageProps } from './generated/props.js'
+export declare function AnimatedImage(props: AnimatedImageProps): unknown

package/types/index.d.ts

@@ -1,8 +0,0 @@
-// Boundary types for @octane-xplat/gif — the mechanical wrapper over
-// props.ts (tsrx-tsc can't emit .tsrx declarations; see ui/types/index.d.ts
-// for the same pattern).
-import type { UniversalComponent } from 'octane/universal'
-import type { AnimatedImageProps } from './props'
-
-export declare const AnimatedImage: UniversalComponent<AnimatedImageProps>
-export type { AnimatedImageProps }