@leafer/miniapp-core 2.0.2

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2023-present, Chao (Leafer) Wan
+
+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/README.md

@@ -0,0 +1 @@
+# @leafer/miniapp-core

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@leafer/miniapp-core",
+  "version": "2.0.2",
+  "description": "@leafer/miniapp-core",
+  "author": "Chao (Leafer) Wan",
+  "license": "MIT",
+  "main": "src/index.ts",
+  "types": "types/index.d.ts",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/leaferjs/leafer.git"
+  },
+  "homepage": "https://github.com/leaferjs/leafer/tree/main/packages/core/miniapp-core",
+  "bugs": "https://github.com/leaferjs/leafer/issues",
+  "keywords": [
+    "leafer miniapp",
+    "leafer-miniapp",
+    "leafer",
+    "leaferjs"
+  ],
+  "dependencies": {
+    "@leafer/core": "2.0.2",
+    "@leafer/canvas-miniapp": "2.0.2",
+    "@leafer/image-miniapp": "2.0.2",
+    "@leafer/partner": "2.0.2",
+    "@leafer/interface": "2.0.2"
+  }
+}

package/src/index.ts

@@ -0,0 +1,150 @@
+export * from '@leafer/core'
+
+export * from '@leafer/canvas-miniapp'
+export * from '@leafer/image-miniapp'
+
+import { ICanvasType, ICreator, IExportFileType, IExportImageType, IResponseType, IFunction, IObject, IMiniappSelect, IMiniappSizeView, IBoundsData, IImageCrossOrigin, ILeaferImage } from '@leafer/interface'
+import { Platform, Creator, FileHelper, defineKey } from '@leafer/core'
+
+import { LeaferCanvas } from '@leafer/canvas-miniapp'
+import { LeaferImage } from '@leafer/image-miniapp'
+
+
+Object.assign(Creator, {
+    canvas: (options?, manager?) => new LeaferCanvas(options, manager),
+    image: (options) => new LeaferImage(options)
+} as ICreator)
+
+
+export function useCanvas(_canvasType: ICanvasType, app?: IObject): void {
+    Platform.origin = {
+        createCanvas: (width: number, height: number, _format?: string) => {
+            const data = { type: '2d', width, height }
+            return app.createOffscreenCanvas ? app.createOffscreenCanvas(data) : app.createOffScreenCanvas(data) // fix: 微信小游戏居然使用的是Screen大写的 wx.createOffScreenCanvas() [踩坑]
+        },
+        canvasToDataURL: (canvas: IObject, type?: IExportImageType, quality?: number) => canvas.toDataURL(FileHelper.mimeType(type), quality),
+        canvasToBolb: (canvas: IObject, type?: IExportFileType, quality?: number) => canvas.toBuffer(type, { quality }),
+        canvasSaveAs: (canvas: IObject, filePath: string, quality?: any) => {
+            let data: string = canvas.toDataURL(FileHelper.mimeType(FileHelper.fileType(filePath)), quality)
+            data = data.substring(data.indexOf('64,') + 3)
+            return Platform.origin.download(data, filePath)
+        },
+        download(data: string, filePath: string): Promise<void> {
+            return new Promise((resolve, reject) => {
+                let toAlbum: boolean
+                if (!filePath.includes('/')) {
+                    filePath = `${app.env.USER_DATA_PATH}/` + filePath
+                    toAlbum = true
+                }
+                const fs = app.getFileSystemManager()
+                fs.writeFile({
+                    filePath,
+                    data,
+                    encoding: 'base64',
+                    success() {
+                        if (toAlbum) {
+                            Platform.miniapp.saveToAlbum(filePath).then(() => {
+                                fs.unlink({ filePath })
+                                resolve()
+                            })
+                        } else {
+                            resolve()
+                        }
+
+                    },
+                    fail(error: any) {
+                        reject(error)
+                    }
+                })
+            })
+        },
+        loadImage(src: string, _crossOrigin?: IImageCrossOrigin, _leaferImage?: ILeaferImage): Promise<HTMLImageElement> {
+            return new Promise((resolve, reject) => {
+                const img = Platform.canvas.view.createImage()
+                img.onload = () => { resolve(img) }
+                img.onerror = (error: any) => { reject(error) }
+                img.src = Platform.image.getRealURL(src)
+            })
+        },
+        loadContent(url: string, responseType: IResponseType = 'text'): Promise<any> {
+            return new Promise((resolve, reject) =>
+                app.request({
+                    url,
+                    responseType: responseType === 'arrayBuffer' ? 'arraybuffer' : 'text',
+                    success: (res: any) => resolve(responseType === 'json' && typeof res.data === 'string' ? JSON.parse(res.data) : res.data),
+                    fail: reject
+                })
+            )
+        },
+        noRepeat: 'repeat-x' // fix: 微信小程序 createPattern 直接使用 no-repeat 有bug，导致无法显示
+    }
+
+    Platform.miniapp = {
+        select(name: string): IMiniappSelect {
+            return app.createSelectorQuery().select(name)
+        },
+        getBounds(select: IMiniappSelect): Promise<IBoundsData> {
+            return new Promise((resolve) => {
+                select.boundingClientRect().exec((res: any) => {
+                    const rect = res[1]
+                    resolve({ x: rect.top, y: rect.left, width: rect.width, height: rect.height })
+                })
+            })
+        },
+        getSizeView(select: IMiniappSelect): Promise<IMiniappSizeView> {
+            return new Promise((resolve) => {
+                select.fields({ node: true, size: true }).exec((res: any) => {
+                    const data = res[0]
+                    resolve({ view: data.node, width: data.width, height: data.height })
+                })
+            })
+        },
+        saveToAlbum(path: string): Promise<any> {
+            return new Promise((resolve) => {
+                app.getSetting({
+                    success: (res: any) => {
+                        if (res.authSetting['scope.writePhotosAlbum']) {
+                            app.saveImageToPhotosAlbum({
+                                filePath: path,
+                                success() { resolve(true) }
+                            })
+                        } else {
+                            app.authorize({
+                                scope: 'scope.writePhotosAlbum',
+                                success: () => {
+                                    app.saveImageToPhotosAlbum({
+                                        filePath: path,
+                                        success() { resolve(true) }
+                                    })
+                                },
+                                fail: () => { }
+                            })
+                        }
+                    }
+                })
+            })
+        },
+        onWindowResize(fun: IFunction): void {
+            app.onWindowResize(fun)
+        },
+        offWindowResize(fun: IFunction): void {
+            app.offWindowResize(fun)
+        }
+    }
+
+    Platform.event = {
+        stopDefault(_origin: IObject): void { },
+        stopNow(_origin: IObject): void { },
+        stop(_origin: IObject): void { }
+    }
+
+    Platform.canvas = Creator.canvas()
+    Platform.conicGradientSupport = !!Platform.canvas.context.createConicGradient
+}
+
+Platform.name = 'miniapp'
+Platform.requestRender = function (render: IFunction): void {
+    const { view } = Platform.renderCanvas || Platform.canvas
+    view.requestAnimationFrame ? view.requestAnimationFrame(render) : setTimeout(render, 16) // fix 抖音小程序
+}
+defineKey(Platform, 'devicePixelRatio', { get() { return Math.max(1, wx.getWindowInfo ? wx.getWindowInfo().pixelRatio : wx.getSystemInfoSync().pixelRatio) } })

package/types/index.d.ts

@@ -0,0 +1,8 @@
+export * from '@leafer/core';
+export * from '@leafer/canvas-miniapp';
+export * from '@leafer/image-miniapp';
+import { ICanvasType, IObject } from '@leafer/interface';
+
+declare function useCanvas(_canvasType: ICanvasType, app?: IObject): void;
+
+export { useCanvas };