Merge branch 'release/0.6.6'

CHANGELOG.md

@@ -4,6 +4,10 @@
 
 -
 
+### v0.6.6
+
+- Added current score to leaderboard
+
 ### v0.6.5
 
 - Fix some layout issues

lerna.json

@@ -1,3 +1,3 @@
 {
-  "version": "0.6.5"
+  "version": "0.6.6"
 }

packages/eslint-config/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cere/eslint-config-games-sdk",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "main": "index.js",
   "private": true,
   "dependencies": {

packages/sdk/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cere/games-sdk",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "description": "Cere Games SDK to integrate games with CERE infrastructure",
   "sideEffects": false,
   "main": "dist/bundle.umd.js",
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@cere/embed-wallet": "0.12.0",
-    "@cere/games-sdk-ui": "0.6.5",
+    "@cere/games-sdk-ui": "0.6.6",
     "react-gtm-module": "^2.0.11"
   },
   "devDependencies": {

packages/sdk/src/GameSdk.ts

@@ -25,6 +25,7 @@ type ShowLeaderboardOptions = {
   onBeforeLoad?: () => AsyncResult;
   withTopWidget?: boolean;
   onShowSignUp?: () => void;
+  currentScore?: number;
 } & ConnectWalletOptions;
 
 type ShowPreloaderOptions = {
@@ -330,7 +331,14 @@ export class GamesSDK {
     };
   }
 
-  showLeaderboard({ onPlayAgain, onBeforeLoad, withTopWidget, onComplete, onConnect }: ShowLeaderboardOptions = {}) {
+  showLeaderboard({
+    onPlayAgain,
+    onBeforeLoad,
+    withTopWidget,
+    onComplete,
+    onConnect,
+    currentScore,
+  }: ShowLeaderboardOptions = {}) {
     const { open, ...modal } = UI.createFullscreenModal(
       async () => {
         const leaderboard = document.createElement('cere-leaderboard');
@@ -369,6 +377,7 @@ export class GamesSDK {
             modal.close();
           },
           serviceUrl: GAME_SERVICE_URL[this.env],
+          currentScore: currentScore,
         });
 
         return leaderboard;
@@ -435,6 +444,7 @@ export class GamesSDK {
       this.showLeaderboard({
         onConnect: save,
         onComplete: resolve,
+        currentScore: score,
       }),
     );
   }

packages/ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cere/games-sdk-ui",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "description": "Cere Games SDK UI Elements",
   "sideEffects": false,
   "main": "dist/bundle.umd.js",

packages/ui/src/widgets/Leaderboard/Leaderboard.tsx

@@ -31,6 +31,7 @@ export type LeaderboardProps = Pick<TableProps, 'data'> & {
   serviceUrl: string;
   withTopWidget?: boolean;
   onShowSignUp?: () => void;
+  currentScore?: number;
 };
 
 const LeaderboardTitle = styled(Typography)({
@@ -85,7 +86,14 @@ const Alerts = styled.div({
   gridRowGap: '5px',
 });
 
-export const Leaderboard = ({ data, activeTournament, onPlayAgain, onTweet, withTopWidget }: LeaderboardProps) => {
+export const Leaderboard = ({
+  data,
+  activeTournament,
+  onPlayAgain,
+  onTweet,
+  withTopWidget,
+  currentScore,
+}: LeaderboardProps) => {
   const { sessionPrice, sdkUrl: cdnUrl } = useConfigContext();
   const { address, balance = 0 } = useWalletContext();
   const playerData = useMemo(() => data.find((row) => row.address === address), [data, address]);
@@ -123,6 +131,7 @@ Be top-3 player and share a prize"
           onTweet={onTweet}
           disabled={balance < sessionPrice}
           score={playerData?.score}
+          currentScore={currentScore}
           rank={playerData?.rank}
         />
       )}

packages/ui/src/widgets/Leaderboard/TopWidget.tsx

@@ -15,6 +15,7 @@ type TopWidgetProps = {
   onTweet?: (score: number) => Promise<{ tweetBody: string }>;
   score?: number;
   rank?: number;
+  currentScore?: number;
 };
 
 const WidgetWrapper = styled(ModalWrapper)(({ tournament }: { tournament?: boolean }) => ({
@@ -207,6 +208,7 @@ export const TopWidget = ({
   onTweet,
   score,
   rank,
+  currentScore,
 }: TopWidgetProps): JSX.Element => {
   const { sdkUrl: cdnUrl, gamePortalUrl } = useConfigContext();
   const { address, isReady } = useWalletContext();
@@ -246,6 +248,11 @@ export const TopWidget = ({
               <img src={`${cdnUrl}/assets/third-place-reward.svg`} alt="Third place reward" />
             </RewardColumn>
           </RewardsRow>
+          {!address && currentScore && (
+            <Typography align="center">
+              Your score <Rank>{currentScore}</Rank>
+            </Typography>
+          )}
           {address && (
             <Typography align="center">
               Your rank <Rank>{rank}</Rank>

playground/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@cere-games-sdk/playground",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "private": true,
   "scripts": {
     "start": "craco start"
   },
   "dependencies": {
-    "@cere/games-sdk": "0.6.5",
+    "@cere/games-sdk": "0.6.6",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@mui/lab": "^5.0.0-alpha.119",

playground/src/Playground.tsx

@@ -62,6 +62,7 @@ export const Playground = () => {
 
     const modal = sdk.showLeaderboard({
       onPlayAgain: () => modal.close(),
+      currentScore: 25,
     });
   }, [sdk]);
 

tests/wdio/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cere-games-sdk/wdio",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "private": true,
   "scripts": {
     "start": "wdio run ./wdio.conf.ts",