build: Introduce TypeScript into optimizely-sdk build

packages/optimizely-sdk/.eslintrc.js

@@ -4,7 +4,10 @@ module.exports = {
     commonjs: true,
     node: true,
   },
-  extends: 'eslint:recommended',
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+  ],
   globals: {
     Atomics: 'readonly',
     SharedArrayBuffer: 'readonly',
@@ -14,7 +17,18 @@ module.exports = {
     ecmaVersion: 6,
     sourceType: 'module',
   },
+  overrides: [
+    {
+      'files': ['*.ts'],
+      'rules': {
+        '@typescript-eslint/explicit-module-boundary-types': ['error']
+      }
+    }
+  ],
   rules: {
     'no-prototype-builtins': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    'no-shadow': 'error',
   },
 };

packages/optimizely-sdk/karma.base.conf.js

@@ -24,6 +24,18 @@ module.exports = {
 
   webpack: {
     mode: 'production',
+    module: {
+      rules: [
+        {
+          test: /\.[tj]s$/,
+          use: 'ts-loader',
+          exclude: /node_modules/,
+        },
+      ],
+    },
+    resolve: {
+      extensions: ['.ts', '.js'],
+    },
   },
 
   //browserStack setup

packages/optimizely-sdk/lib/core/decision_service/index.js

@@ -20,7 +20,7 @@ import enums from '../../utils/enums';
 import fns from '../../utils/fns';
 import projectConfig from '../project_config';
 import AudienceEvaluator from '../audience_evaluator';
-import stringValidator from '../../utils/string_value_validator';
+import * as stringValidator from '../../utils/string_value_validator';
 
 var MODULE_NAME = 'DECISION_SERVICE';
 var ERROR_MESSAGES = enums.ERROR_MESSAGES;

packages/optimizely-sdk/lib/index.d.ts

@@ -39,6 +39,8 @@ declare module '@optimizely/optimizely-sdk' {
 
   // The options object given to Optimizely.createInstance.
   export interface Config {
+    // TODO[OASIS-6649]: Don't use object type
+    // eslint-disable-next-line  @typescript-eslint/ban-types
     datafile?: object | string;
     datafileOptions?: DatafileOptions;
     errorHandler?: ErrorHandler;
@@ -50,6 +52,8 @@ declare module '@optimizely/optimizely-sdk' {
       | enums.LOG_LEVEL.INFO
       | enums.LOG_LEVEL.NOTSET
       | enums.LOG_LEVEL.WARNING;
+    // TODO[OASIS-6649]: Don't use object type
+    // eslint-disable-next-line  @typescript-eslint/ban-types
     jsonSchemaValidator?: object;
     userProfileService?: UserProfileService | null;
     eventBatchSize?: number;
@@ -115,6 +119,8 @@ declare module '@optimizely/optimizely-sdk' {
     // HTTP method with which to send the event.
     httpVerb: 'POST';
     // Value to send in the request body, JSON-serialized.
+    // TODO[OASIS-6649]: Don't use any type
+    // eslint-disable-next-line  @typescript-eslint/no-explicit-any
     params: any;
   }
 
@@ -159,6 +165,8 @@ declare module '@optimizely/optimizely-sdk' {
   }
 
   export type UserAttributes = {
+    // TODO[OASIS-6649]: Don't use any type
+    // eslint-disable-next-line  @typescript-eslint/no-explicit-any
     [name: string]: any;
   };
 
@@ -183,6 +191,8 @@ declare module '@optimizely/optimizely-sdk' {
       endOfRange: number;
     }>;
     audienceIds: string[];
+    // TODO[OASIS-6649]: Don't use object type
+    // eslint-disable-next-line  @typescript-eslint/ban-types
     forcedVariations: object;
   }
 

packages/optimizely-sdk/lib/optimizely/index.js

@@ -26,7 +26,7 @@ import eventTagsValidator from '../utils/event_tags_validator';
 import notificationCenter from '../core/notification_center';
 import projectConfig from '../core/project_config';
 import userProfileServiceValidator from '../utils/user_profile_service_validator';
-import stringValidator from '../utils/string_value_validator';
+import * as stringValidator from '../utils/string_value_validator';
 import projectConfigManager from '../core/project_config/project_config_manager';
 
 var ERROR_MESSAGES = enums.ERROR_MESSAGES;

packages/optimizely-sdk/lib/utils/string_value_validator/index.js → packages/optimizely-sdk/lib/utils/string_value_validator/index.ts

@@ -16,13 +16,9 @@
 
 /**
  * Validates provided value is a non-empty string
- * @param  {string}  input
- * @return {boolean} True for non-empty string, false otherwise
+ * @param  {unknown}  input
+ * @return {boolean}  true for non-empty string, false otherwise
  */
-export var validate = function(input) {
+export function validate(input: unknown): boolean {
   return typeof input === 'string' && input !== '';
-};
-
-export default {
-  validate: validate,
-};
+}