Vegaヘッドレスタスクとヘッドレスサービス

import { Platform, Dimensions } from 'react-native';

import { HeadlessTaskManager } from '@amazon-devices/headless-task-manager';
import { ContentPersonalization } from '@amazon-devices/kepler-content-personalization';

console.log('ヘッドレスサービスを開始しました');
fetch('https://api.example.com/data');

import { View, Text, Image } from 'react-native';

import { AppState, DeviceInfo } from 'react-native';

import * as RN from 'react-native';

import { VideoPlayer } from '@amazon-devices/react-native-w3cmedia/dist/headless'; // 正しい
import { VideoPlayer } from '@amazon-devices/react-native-w3cmedia'; // 間違い

// manifest.toml

# Copyright (c) 2024 Amazon.com, Inc. or its affiliates. All rights reserved.
#
# 専有／機密情報。 使用にあたってはライセンス条項が適用されます。
#
schema-version = 1

[package]
title = "ヘッドレスJSタスクおよびサービスのデモ"
version = "1.0.0"
id = "com.yourcompany.headlessjsdemo"

[components]

[[components.interactive]]
id = "com.yourcompany.headlessjsdemo.main"
runtime-module = "/com.amazon.kepler.keplerscript.runtime.loader_2@IKeplerScript_2_0"
categories = ["com.amazon.category.main"]

# アプリにヘッドレスJSタスクがあることを示します。
[[components.task]]
id = "com.yourcompany.headlessjsdemo.task"
runtime-module = "/com.amazon.kepler.keplerscript.runtime.loader_2@IKeplerScript_2_0"

# アプリにヘッドレスJSサービスがあることを示します。
[[components.service]]
id = "com.yourcompany.headlessjsdemo.service"
runtime-module = "/com.amazon.kepler.keplerscript.runtime.loader_2@IKeplerScript_2_0"
launch-type = "singleton"

// task.js - ヘッドレスJSタスクのエントリポイントを登録します。

import { HeadlessEntryPointRegistry } from "@amazon-devices/headless-task-manager";

// SampleHeadlessTask.tsにdoTaskが実装されています。
import { doTaskSampleTask } from "./src/SampleHeadlessTask";

HeadlessEntryPointRegistry.registerHeadlessEntryPoint2("com.yourcompany.headlessjsdemo.task::doTask",
    () => doTaskSampleTask);

// service.js - ヘッドレスJSサービスのエントリポイントを登録します。

import {HeadlessEntryPointRegistry} from '@amazon-devices/headless-task-manager';

// SampleHeadlessService.tsにonStartSampleServiceとonStopSampleServieが実装されています。
import {onStartSampleService, onStopSampleService} from './src/SampleHeadlessService';

HeadlessEntryPointRegistry.registerHeadlessEntryPoint(
  'com.yourcompany.headlessjsdemo.service::onStartService',
  () => onStartSampleService,
);
HeadlessEntryPointRegistry.registerHeadlessEntryPoint(
  'com.yourcompany.headlessjsdemo.service::onStopService',
  () => onStopSampleService,
);

// package.json

  "scripts": {
     .
    .
    "build:release": "react-native build-vega --build-type Release",
    "build:debug": "react-native build-vega --build-type Debug",
    "build:app": "npm-run-all build:release build:debug",
    .
  },

loggingctl log -f | grep -i "<your package name>\|KeplerScript-Native\|KeplerScript-JavaScript"

loggingctl config --set-rate all 60000

<デバイスを再起動>

loggingctl config --set-rate all 60000 // 再実行

E Volta:[KeplerScript-JavaScript] Invariant Violation: TurboModuleRegistry.getEnforcing(...): 'DeviceInfo' could not be found. Verify that a module by this name is registered in the native binary., js engine: hermes.

npx react-native-bundle-visualizer --entry-file task.js

// task.js

// 正しいインポート
import { ComponentType  } from '@amazon-devices/react-native-kepler/Libraries/ComponentInstance/ComponentInstanceManager';

const componentInstance = {
    name: "TestComponent",
    type: ComponentType.TASK,
    id: "test-123"
};

// 列挙値を文字列に変換してログに記録します。
console.log(`ヘッドレスタスクのテスト： コンポーネントタイプ：${ComponentType[componentInstance.type]}`);

// task.js

// 間違ったインポート
import { ComponentType  } from '@amazon-devices/react-native-kepler';

const componentInstance = {
    name: "TestComponent",
    type: ComponentType.TASK,
    id: "test-123"
};

// 列挙値を文字列に変換してログに記録します。
console.log(`ヘッドレスタスクのテスト： コンポーネントタイプ：${ComponentType[componentInstance.type]}`);