ExPlat: Expose all ExPlat Client Functions (#50609)

* Expose explat client functions * Fix style issues * Fix tests * Remove unused package * Fix module reference
Automattic · Mar 2, 2021 · c8649b1 · c8649b1
1 parent cfbd6f4
commit c8649b1
Show file tree

Hide file tree

Showing 11 changed files with 10 additions and 86 deletions.
diff --git a/client/lib/explat/index.ts b/client/lib/explat/index.ts
@@ -2,6 +2,7 @@
  * WordPress dependencies
  */
 import { createExPlatClient } from '@automattic/explat-client';
+import createExPlatClientReactHelpers from '@automattic/explat-client-react-helpers';
 
 /**
  * Internal dependencies
@@ -13,11 +14,13 @@ import { isDevelopmentMode } from './internals/misc';
 
 initializeAnonId().catch( ( e ) => logError( { message: e.message } ) );
 
-const ExPlatClient = createExPlatClient( {
+const exPlatClient = createExPlatClient( {
 	fetchExperimentAssignment,
 	getAnonId,
 	logError,
 	isDevelopmentMode,
 } );
 
-export default ExPlatClient;
+export const { loadExperimentAssignment, dangerouslyGetExperimentAssignment } = exPlatClient;
+const exPlatClientReactHelpers = createExPlatClientReactHelpers( exPlatClient );
+export const { useExperiment, Experiment } = exPlatClientReactHelpers;
diff --git a/client/lib/explat/test/index.ts b/client/lib/explat/test/index.ts
@@ -1,7 +1,7 @@
 /**
  * Internal dependencies
  */
-import ExPlatClient from '../index';
+import * as ExPlatClient from '../index';
 
 const mockLogError = jest.fn();
 jest.mock( '../internals/log-error', () => ( {

diff --git a/client/package.json b/client/package.json
@@ -27,6 +27,7 @@
 		"@automattic/data-stores": "^1.0.0-alpha.1",
 		"@automattic/domain-picker": "^1.0.0-alpha.0",
 		"@automattic/explat-client": "^0.0.1",
+		"@automattic/explat-client-react-helpers": "^0.0.1",
 		"@automattic/format-currency": "^1.0.0-alpha.0",
 		"@automattic/i18n-utils": "^1.0.0",
 		"@automattic/js-utils": "^1.0.0",

diff --git a/packages/explat-client-react-helpers/package.json b/packages/explat-client-react-helpers/package.json
@@ -7,7 +7,7 @@
 	"main": "dist/cjs/index.js",
 	"browser": "dist/esm/index.js",
 	"module": "dist/esm/index.js",
-	"calypso:src": "src/index.ts",
+	"calypso:src": "src/index.tsx",
 	"types": "dist/types/index.d.ts",
 	"sideEffects": false,
 	"repository": {

diff --git a/packages/explat-react-client/README.md b/packages/explat-react-client/README.md
diff --git a/packages/explat-react-client/jest.config.js b/packages/explat-react-client/jest.config.js
diff --git a/packages/explat-react-client/package.json b/packages/explat-react-client/package.json
diff --git a/packages/explat-react-client/src/index.ts b/packages/explat-react-client/src/index.ts
diff --git a/packages/explat-react-client/tsconfig-cjs.json b/packages/explat-react-client/tsconfig-cjs.json
diff --git a/packages/explat-react-client/tsconfig.json b/packages/explat-react-client/tsconfig.json
diff --git a/packages/tsconfig.json b/packages/tsconfig.json
@@ -11,6 +11,8 @@
 		{ "path": "./components" },
 		{ "path": "./composite-checkout" },
 		{ "path": "./create-calypso-config" },
+		{ "path": "./explat-client" },
+		{ "path": "./explat-client-react-helpers" },
 		{ "path": "./state-utils" },
 		{ "path": "./data-stores" },
 		{ "path": "./domain-picker" },