Publish st-client-lib and reuse as dependency

angular.json

@@ -23,6 +23,10 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
             "inlineStyleLanguage": "scss",
+            "allowedCommonJsDependencies": [
+              "statsig",
+              "statsig-js"
+            ],
             "assets": [
               "src/favicon.ico",
               "src/assets"

package.json

@@ -3,6 +3,7 @@
   "version": "0.0.0",
   "scripts": {
     "ng": "ng",
+    "postinstall": "ngcc --properties es2020 browser module main",
     "start": "ng serve",
     "build": "ng build st-client-lib && ng build",
     "watch": "ng build --watch --configuration development",
@@ -19,7 +20,8 @@
     "@angular/platform-browser-dynamic": "^14.2.0",
     "@angular/router": "^14.2.0",
     "rxjs": "~7.5.0",
-    "statsig-js": "^4.49.0",
+    "st-client-lib": "0.0.3",
+    "statsig-js": "^4.48.0",
     "tslib": "^2.3.0",
     "zone.js": "~0.11.4"
   },

projects/st-client-lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "st-client-lib",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "peerDependencies": {
     "@angular/common": "^14.2.0",
     "@angular/core": "^14.2.0",

projects/st-client-lib/src/lib/st-client-lib.service.ts

@@ -1,15 +1,14 @@
 import { Injectable } from '@angular/core';
-import Statsig, { DynamicConfig } from 'statsig-js';
+import { DynamicConfig } from 'statsig-js';
+import * as StatsigRoot from 'statsig-js'
 
 @Injectable({
   providedIn: 'root'
 })
 export class StClientLibService {
 
-  constructor() { }
-
-  public async statsigInit(key: string): Promise<void> {
-		Statsig.initialize(
+  	public async statsigInit(key: string): Promise<void> {
+		StatsigRoot.default.initialize(
 			key,
 			{
 				appVersion: '42',
@@ -26,10 +25,10 @@ export class StClientLibService {
 }
 
 public isFeatureEnabled(key: string): boolean {
-	return Statsig.checkGate(key);
+	return StatsigRoot.default.checkGate(key);
 }
 
 public getExperiment(experimentName: string): DynamicConfig {
-	return Statsig.getExperiment(experimentName);;
+	return StatsigRoot.default.getExperiment(experimentName);;
 }
 }

projects/st-client-lib/tsconfig.lib.json

@@ -6,10 +6,12 @@
     "declaration": true,
     "declarationMap": true,
     "inlineSources": true,
+    "allowSyntheticDefaultImports": true,
     "types": []
   },
   "exclude": [
     "src/test.ts",
     "**/*.spec.ts"
-  ]
+  ],
+  "include": ["**/*.ts"]
 }

src/app/app.component.ts

@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import { StService } from './statsig.service';
 import { StClientLibService } from 'st-client-lib';
 
+
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
@@ -22,7 +23,7 @@ export class AppComponent {
   }
 
   public async initDepsStatsig() {
-    await this.depsStatsigService.statsigInit('');
+    await this.depsStatsigService.statsigInit('client-C1rOhOyc5O1TqQIpY3MCp5wCtjfxlXMsUvQSTnKqPi4');
   }
 
   public getDepsExperiment(experimentName: string) {

src/app/statsig.service.ts

@@ -1,5 +1,6 @@
 import { Injectable } from '@angular/core';
-import Statsig, { DynamicConfig } from 'statsig-js';
+import * as Statsig from 'statsig-js';
+import { DynamicConfig } from 'statsig-js';
 
 @Injectable({
   providedIn: 'root'
@@ -9,7 +10,7 @@ export class StService {
     constructor() { }
 
     public async statsigInit(): Promise<void> {
-		Statsig.initialize(
+		Statsig.default.initialize(
 			'client-C1rOhOyc5O1TqQIpY3MCp5wCtjfxlXMsUvQSTnKqPi4',
 			{
 				appVersion: '42',
@@ -26,10 +27,10 @@ export class StService {
 	}
 
 	public isFeatureEnabled(key: string): boolean {
-		return Statsig.checkGate(key);
+		return Statsig.default.checkGate(key);
 	}
 
 	public getExperiment(experimentName: string): DynamicConfig {
-        return Statsig.getExperiment(experimentName);;
+        return Statsig.default.getExperiment(experimentName);;
 	}
 }

tsconfig.json

@@ -14,15 +14,14 @@
     "declaration": false,
     "downlevelIteration": true,
     "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
     "moduleResolution": "node",
     "importHelpers": true,
     "target": "es2020",
-    "paths": {
-      "st-client-lib": [
-        "dist/st-client-lib"
-      ]
-    },
-    "module": "es2020",
+    "skipLibCheck": true,
+    "skipDefaultLibCheck": true,
+    "allowSyntheticDefaultImports": true,
+    "module": "esnext",
     "lib": [
       "es2020",
       "dom"