feat(sample): display sdk version in sample app

apps/sample/package.json

@@ -9,6 +9,7 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@ledgerhq/device-sdk-core": "workspace:*",
     "@ledgerhq/react-ui": "^0.14.13",
     "next": "14.0.4",
     "react": "^18",

apps/sample/src/components/Sidebar/index.tsx

@@ -1,6 +1,7 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { Box, Flex, Icons, Text } from "@ledgerhq/react-ui";
 import styled, { DefaultTheme } from "styled-components";
+import { useSdk } from "@/providers/DeviceSdkProvider";
 import { Menu } from "../Menu";
 import { Device } from "../Device";
 
@@ -40,10 +41,27 @@ const VersionText = styled(Text)`
 `;
 
 export const Sidebar: React.FC = () => {
+  const [version, setVersion] = useState("");
+  const sdk = useSdk();
+
+  useEffect(() => {
+    sdk
+      .getVersion()
+      .then((v) => setVersion(v))
+      .catch((error: unknown) => {
+        console.error(error as Error);
+        setVersion("");
+      });
+  }, [sdk]);
+
   return (
     <Root>
       <Title variant={"large"}>Ledger Device SDK</Title>
 
+      {version ? (
+        <Subtitle variant={"small"}>SDK Version: {version}</Subtitle>
+      ) : null}
+
       <Subtitle variant={"tiny"}>Device</Subtitle>
       <Device />
 

apps/sample/src/providers/DeviceSdkProvider/index.tsx

@@ -0,0 +1,18 @@
+import { createContext, useContext } from "react";
+import { DeviceSdkBuilder, DeviceSdk } from "@ledgerhq/device-sdk-core";
+
+export const sdk = new DeviceSdkBuilder().build();
+
+const SdkContext = createContext<DeviceSdk>(sdk);
+
+type Props = {
+  children: React.ReactNode;
+};
+
+export const SdkProvider: React.FC<Props> = ({ children }) => {
+  return <SdkContext.Provider value={sdk}>{children}</SdkContext.Provider>;
+};
+
+export const useSdk = () => {
+  return useContext(SdkContext);
+};

packages/core/index.ts

@@ -0,0 +1 @@
+export * from "./src";

packages/core/src/api/DeviceSdk.ts

@@ -1,6 +1,8 @@
 import { Container } from "inversify";
-import { GetSdkVersionUseCase } from "@internal/config/usecase/GetSdkVersionUseCase";
+// import { GetSdkVersionUseCase } from "@internal/config/usecase/GetSdkVersionUseCase";
+import { types as ConfigTypes } from "@internal/config/di/configTypes";
 import { MakeContainerProps, makeContainer } from "../di";
+import { GetSdkVersionUseCase } from "@internal/config/usecase/GetSdkVersionUseCase";
 
 export class DeviceSdk {
   container: Container;
@@ -20,9 +22,9 @@ export class DeviceSdk {
     return;
   }
 
-  getVersion() {
+  getVersion(): Promise<string> {
     return this.container
-      .get<GetSdkVersionUseCase>("GetSdkVersionUseCase")
+      .get<GetSdkVersionUseCase>(ConfigTypes.GetSdkVersionUseCase)
       .getSdkVersion();
   }
 }

packages/core/src/api/index.ts

@@ -1,6 +1,4 @@
 "use strict";
 
 export { LedgerDeviceSdkBuilder as DeviceSdkBuilder } from "./DeviceSdkBuilder";
-
-// NOTE: not sure we want to export directly the DeviceSdk as we are using the builder pattern
-// export { DeviceSdk } from "./DeviceSdk";
+export { DeviceSdk } from "./DeviceSdk";

packages/core/tsconfig.json

@@ -7,5 +7,5 @@
       "@internal/*": ["src/internal/*"]
     }
   },
-  "include": ["src", "jest.*.ts"]
+  "include": ["src", "index.ts", "jest.*.ts"]
 }