Add Feature flags

.gitignore

@@ -1 +1,4 @@
-node_modules
+node_modules
+dist
+.DS_Store
+coverage

index.d.ts

@@ -1,23 +1,58 @@
 import React from "react";
 
 export declare function useKindeAuth(): State;
+
 export declare function KindeProvider({
   children,
 }: {
   children: any;
 }): React.Provider<State>;
+
 export declare function handleAuth(): any;
+
 export type User = {
   id: string;
   name: string | null;
   email: string | null;
   given_name: string | null;
   family_name: string | null;
   updated_at: string | null;
+  picture: string | null;
 };
+
 export type State = {
   user: User;
   isLoading: boolean;
   isAuthenticated: boolean;
   error?: string | undefined;
 };
+
+export type KindePermissions = {
+  permissions: string[];
+  orgCode: string;
+};
+
+export type KindePermission = {
+  isGranted: boolean;
+  orgCode: string;
+};
+
+export type KindeFlagTypeCode = "b" | "i" | "s";
+
+export type KindeFlagTypeValue = "boolean" | "integer" | "string";
+
+export type KindeFlag = {
+  code: string;
+  type: KindeFlagTypeValue | null;
+  value: any;
+  defaultValue: any | null;
+  is_default: boolean;
+};
+
+export type KindeOrganization = {
+  orgCode: string;
+};
+
+export type KindeOrganizations = {
+  orgCodes: string[];
+};

package.json

@@ -1,23 +1,31 @@
 {
   "name": "@kinde-oss/kinde-auth-nextjs",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "Kinde Auth SDK for NextJS",
-  "main": "bundle.js",
-  "types": "index.d.ts",
+  "main": "dist/kinde-auth-nextjs.common.js",
+  "module": "dist/kinde-auth-nextjs.esm.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
   "scripts": {
-    "test": "jest",
-    "build": "rollup -c"
+    "build": "genversion --es6 src/utils/version.js && rollup -c",
+    "test": "jest"
+  },
+  "author": {
+    "name": "Kinde",
+    "email": "engineering@kinde.com",
+    "url": "https://kinde.com"
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/kinde-oss"
+    "url": "https://github.com/kinde-oss/kinde-auth-nextjs"
   },
-  "author": "",
-  "license": "MIT",
+  "bugs": "https://github.com/kinde-oss/kinde-auth-nextjs",
+  "homepage": "https://kinde.com",
   "devDependencies": {
     "@babel/core": "^7.17.12",
     "@babel/preset-react": "^7.17.12",
     "@rollup/plugin-babel": "^5.3.1",
+    "genversion": "^3.1.1",
     "rollup": "^2.73.0",
     "rollup-plugin-terser": "^7.0.2"
   },

rollup.config.js

@@ -4,8 +4,14 @@ import { terser } from "rollup-plugin-terser";
 export default {
   plugins: [babel({ babelHelpers: "bundled" }), terser()],
   input: "src/index.js",
-  output: {
-    file: "bundle.js",
-    format: "cjs",
-  },
+  output: [
+    {
+      file: "dist/kinde-auth-nextjs.common.js",
+      format: "cjs",
+    },
+    {
+      file: "dist/kinde-auth-nextjs.esm.js",
+      format: "es",
+    },
+  ],
 };

src/handlers/callback.js

@@ -1,5 +1,7 @@
 import jwt_decode from "jwt-decode";
 import { config } from "../config/index";
+import { version } from "../utils/version";
+
 var cookie = require("cookie");
 
 export const callback = async (req, res) => {
@@ -16,6 +18,7 @@ export const callback = async (req, res) => {
           method: "POST",
           headers: new Headers({
             "Content-type": "application/x-www-form-urlencoded; charset=UTF-8",
+            "Kinde-SDK": `"NextJS"/${version}`,
           }),
           body: new URLSearchParams({
             client_id: config.clientID,

src/index.js

@@ -1,10 +1,3 @@
 export { KindeProvider, useKindeAuth } from "./frontend/index";
 export { handleAuth } from "./handlers/index";
-export {
-  getAccessToken,
-  getIdToken,
-  getOrganization,
-  getPermission,
-  getPermissions,
-  getUserOrganizations,
-} from "./session/index";
+export * from "./session/index";

src/session/getBooleanFlag.js

@@ -0,0 +1,10 @@
+import { getFlag } from "./getFlag";
+
+export const getBooleanFlag = (code, defaultValue) => {
+  try {
+    const flag = getFlag(code, defaultValue, "b");
+    return flag.value;
+  } catch (err) {
+    console.error(err);
+  }
+};

src/session/getFlag.js

@@ -0,0 +1,37 @@
+import { getClaim } from "./getClaim";
+
+const flagDataTypeMap = {
+  s: "string",
+  i: "integer",
+  b: "boolean",
+};
+
+const getClaimValue = (claim, tokenKey = "access_token") => {
+  const obj = getClaim(claim, tokenKey);
+  return obj && obj.value;
+};
+
+export const getFlag = (code, defaultValue, flagType) => {
+  const flags = getClaimValue("feature_flags");
+  const flag = flags && flags[code] ? flags[code] : {};
+
+  if (!flag.v && !defaultValue) {
+    throw Error(
+      `Flag ${code} was not found, and no default value has been provided`
+    );
+  }
+
+  if (flagType && flag.t && flagType !== flag.t) {
+    throw Error(
+      `Flag ${code} is of type ${flagDataTypeMap[flag.t]} - requested type ${
+        flagDataTypeMap[flagType]
+      }`
+    );
+  }
+  return {
+    code,
+    type: flagDataTypeMap[flag.t || flagType],
+    value: flag.v == null ? defaultValue : flag.v,
+    is_default: flag.v == null,
+  };
+};

src/session/getIntegerFlag.js

@@ -0,0 +1,10 @@
+import { getFlag } from "./getFlag";
+
+export const getIntegerFlag = (code, defaultValue) => {
+  try {
+    const flag = getFlag(code, defaultValue, "i");
+    return flag.value;
+  } catch (err) {
+    console.error(err);
+  }
+};

src/session/getStringFlag.js

@@ -0,0 +1,10 @@
+import { getFlag } from "./getFlag";
+
+export const getStringFlag = (code, defaultValue) => {
+  try {
+    const flag = getFlag(code, defaultValue, "s");
+    return flag.value;
+  } catch (err) {
+    console.error(err);
+  }
+};

src/session/index.js

@@ -1,6 +1,10 @@
 export { getAccessToken } from "./getAccessToken";
+export { getBooleanFlag } from "./getBooleanFlag";
+export { getFlag } from "./getFlag";
 export { getIdToken } from "./getIdToken";
+export { getIntegerFlag } from "./getIntegerFlag";
 export { getOrganization } from "./getOrganization";
 export { getPermission } from "./getPermission";
 export { getPermissions } from "./getPermissions";
+export { getStringFlag } from "./getStringFlag";
 export { getUserOrganizations } from "./getUserOrganizations";