@nativescript-community/ui-image 4.5.3 → 4.5.4

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.5.4](https://github.com/nativescript-community/ui-image/compare/v4.5.3...v4.5.4) (2024-11-12)
+
+**Note:** Version bump only for package @nativescript-community/ui-image
+
 ## [4.5.3](https://github.com/nativescript-community/ui-image/compare/v4.5.2...v4.5.3) (2024-09-11)
 
 **Note:** Version bump only for package @nativescript-community/ui-image

package/index.android.js

@@ -95,6 +95,27 @@ function getUri(src, asNative = true) {
     }
     return asNative ? android.net.Uri.parse(uri) : uri;
 }
+function isVectorDrawable(context, resId) {
+    const resources = context.getResources();
+    // VectorDrawable resources are usually stored as "drawable" in XML format
+    const value = new android.util.TypedValue();
+    resources.getValue(resId, value, true);
+    if (value.string.toString().endsWith('.xml')) {
+        // It's most likely a VectorDrawable
+        return true;
+    }
+    // If it's not a vector, it's probably a BitmapDrawable or another type
+    return false;
+}
+function getBitmapFromVectorDrawable(context, drawableId) {
+    const drawable = Utils.android.getApplicationContext().getDrawable(drawableId);
+    const bitmap = android.graphics.Bitmap.createBitmap(drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight(), android.graphics.Bitmap.Config.ARGB_8888);
+    const canvas = new android.graphics.Canvas(bitmap);
+    drawable.setBounds(0, 0, canvas.getWidth(), canvas.getHeight());
+    drawable.draw(canvas);
+    console.log('getBitmapFromVectorDrawable', bitmap, bitmap.getWidth(), bitmap.getHeight);
+    return new android.graphics.drawable.BitmapDrawable(context.getResources(), bitmap);
+}
 export class ImagePipeline {
     toUri(value) {
         if (value instanceof android.net.Uri) {
@@ -450,19 +471,28 @@ export class Img extends ImageBase {
             }
             if (src) {
                 let drawable;
-                if (src instanceof ImageSource) {
+                if (typeof src === 'string') {
+                    // disabled for now: loading vector drawables
+                    // if (src.indexOf(Utils.RESOURCE_PREFIX) === 0) {
+                    //     const identifier = Utils.android.resources.getDrawableId(src.substring(Utils.RESOURCE_PREFIX.length));
+                    //     if (identifier >= 0 && isVectorDrawable(this._context, identifier)) {
+                    //         drawable = getBitmapFromVectorDrawable(this._context, identifier);
+                    //     }
+                    // } else 
+                    if (Utils.isFontIconURI(src)) {
+                        const fontIconCode = src.split('//')[1];
+                        if (fontIconCode !== undefined) {
+                            // support sync mode only
+                            const font = this.style.fontInternal;
+                            const color = this.style.color;
+                            drawable = new android.graphics.drawable.BitmapDrawable(Utils.android.getApplicationContext().getResources(), ImageSource.fromFontIconCodeSync(fontIconCode, font, color).android);
+                        }
+                    }
+                }
+                else if (src instanceof ImageSource) {
                     drawable = new android.graphics.drawable.BitmapDrawable(Utils.android.getApplicationContext().getResources(), src.android);
                     this.updateViewSize(src.android);
                 }
-                else if (Utils.isFontIconURI(src)) {
-                    const fontIconCode = src.split('//')[1];
-                    if (fontIconCode !== undefined) {
-                        // support sync mode only
-                        const font = this.style.fontInternal;
-                        const color = this.style.color;
-                        drawable = new android.graphics.drawable.BitmapDrawable(Utils.android.getApplicationContext().getResources(), ImageSource.fromFontIconCodeSync(fontIconCode, font, color).android);
-                    }
-                }
                 if (drawable) {
                     const hierarchy = this.nativeImageViewProtected.getHierarchy();
                     hierarchy.setImage(drawable, 1, hierarchy.getFadeDuration() === 0);

package/package.json

@@ -1,10 +1,18 @@
 {
     "name": "@nativescript-community/ui-image",
-    "version": "4.5.3",
+    "version": "4.5.4",
     "description": "Advanced and efficient image display plugin which uses Fresco (Android) and SDWebImage (iOS) to implement caching, placeholders, image effects, and much more.",
     "main": "./index",
     "sideEffects": false,
     "typings": "./index.d.ts",
+    "scripts": {
+        "build": "npm run tsc && npm run readme",
+        "build.all": "npm run build && npm run build.angular",
+        "build.angular": "ng-packagr -p ../../src/image/angular/ng-package.json -c ../../src/image/angular/tsconfig.json && rm angular/.npmignore",
+        "readme": "readme generate -c ../../tools/readme/blueprint.json",
+        "tsc": "cpy '**/*.d.ts' '../../packages/image' --parents --cwd=../../src/image && tsc -skipLibCheck -d",
+        "clean": "rimraf ./*.d.ts ./*.js ./*.js.map"
+    },
     "nativescript": {
         "platforms": {
             "android": "6.0.0",
@@ -36,5 +44,5 @@
     },
     "license": "Apache-2.0",
     "readmeFilename": "README.md",
-    "gitHead": "0fb4c9a3186d01f808791675187f21c0dc40fc4a"
+    "gitHead": "1cbfe131d7851244fbcc4cb37981c2248d64c550"
 }

package/vue/index.mjs

@@ -1,8 +0,0 @@
-import { Img } from '../image';
-const ImagePlugin = {
-    install(Vue) {
-        Vue.registerElement('NSImg', () => Img);
-    }
-};
-export default ImagePlugin;
-//# sourceMappingURL=index.mjs.map