feat(browser): add LogtoClient constructor (#160)

packages/browser/jest.config.js

@@ -2,6 +2,8 @@ module.exports = {
   coveragePathIgnorePatterns: ['/node_modules/', '/lib/'],
   coverageReporters: ['text-summary', 'lcov'],
   moduleFileExtensions: ['ts', 'js'],
+  setupFilesAfterEnv: ['./jest.setup.js'],
+  testEnvironment: 'jsdom',
   testPathIgnorePatterns: ['lib'],
   testRegex: '(/__tests__/.*|\\.(test|spec))\\.(ts|js)$',
   transform: {

packages/browser/jest.setup.js

@@ -0,0 +1,8 @@
+// Need to disable following rules to mock text-decode/text-encoder and crypto for jsdom
+// https://github.com/jsdom/jsdom/issues/1612
+/* eslint-disable @silverhand/fp/no-mutation */
+/* eslint-disable unicorn/prefer-module */
+const { TextDecoder, TextEncoder } = require('text-encoder');
+
+global.TextDecoder = TextDecoder;
+global.TextEncoder = TextEncoder;

packages/browser/package.json

@@ -28,6 +28,7 @@
     "jest": "^27.0.6",
     "lint-staged": "^12.3.3",
     "prettier": "^2.3.2",
+    "text-encoder": "^0.0.4",
     "ts-jest": "^27.0.4",
     "ts-loader": "^9.2.6",
     "typescript": "^4.3.5",

packages/browser/src/index.test.ts

@@ -1,8 +1,17 @@
-import { TODO } from './index';
+import { createRequester } from '@logto/js';
 
-describe('TODO', () => {
-  test('TODO', () => {
-    const todo: TODO = 'TODO';
-    expect(todo).toEqual('TODO');
+import LogtoClient from './index';
+
+describe('LogtoClient', () => {
+  test('constructor', () => {
+    expect(
+      () =>
+        new LogtoClient({
+          endpoint: 'https://logto.dev',
+          clientId: 'client_id_value',
+          usingPersistStorage: false,
+          requester: createRequester(),
+        })
+    ).not.toThrow();
   });
 });

packages/browser/src/index.ts

@@ -1 +1,28 @@
-export type TODO = 'TODO';
+import { OidcConfigResponse, Requester } from '@logto/js';
+
+export type LogtoConfig = {
+  endpoint: string;
+  clientId: string;
+  scopes?: string[];
+  resources?: string[];
+  usingPersistStorage?: boolean;
+  requester: Requester;
+};
+
+export type AccessToken = {
+  token: string;
+  scope: string;
+  expiresAt: number; // Unix Timestamp in seconds
+};
+
+export default class LogtoClient {
+  protected accessTokenMap = new Map<string, AccessToken>();
+  protected refreshToken?: string;
+  protected idToken?: string;
+  protected logtoConfig: LogtoConfig;
+  protected oidcConfig?: OidcConfigResponse;
+
+  constructor(logtoConfig: LogtoConfig) {
+    this.logtoConfig = logtoConfig;
+  }
+}