Reexport API functions (#474)

Author: marcospassos

README.md

@@ -34,6 +34,10 @@ or the [example folder](examples) for full code examples.
 
 The following steps will walk you through installing the library and integrating it into your application.
 
+> [!TIP]
+> If you are using Next.js, head over to the [Plug Next.js](https://github.com/croct-tech/plug-next) library for a more
+> integrated experience.
+
 This guide assumes you're already familiar with some key concepts and tools around Croct, like
 Contextual Query Language (CQL) and the playground. If you're not,
 [this 15-minute quickstart](https://croct.link/plug-js/quick-start) that will give you a hands-on overview of

package-lock.json

@@ -37,8 +37,8 @@
     "react-dom": "^16.8.0  || ^17.0.0 || ^18.0.0"
   },
   "dependencies": {
-    "@croct/plug": "^0.13.4",
-    "@croct/sdk": "^0.14.0"
+    "@croct/plug": "^0.14.0",
+    "@croct/sdk": "^0.15.2"
   },
   "devDependencies": {
     "@babel/core": "^7.20.2",
@@ -61,7 +61,7 @@
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
     "babel-loader": "^9.1.0",
-    "eslint": "^9.0.0",
+    "eslint": "^8.57.0",
     "jest": "^29.0.0",
     "jest-environment-jsdom": "^29.0.0",
     "jest-environment-node": "^29.0.0",

package.json

@@ -1,4 +1,3 @@
-import '@testing-library/jest-dom/extend-expect';
 import {render} from '@testing-library/react';
 import {Plug} from '@croct/plug';
 import {croct} from './ssr-polyfills';

src/CroctProvider.test.tsx

@@ -0,0 +1 @@
+export * from '@croct/plug/api';

src/api.ts

@@ -1,5 +1,5 @@
 import {FunctionComponent, ReactElement, Suspense} from 'react';
-import {Story, Meta} from '@storybook/react/types-6-0';
+import {StoryFn as Story, Meta} from '@storybook/react';
 import {Personalization, PersonalizationProps} from './index';
 
 export default {

src/api/evaluate.test.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import {ReactElement, Fragment} from 'react';
 import {JsonValue} from '@croct/plug/sdk/json';
 import {UseEvaluationOptions, useEvaluation} from '../../hooks';

src/api/evaluate.ts

@@ -1,5 +1,5 @@
 import {FunctionComponent, ReactElement, Suspense} from 'react';
-import {Story, Meta} from '@storybook/react/types-6-0';
+import {StoryFn as Story, Meta} from '@storybook/react';
 import {Slot, SlotProps} from './index';
 
 export default {

src/api/fetchContent.test.ts

@@ -1,3 +1,5 @@
+'use client';
+
 import {Fragment, ReactElement, ReactNode} from 'react';
 import {SlotContent, VersionedSlotId, VersionedSlotMap} from '@croct/plug/slot';
 import {JsonObject} from '@croct/plug/sdk/json';

src/api/fetchContent.ts

@@ -1,5 +1,5 @@
 import {FunctionComponent, ReactElement, Suspense} from 'react';
-import {Story, Meta} from '@storybook/react/types-6-0';
+import {StoryFn as Story, Meta} from '@storybook/react';
 import {UseContentOptions, useContent} from './useContent';
 
 export default {

src/api/index.ts

@@ -1,5 +1,5 @@
 import {FunctionComponent, ReactElement, Suspense} from 'react';
-import {Story, Meta} from '@storybook/react/types-6-0';
+import {StoryFn as Story, Meta} from '@storybook/react';
 import {UseEvaluationOptions, useEvaluation} from './useEvaluation';
 
 export default {

src/components/Personalization/index.stories.tsx

@@ -7,7 +7,7 @@ import {isSsr} from '../ssr-polyfills';
 function cleanEvaluationOptions(options: EvaluationOptions): EvaluationOptions {
     const result: EvaluationOptions = {};
 
-    for (const [key, value] of Object.entries(options)) {
+    for (const [key, value] of Object.entries(options) as Array<[keyof EvaluationOptions, any]>) {
         if (value !== undefined) {
             result[key] = value;
         }

src/components/Personalization/index.tsx

@@ -1,6 +1,7 @@
 import csrPlug, {Plug} from '@croct/plug';
 
 export function isSsr(): boolean {
+    // eslint-disable-next-line @typescript-eslint/prefer-optional-chain -- The window can be undefined.
     return typeof window === 'undefined'
         || typeof window.document === 'undefined'
         || typeof window.document.createElement === 'undefined';

src/components/Slot/index.stories.tsx

@@ -16,7 +16,6 @@
     "noImplicitThis": true,
     "noImplicitAny": true,
     "strictNullChecks": true,
-    "suppressImplicitAnyIndexErrors": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "allowSyntheticDefaultImports": true,