halfscreenlaunchcomponent/interfaces/halfscreenlaunchcomponent.js

/*
 * Copyright (c) 2025 Huawei Device Co., Ltd.
 * Licensed under the Apache License, Version 2.0 (the 'License');
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *   http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an 'AS IS' BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

if (!('finalizeConstruction' in ViewPU.prototype)) {
    Reflect.set(ViewPU.prototype, 'finalizeConstruction', () => { });
}
const hilog = requireNapi('hilog');
const abilityManager = requireNapi('app.ability.abilityManager');
const commonEventManager = requireNapi('commonEventManager');
const EMBEDDED_HALF_MODE = 2;
const atomicServiceDataTag = 'ohos.atomicService.window';
const ERR_CODE_ABNORMAL = 100014;
const ERR_CODE_CAPABILITY_NOT_SUPPORT = 801;
const LOG_TAG = 'HalfScreenLaunchComponent';
export class HalfScreenLaunchComponent extends ViewPU {
    constructor(parent, params, __localStorage, elmtId = -1, paramsLambda = undefined, extraInfo) {
        super(parent, __localStorage, elmtId, extraInfo);
        if (typeof paramsLambda === 'function') {
            this.paramsGenerator_ = paramsLambda;
        }
        this.content = this.doNothingBuilder;
        this.context = getContext(this);
        this.appId = '';
        this.options = undefined;
        this.__isShow = new ObservedPropertySimplePU(false, this, 'isShow');
        this.subscriber = null;
        this.onError = undefined;
        this.onTerminated = undefined;
        this.onReceive = undefined;
        this.setInitiallyProvidedValue(params);
        this.finalizeConstruction();
    }
    setInitiallyProvidedValue(params) {
        if (params.content !== undefined) {
            this.content = params.content;
        }
        if (params.context !== undefined) {
            this.context = params.context;
        }
        if (params.appId !== undefined) {
            this.appId = params.appId;
        }
        if (params.options !== undefined) {
            this.options = params.options;
        }
        if (params.isShow !== undefined) {
            this.isShow = params.isShow;
        }
        if (params.subscriber !== undefined) {
            this.subscriber = params.subscriber;
        }
        if (params.onError !== undefined) {
            this.onError = params.onError;
        }
        if (params.onTerminated !== undefined) {
            this.onTerminated = params.onTerminated;
        }
        if (params.onReceive !== undefined) {
            this.onReceive = params.onReceive;
        }
    }
    updateStateVars(params) {
    }
    purgeVariableDependenciesOnElmtId(rmElmtId) {
        this.__isShow.purgeDependencyOnElmtId(rmElmtId);
    }
    aboutToBeDeleted() {
        this.__isShow.aboutToBeDeleted();
        SubscriberManager.Get().delete(this.id__());
        this.aboutToBeDeletedInternal();
    }
    get isShow() {
        return this.__isShow.get();
    }
    set isShow(newValue) {
        this.__isShow.set(newValue);
    }
    aboutToAppear() {
        let subscribeInfo = {
            events: [commonEventManager.Support.COMMON_EVENT_DISTRIBUTED_ACCOUNT_LOGOUT],
        };
        commonEventManager.createSubscriber(subscribeInfo, (err, data) => {
            if (err) {
                hilog.error(0x3900, LOG_TAG, 'Failed to create subscriber, err: %{public}s.', JSON.stringify(err));
                return;
            }
            if (data === null || data === undefined) {
                hilog.error(0x3900, LOG_TAG, 'Failed to create subscriber, data is null.');
                return;
            }
            this.subscriber = data;
            commonEventManager.subscribe(this.subscriber, (err, data) => {
                if (err) {
                    hilog.error(0x3900, LOG_TAG, 'Failed to subscribe common event, err: %{public}s.', JSON.stringify(err));
                    return;
                }
                this.isShow = false;
            });
        });
    }
    aboutToDisappear() {
        if (this.subscriber !== null) {
            commonEventManager.unsubscribe(this.subscriber, (err) => {
                if (err) {
                    hilog.error(0x3900, LOG_TAG, 'UnsubscribeCallBack, err: %{public}s.', JSON.stringify(err));
                }
                else {
                    this.subscriber = null;
                }
            });
        }
    }
    doNothingBuilder(parent = null) {
    }
    resetOptions() {
        if (this.options?.parameters) {
            this.options.parameters['ohos.extra.param.key.showMode'] = EMBEDDED_HALF_MODE;
            this.options.parameters['ability.want.params.IsNotifyOccupiedAreaChange'] = true;
            this.options.parameters['ability.want.params.IsModal'] = true;
            hilog.info(0x3900, LOG_TAG, 'replaced options is %{public}s !', JSON.stringify(this.options));
        }
        else {
            this.options = {
                parameters: {
                    'ohos.extra.param.key.showMode': EMBEDDED_HALF_MODE,
                    'ability.want.params.IsNotifyOccupiedAreaChange': true,
                    'ability.want.params.IsModal': true
                }
            };
        }
    }
    async checkAbility() {
        if (this.isShow) {
            hilog.error(0x3900, LOG_TAG, 'EmbeddedAbility already shows');
            this.isShow = false;
            return;
        }
        this.resetOptions();
        try {
            abilityManager.queryAtomicServiceStartupRule(this.context, this.appId)
                .then((data) => {
                    if (data.isOpenAllowed) {
                        if (data.isEmbeddedAllowed) {
                            this.isShow = true;
                            hilog.info(0x3900, LOG_TAG, 'EmbeddedOpen is Allowed!');
                        } else {
                            this.popUp();
                        }
                    } else {
                        hilog.info(0x3900, LOG_TAG, 'is not allowed open!');
                    }
                }).catch((err) => {
                    hilog.error(0x3900, LOG_TAG, 'queryAtomicServiceStartupRule called error!%{public}s', err.message);
                    if (ERR_CODE_CAPABILITY_NOT_SUPPORT === err.code) {
                        this.popUp();
                    }
                });
        } catch (err) {
            hilog.error(0x3900, LOG_TAG, 'AtomicServiceStartupRule failed: %{public}s', err.message);
            this.popUp();
        }
    }
    async popUp() {
        this.isShow = false;
        try {
            const ability = await this.context.openAtomicService(this.appId, this.options);
            hilog.info(0x3900, LOG_TAG, '%{public}s open service success!', ability.want);
        }
        catch (e) {
            hilog.error(0x3900, LOG_TAG, '%{public}s open service error!', e.message);
        }
    }
    handleOnReceiveEvent(data) {
        if (data === undefined || data === null) {
            return;
        }
        if (this.onReceive !== undefined) {
            const sourceKeys = Object.keys(data);
            let atomicServiceData = {};
            for (let i = 0; i < sourceKeys.length; i++) {
                if (sourceKeys[i].includes(atomicServiceDataTag)) {
                    atomicServiceData[sourceKeys[i]] = data[sourceKeys[i]];
                }
            }
            this.onReceive(atomicServiceData);
        }
    }
    initialRender() {
        this.observeComponentCreation2((elmtId, isInitialRender) => {
            Row.create();
            Row.justifyContent(FlexAlign.Center);
            Row.onClick(() => {
                hilog.info(0x3900, LOG_TAG, 'on start atomicservice');
                this.checkAbility();
            });
            Row.bindContentCover({ value: this.isShow, changeEvent: newValue => { this.isShow = newValue; } }, {
                builder: () => {
                    this.uiExtensionBuilder.call(this);
                }
            }, {
                modalTransition: ModalTransition.NONE,
                enableSafeArea: true
            });
        }, Row);
        this.content.bind(this)();
        Row.pop();
    }
    uiExtensionBuilder(parent = null) {
        this.observeComponentCreation2((elmtId, isInitialRender) => {
            Column.create();
            Column.height(LayoutPolicy.matchParent);
            Column.width(LayoutPolicy.matchParent);
            Column.ignoreLayoutSafeArea([LayoutSafeAreaType.SYSTEM], [LayoutSafeAreaEdge.TOP, LayoutSafeAreaEdge.BOTTOM]);
        }, Column);
        this.observeComponentCreation2((elmtId, isInitialRender) => {
            UIExtensionComponent.create({
                bundleName: `com.atomicservice.${this.appId}`,
                flags: this.options?.flags,
                parameters: this.options?.parameters
            },
            {
                windowModeFollowStrategy: WindowModeFollowStrategy.FOLLOW_HOST_WINDOW_MODE
            });
            UIExtensionComponent.height('100%');
            UIExtensionComponent.width('100%');
            UIExtensionComponent.backgroundColor(Color.Transparent);
            UIExtensionComponent.onError(err => {
                if (this.onError) {
                    this.onError(err);
                }
                this.isShow = false;
                hilog.error(0x3900, LOG_TAG, 'call up UIExtension error!%{public}s', err.message);
                if (err.code !== ERR_CODE_ABNORMAL) {
                    this.getUIContext().showAlertDialog({
                        message: err.message
                    });
                }
            });
            UIExtensionComponent.onTerminated(info => {
                this.isShow = false;
                if (this.onTerminated) {
                    this.onTerminated(info);
                }
            });
            UIExtensionComponent.onReceive(data => {
                this.handleOnReceiveEvent(data);
            });
        }, UIExtensionComponent);
        Column.pop();
    }
    rerender() {
        this.updateDirtyElements();
    }
}

export default { HalfScreenLaunchComponent };