@rdlabo/ionic-angular-photo-editor 21.0.1 → 21.0.3-3

package/src/lib/services/photo-file.service.ts

@@ -1,161 +0,0 @@
-import { inject, Injectable, signal } from '@angular/core';
-import { ActionSheetController, Platform } from '@ionic/angular/standalone';
-import { Camera, CameraResultType, CameraSource, ImageOptions } from '@capacitor/camera';
-import ImageEditor from 'tui-image-editor';
-import { PhotoEditorErrors } from '../photoEditorErrors';
-import { dictionaryForService } from '../dictionaries';
-import { IDictionaryForService } from '../types';
-
-@Injectable({
-  providedIn: 'root',
-})
-export class PhotoFileService {
-  private readonly $photoMaxSize = signal<number>(1000);
-  private readonly actionSheetCtrl = inject(ActionSheetController);
-  private readonly platform = inject(Platform);
-  private readonly dictionary = signal<IDictionaryForService>(dictionaryForService());
-
-  set photoMaxSize(value: number) {
-    this.$photoMaxSize.set(value);
-  }
-
-  set labels(d: IDictionaryForService) {
-    this.dictionary.update((value) => ({ ...value, ...d }));
-  }
-
-  async loadPhoto(limit: number): Promise<string[]> {
-    /**
-     * Using Input for browser
-     */
-    if (!this.platform.is('capacitor')) {
-      return this.getPictureFromBrowser();
-    }
-
-    const actionSheet = await this.actionSheetCtrl.create({
-      buttons: [
-        {
-          text: this.dictionary().camera,
-          handler: () => {
-            actionSheet.dismiss('camera');
-          },
-        },
-        {
-          text: this.dictionary().album,
-          handler: () => {
-            actionSheet.dismiss('album');
-          },
-        },
-        {
-          text: this.dictionary().cancel,
-          role: 'cancel',
-        },
-      ],
-    });
-    await actionSheet.present();
-    const { data } = await actionSheet.onDidDismiss<'camera' | 'album'>();
-    if (!data) {
-      return Promise.reject(PhotoEditorErrors.cancel);
-    }
-
-    if (data === 'camera') {
-      const defaultCamera: ImageOptions = {
-        quality: 100,
-        width: this.$photoMaxSize(),
-        allowEditing: false,
-        resultType: CameraResultType.DataUrl,
-        source: CameraSource.Camera,
-        presentationStyle: 'popover',
-      };
-      const image = await Camera.getPhoto(defaultCamera).catch(() => undefined);
-      if (!image?.dataUrl) {
-        return Promise.reject(PhotoEditorErrors.cancel);
-      }
-
-      if (!image.dataUrl.includes('capacitor://localhost')) {
-        return [image.dataUrl];
-      }
-      return Promise.all([image.dataUrl].map(async (image) => await this.loadPhotoFromFilePath(image)));
-    }
-
-    if (data === 'album') {
-      const images = await Camera.pickImages({
-        quality: 100,
-        width: this.$photoMaxSize(),
-        limit,
-        presentationStyle: 'popover',
-      }).catch(() => undefined);
-
-      if (!images) {
-        return Promise.reject(PhotoEditorErrors.cancel);
-      }
-
-      return Promise.all(images.photos.map(async (image) => await this.loadPhotoFromFilePath(image.webPath)));
-    }
-
-    // Not run on this line. This is for lint
-    return [];
-  }
-
-  private getPictureFromBrowser(): Promise<string[]> {
-    const inputFile: HTMLInputElement | null = document.querySelector('input#browserPhotoUploader');
-
-    if (!inputFile) {
-      return Promise.reject(PhotoEditorErrors.initialize);
-    }
-
-    return new Promise((resolve, reject) => {
-      const cancelMethod = () => {
-        inputFile!.removeEventListener('cancel', cancelMethod, false);
-        inputFile!.removeEventListener('change', changeMethod, false);
-
-        reject(PhotoEditorErrors.cancel);
-      };
-      const changeMethod = (e: Event) => {
-        inputFile!.removeEventListener('cancel', cancelMethod, false);
-        inputFile!.removeEventListener('change', changeMethod, false);
-
-        if (!(e.target as HTMLInputElement).files || !(e.target as HTMLInputElement).files![0]) {
-          reject(PhotoEditorErrors.cancel);
-        }
-        const file = (e.target as HTMLInputElement).files![0];
-        const reader = new FileReader();
-
-        reader.onload = (() => {
-          if (file.type.indexOf('image') < 0) {
-            reject(PhotoEditorErrors.type);
-          }
-
-          return async (event) => {
-            inputFile.value = '';
-            const result = event.target!.result as string;
-            const data = await this.loadPhotoFromFilePath(result);
-            resolve([data]);
-          };
-        })();
-
-        reader.readAsDataURL(file);
-      };
-
-      inputFile!.addEventListener('cancel', cancelMethod, false);
-      inputFile!.addEventListener('change', changeMethod, false);
-      inputFile.click();
-    });
-  }
-
-  private async loadPhotoFromFilePath(filePath: string): Promise<string> {
-    const defaultInstance = new ImageEditor(document.createElement('div'), {
-      cssMaxWidth: this.$photoMaxSize(),
-      cssMaxHeight: this.$photoMaxSize(),
-    });
-    const blob = await fetch(filePath).then((res) => res.blob());
-    const loaded = await defaultInstance.loadImageFromFile(new File([blob], 'data.png', { type: blob.type }));
-
-    const maxSize = Math.max(loaded.newWidth, loaded.newHeight);
-    const dataUrl = defaultInstance.toDataURL({
-      multiplier: this.$photoMaxSize() / maxSize,
-    });
-    defaultInstance.destroy();
-
-    return dataUrl;
-  }
-}

package/src/lib/types.ts

@@ -1,55 +0,0 @@
-export interface IFilter {
-  name: string;
-  type: string;
-  option: any;
-  data: string;
-  width: number;
-  height: number;
-}
-
-export interface ISize {
-  width: number;
-  height: number;
-}
-
-export interface IDictionaryForEditor {
-  save: string;
-  crop: string;
-  filter: string;
-  brightness: string;
-  original: string;
-  invert: string;
-  sepia: string;
-  vintage: string;
-  blur: string;
-  grayscale: string;
-  sharpen: string;
-  emboss: string;
-}
-
-export interface IFilterPreset {
-  name: string;
-  type: string;
-  option: any;
-}
-
-export interface IPhotoEditorDismiss {
-  value: string;
-}
-
-export interface IPhotoViewerDismiss {
-  delete: {
-    index: number;
-    value: string;
-  };
-}
-
-export interface IDictionaryForViewer {
-  delete: string;
-}
-
-export interface IDictionaryForService {
-  camera: string;
-  album: string;
-  cancel: string;
-}

package/src/public-api.ts

@@ -1,8 +0,0 @@
-/*
- * Public API Surface of photo-editor
- */
-
-export * from './lib/pages/photo-editor/photo-editor.page';
-export * from './lib/pages/photo-viewer/photo-viewer.page';
-export * from './lib/services/photo-file.service';
-export * from './lib/types';

package/tsconfig.lib.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}