Update samples (#33)

* Update sample * Update sample dependencies * Update sandbox
configcat · Jun 20, 2023 · c82c306 · c82c306
1 parent b5096f5
commit c82c306
Show file tree

Hide file tree

Showing 6 changed files with 297 additions and 313 deletions.
diff --git a/samples/react-sdk-sample/package-lock.json b/samples/react-sdk-sample/package-lock.json
diff --git a/samples/react-sdk-sample/package.json b/samples/react-sdk-sample/package.json
@@ -10,7 +10,7 @@
     "@types/node": "^16.11.33",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
-    "configcat-react": "^2.3.0",
+    "configcat-react": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",

diff --git a/sandbox/package-lock.json b/sandbox/package-lock.json
diff --git a/sandbox/package.json b/sandbox/package.json
@@ -10,7 +10,7 @@
     "@types/node": "^16.11.49",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
-    "configcat-react": "file:..",
+    "configcat-react": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "5.0.1",

diff --git a/sandbox/src/stories/Hoc.tsx b/sandbox/src/stories/Hoc.tsx
@@ -57,15 +57,11 @@ export const HocPage = (args: { sdkKey: string, pollIntervalSeconds: number, fea
         pollIntervalSeconds: args.pollIntervalSeconds,
         logger: {
           level: LogLevel.Debug,
-          debug(message) { log(message, 'debug'); },
-          info(message) { log(message, 'info'); },
-          error(message) { log(message, 'error'); },
-          warn(message) { log(message, 'warn'); },
-          log(message) { log(message, 'log'); },
+          log(level, _eventId, message, _ex) { log(message.toString(), LogLevel[level].toLowerCase()); }
         },
         setupHooks: (hooks) => {
           hooks.on('clientReady', () => setConfigLastChanged(new Date()));
-          hooks.on('configChanged', newConfig =>setConfigLastChanged(new Date(newConfig.Timestamp)));
+          hooks.on('configChanged', _newConfig => setConfigLastChanged(new Date()));
         }
       }}>
         <ConfigCatHocComponent featureFlagKey={args.featureFlagKey}></ConfigCatHocComponent>

diff --git a/sandbox/src/stories/Hook.tsx b/sandbox/src/stories/Hook.tsx
@@ -38,15 +38,11 @@ export const HookPage = (args: { sdkKey: string, pollIntervalSeconds: number, fe
         pollIntervalSeconds: args.pollIntervalSeconds,
         logger: {
           level: LogLevel.Debug,
-          debug(message) { log(message, 'debug'); },
-          info(message) { log(message, 'info'); },
-          error(message) { log(message, 'error'); },
-          warn(message) { log(message, 'warn'); },
-          log(message) { log(message, 'log'); },
+          log(level, _eventId, message, _ex) { log(message.toString(), LogLevel[level].toLowerCase()); }
         },
         setupHooks: (hooks) => {
-          hooks.on('clientReady', ()=>setConfigLastChanged(new Date()));
-          hooks.on('configChanged', newConfig =>setConfigLastChanged(new Date(newConfig.Timestamp)));
+          hooks.on('clientReady', () => setConfigLastChanged(new Date()));
+          hooks.on('configChanged', _newConfig => setConfigLastChanged(new Date()));
         }
       }}>
         <HookComponent featureFlagKey={args.featureFlagKey}></HookComponent>