@plasmicapp/auth-react 0.0.12 → 0.0.14

package/dist/hooks.d.ts

@@ -1,12 +1,12 @@
-import { PlasmicUser } from '@plasmicapp/auth-api';
-/**
- * Handles the authentication flow for Plasmic Auth and returns the user and token
- */
-export declare function usePlasmicAuth(opts: {
-    host?: string;
-    appId?: string;
-}): {
-    user: PlasmicUser | null | undefined;
-    token: string | null | undefined;
-    isUserLoading: boolean | undefined;
-};
+import { PlasmicUser } from '@plasmicapp/auth-api';
+/**
+ * Handles the authentication flow for Plasmic Auth and returns the user and token
+ */
+export declare function usePlasmicAuth(opts: {
+    host?: string;
+    appId?: string;
+}): {
+    user: PlasmicUser | null | undefined;
+    token: string | null | undefined;
+    isUserLoading: boolean | undefined;
+};

package/dist/index.d.ts

@@ -1,2 +1,2 @@
-export * from '@plasmicapp/auth-api';
-export * from './hooks';
+export * from '@plasmicapp/auth-api';
+export * from './hooks';

package/dist/index.esm.js

@@ -0,0 +1,173 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/index.ts
+export * from "@plasmicapp/auth-api";
+
+// src/hooks.ts
+import {
+  getPlasmicAppUser,
+  getPlasmicAppUserFromToken
+} from "@plasmicapp/auth-api";
+import { useMutablePlasmicQueryData } from "@plasmicapp/query";
+var storageUserKey = (appId) => `$user.${appId}`;
+var isBrowser = typeof window !== "undefined";
+function getCallbackParams() {
+  const params = new URLSearchParams(window.location.search);
+  const error = params.get("error");
+  const code = params.get("code");
+  const state = params.get("state");
+  return {
+    isCallbackError: !!error,
+    isCodeExchange: !!code && !!state,
+    error,
+    code,
+    state
+  };
+}
+function getCodeVerifier() {
+  try {
+    return localStorage.getItem("code_verifier");
+  } catch (err) {
+    return null;
+  }
+}
+function removeCallbackParams() {
+  try {
+    window.history.replaceState({}, "", location.pathname);
+  } catch (err) {
+    console.error(`Error while removing callback params: ${err}`);
+  }
+}
+function isContinueToSameLocation(continueTo) {
+  const pathname = window.location.pathname;
+  const origin = window.location.origin;
+  return continueTo === pathname || continueTo === origin + pathname;
+}
+function handleCallback(opts) {
+  return __async(this, null, function* () {
+    const { host, appId, code, state, codeVerifier } = opts;
+    let continueTo = "/";
+    try {
+      if (state) {
+        const parsedState = JSON.parse(state);
+        continueTo = parsedState.continueTo;
+      }
+    } catch (err) {
+      console.error(`Error while parsing state: ${err}`);
+    }
+    const result = yield getPlasmicAppUser({
+      host,
+      appId,
+      code,
+      codeVerifier
+    });
+    if (result.error) {
+      console.log(`Error while performing code exchange: ${result.error}`);
+      return void 0;
+    }
+    localStorage.setItem(storageUserKey(appId), result.token);
+    if (!isContinueToSameLocation(continueTo)) {
+      window.location.assign(continueTo);
+    } else {
+      removeCallbackParams();
+    }
+    return { token: result.token, user: result.user };
+  });
+}
+function checkAlreadyLoggedUser(opts) {
+  return __async(this, null, function* () {
+    const { appId, host } = opts;
+    const token = localStorage.getItem(storageUserKey(appId));
+    if (!token) {
+      return { user: null, token: null };
+    }
+    const { user, error } = yield getPlasmicAppUserFromToken({
+      host,
+      token
+    });
+    if (error) {
+      localStorage.removeItem(storageUserKey(appId));
+      console.log(`Error while checking logged user`);
+      return { user: null, token: null };
+    }
+    return { user, token };
+  });
+}
+function usePlasmicAuth(opts) {
+  const { host, appId } = opts;
+  const authKey = `$csq$plasmic-auth-${appId}`;
+  const { data: userData, isLoading } = useMutablePlasmicQueryData(
+    authKey,
+    () => __async(this, null, function* () {
+      if (!appId || !isBrowser) {
+        return { user: null, token: null };
+      }
+      try {
+        const callbackParams = getCallbackParams();
+        if (callbackParams.isCallbackError || callbackParams.isCodeExchange) {
+          if (callbackParams.isCallbackError) {
+            removeCallbackParams();
+            console.error(`Error: ${callbackParams.error}`);
+            return { user: null, token: null };
+          } else {
+            const codeVerifier = getCodeVerifier();
+            if (!codeVerifier) {
+              removeCallbackParams();
+              console.error("No code verifier found");
+              return { user: null, token: null };
+            } else {
+              const result = yield handleCallback({
+                host,
+                appId,
+                code: callbackParams.code,
+                state: callbackParams.state,
+                codeVerifier
+              });
+              if (!result) {
+                removeCallbackParams();
+                return { user: null, token: null };
+              }
+              return result;
+            }
+          }
+        } else {
+          return yield checkAlreadyLoggedUser({
+            appId,
+            host
+          });
+        }
+      } catch (err) {
+        console.error(`Error while handling auth: ${err}`);
+      }
+      return { user: null, token: null };
+    })
+  );
+  return {
+    user: userData == null ? void 0 : userData.user,
+    token: userData == null ? void 0 : userData.token,
+    isUserLoading: isLoading
+  };
+}
+export {
+  usePlasmicAuth
+};
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/hooks.ts"],
+  "sourcesContent": ["export * from '@plasmicapp/auth-api';\nexport * from './hooks';\n", "import {\n  getPlasmicAppUser,\n  getPlasmicAppUserFromToken,\n  PlasmicUser,\n} from '@plasmicapp/auth-api';\nimport { useMutablePlasmicQueryData } from '@plasmicapp/query';\n\ninterface PlasmicAuthData {\n  user: PlasmicUser | null;\n  token: string | null;\n}\n\nconst storageUserKey = (appId: string) => `$user.${appId}`;\n\nconst isBrowser = typeof window !== 'undefined';\n\nfunction getCallbackParams() {\n  const params = new URLSearchParams(window.location.search);\n  const error = params.get('error');\n  const code = params.get('code');\n  const state = params.get('state');\n\n  return {\n    isCallbackError: !!error,\n    isCodeExchange: !!code && !!state,\n    error,\n    code,\n    state,\n  };\n}\n\nfunction getCodeVerifier() {\n  try {\n    return localStorage.getItem('code_verifier');\n  } catch (err) {\n    return null;\n  }\n}\n\nfunction removeCallbackParams() {\n  try {\n    window.history.replaceState({}, '', location.pathname);\n  } catch (err) {\n    console.error(`Error while removing callback params: ${err}`);\n  }\n}\n\n// continueTo can be only a pathname or a full url with origin\n// we can consider that currently we are at the callback page\n// with callback params, so ignore the search params\nfunction isContinueToSameLocation(continueTo: string) {\n  const pathname = window.location.pathname;\n  const origin = window.location.origin;\n  return continueTo === pathname || continueTo === origin + pathname;\n}\n\nasync function handleCallback(opts: {\n  host?: string;\n  appId: string;\n  code: string;\n  state: string;\n  codeVerifier: string;\n}): Promise<PlasmicAuthData | undefined> {\n  const { host, appId, code, state, codeVerifier } = opts;\n\n  let continueTo = '/';\n  try {\n    if (state) {\n      const parsedState = JSON.parse(state);\n      continueTo = parsedState.continueTo;\n    }\n  } catch (err) {\n    console.error(`Error while parsing state: ${err}`);\n  }\n\n  const result = await getPlasmicAppUser({\n    host,\n    appId,\n    code,\n    codeVerifier,\n  });\n\n  if (result.error) {\n    console.log(`Error while performing code exchange: ${result.error}`);\n    return undefined;\n  }\n\n  localStorage.setItem(storageUserKey(appId), result.token);\n\n  if (!isContinueToSameLocation(continueTo)) {\n    window.location.assign(continueTo);\n  } else {\n    removeCallbackParams();\n  }\n\n  return { token: result.token, user: result.user };\n}\n\nasync function checkAlreadyLoggedUser(opts: {\n  appId: string;\n  host?: string;\n}): Promise<PlasmicAuthData> {\n  const { appId, host } = opts;\n\n  const token = localStorage.getItem(storageUserKey(appId));\n  if (!token) {\n    return { user: null, token: null };\n  }\n\n  const { user, error } = await getPlasmicAppUserFromToken({\n    host,\n    token,\n  });\n\n  if (error) {\n    // If there is an error, we just remove the token\n    // But ideally we should check if the reason is token expired\n    localStorage.removeItem(storageUserKey(appId));\n    console.log(`Error while checking logged user`);\n    return { user: null, token: null };\n  }\n\n  return { user, token };\n}\n\n/**\n * Handles the authentication flow for Plasmic Auth and returns the user and token\n */\nexport function usePlasmicAuth(opts: { host?: string; appId?: string }) {\n  const { host, appId } = opts;\n  const authKey = `$csq$plasmic-auth-${appId}`;\n  const { data: userData, isLoading } = useMutablePlasmicQueryData(\n    authKey,\n    async (): Promise<PlasmicAuthData> => {\n      if (!appId || !isBrowser) {\n        return { user: null, token: null };\n      }\n\n      // Fail silently for now\n      try {\n        // We first check if we are currently in the callback flow\n        const callbackParams = getCallbackParams();\n        if (callbackParams.isCallbackError || callbackParams.isCodeExchange) {\n          if (callbackParams.isCallbackError) {\n            // If there is an error, we just remove the callback params\n            removeCallbackParams();\n            console.error(`Error: ${callbackParams.error}`);\n            return { user: null, token: null };\n          } else {\n            const codeVerifier = getCodeVerifier();\n            if (!codeVerifier) {\n              // If there is no codeVerifier, we just remove the callback params\n              removeCallbackParams();\n              console.error('No code verifier found');\n              return { user: null, token: null };\n            } else {\n              // Perform code exchange, by the end of the callback handling we will either still be\n              // in the callback page or we will be redirected to the continueTo page.\n\n              const result = await handleCallback({\n                host,\n                appId,\n                code: callbackParams.code!,\n                state: callbackParams.state!,\n                codeVerifier,\n              });\n\n              // Undefined result means that the code exchange failed\n              if (!result) {\n                removeCallbackParams();\n                return { user: null, token: null };\n              }\n\n              // In the above case where the code exchange failed and the callback page requires login\n              // a login redirect will be triggered\n              return result;\n            }\n          }\n        } else {\n          return await checkAlreadyLoggedUser({\n            appId,\n            host,\n          });\n        }\n      } catch (err) {\n        console.error(`Error while handling auth: ${err}`);\n      }\n\n      return { user: null, token: null };\n    }\n  );\n\n  return {\n    user: userData?.user,\n    token: userData?.token,\n    isUserLoading: isLoading,\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/index.js

@@ -1,8 +1,191 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
-'use strict'
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  usePlasmicAuth: () => usePlasmicAuth
+});
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("@plasmicapp/auth-api"), module.exports);
 
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./auth-react.cjs.production.min.js')
-} else {
-  module.exports = require('./auth-react.cjs.development.js')
+// src/hooks.ts
+var import_auth_api = require("@plasmicapp/auth-api");
+var import_query = require("@plasmicapp/query");
+var storageUserKey = (appId) => `$user.${appId}`;
+var isBrowser = typeof window !== "undefined";
+function getCallbackParams() {
+  const params = new URLSearchParams(window.location.search);
+  const error = params.get("error");
+  const code = params.get("code");
+  const state = params.get("state");
+  return {
+    isCallbackError: !!error,
+    isCodeExchange: !!code && !!state,
+    error,
+    code,
+    state
+  };
 }
+function getCodeVerifier() {
+  try {
+    return localStorage.getItem("code_verifier");
+  } catch (err) {
+    return null;
+  }
+}
+function removeCallbackParams() {
+  try {
+    window.history.replaceState({}, "", location.pathname);
+  } catch (err) {
+    console.error(`Error while removing callback params: ${err}`);
+  }
+}
+function isContinueToSameLocation(continueTo) {
+  const pathname = window.location.pathname;
+  const origin = window.location.origin;
+  return continueTo === pathname || continueTo === origin + pathname;
+}
+function handleCallback(opts) {
+  return __async(this, null, function* () {
+    const { host, appId, code, state, codeVerifier } = opts;
+    let continueTo = "/";
+    try {
+      if (state) {
+        const parsedState = JSON.parse(state);
+        continueTo = parsedState.continueTo;
+      }
+    } catch (err) {
+      console.error(`Error while parsing state: ${err}`);
+    }
+    const result = yield (0, import_auth_api.getPlasmicAppUser)({
+      host,
+      appId,
+      code,
+      codeVerifier
+    });
+    if (result.error) {
+      console.log(`Error while performing code exchange: ${result.error}`);
+      return void 0;
+    }
+    localStorage.setItem(storageUserKey(appId), result.token);
+    if (!isContinueToSameLocation(continueTo)) {
+      window.location.assign(continueTo);
+    } else {
+      removeCallbackParams();
+    }
+    return { token: result.token, user: result.user };
+  });
+}
+function checkAlreadyLoggedUser(opts) {
+  return __async(this, null, function* () {
+    const { appId, host } = opts;
+    const token = localStorage.getItem(storageUserKey(appId));
+    if (!token) {
+      return { user: null, token: null };
+    }
+    const { user, error } = yield (0, import_auth_api.getPlasmicAppUserFromToken)({
+      host,
+      token
+    });
+    if (error) {
+      localStorage.removeItem(storageUserKey(appId));
+      console.log(`Error while checking logged user`);
+      return { user: null, token: null };
+    }
+    return { user, token };
+  });
+}
+function usePlasmicAuth(opts) {
+  const { host, appId } = opts;
+  const authKey = `$csq$plasmic-auth-${appId}`;
+  const { data: userData, isLoading } = (0, import_query.useMutablePlasmicQueryData)(
+    authKey,
+    () => __async(this, null, function* () {
+      if (!appId || !isBrowser) {
+        return { user: null, token: null };
+      }
+      try {
+        const callbackParams = getCallbackParams();
+        if (callbackParams.isCallbackError || callbackParams.isCodeExchange) {
+          if (callbackParams.isCallbackError) {
+            removeCallbackParams();
+            console.error(`Error: ${callbackParams.error}`);
+            return { user: null, token: null };
+          } else {
+            const codeVerifier = getCodeVerifier();
+            if (!codeVerifier) {
+              removeCallbackParams();
+              console.error("No code verifier found");
+              return { user: null, token: null };
+            } else {
+              const result = yield handleCallback({
+                host,
+                appId,
+                code: callbackParams.code,
+                state: callbackParams.state,
+                codeVerifier
+              });
+              if (!result) {
+                removeCallbackParams();
+                return { user: null, token: null };
+              }
+              return result;
+            }
+          }
+        } else {
+          return yield checkAlreadyLoggedUser({
+            appId,
+            host
+          });
+        }
+      } catch (err) {
+        console.error(`Error while handling auth: ${err}`);
+      }
+      return { user: null, token: null };
+    })
+  );
+  return {
+    user: userData == null ? void 0 : userData.user,
+    token: userData == null ? void 0 : userData.token,
+    isUserLoading: isLoading
+  };
+}
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/hooks.ts"],
+  "sourcesContent": ["export * from '@plasmicapp/auth-api';\nexport * from './hooks';\n", "import {\n  getPlasmicAppUser,\n  getPlasmicAppUserFromToken,\n  PlasmicUser,\n} from '@plasmicapp/auth-api';\nimport { useMutablePlasmicQueryData } from '@plasmicapp/query';\n\ninterface PlasmicAuthData {\n  user: PlasmicUser | null;\n  token: string | null;\n}\n\nconst storageUserKey = (appId: string) => `$user.${appId}`;\n\nconst isBrowser = typeof window !== 'undefined';\n\nfunction getCallbackParams() {\n  const params = new URLSearchParams(window.location.search);\n  const error = params.get('error');\n  const code = params.get('code');\n  const state = params.get('state');\n\n  return {\n    isCallbackError: !!error,\n    isCodeExchange: !!code && !!state,\n    error,\n    code,\n    state,\n  };\n}\n\nfunction getCodeVerifier() {\n  try {\n    return localStorage.getItem('code_verifier');\n  } catch (err) {\n    return null;\n  }\n}\n\nfunction removeCallbackParams() {\n  try {\n    window.history.replaceState({}, '', location.pathname);\n  } catch (err) {\n    console.error(`Error while removing callback params: ${err}`);\n  }\n}\n\n// continueTo can be only a pathname or a full url with origin\n// we can consider that currently we are at the callback page\n// with callback params, so ignore the search params\nfunction isContinueToSameLocation(continueTo: string) {\n  const pathname = window.location.pathname;\n  const origin = window.location.origin;\n  return continueTo === pathname || continueTo === origin + pathname;\n}\n\nasync function handleCallback(opts: {\n  host?: string;\n  appId: string;\n  code: string;\n  state: string;\n  codeVerifier: string;\n}): Promise<PlasmicAuthData | undefined> {\n  const { host, appId, code, state, codeVerifier } = opts;\n\n  let continueTo = '/';\n  try {\n    if (state) {\n      const parsedState = JSON.parse(state);\n      continueTo = parsedState.continueTo;\n    }\n  } catch (err) {\n    console.error(`Error while parsing state: ${err}`);\n  }\n\n  const result = await getPlasmicAppUser({\n    host,\n    appId,\n    code,\n    codeVerifier,\n  });\n\n  if (result.error) {\n    console.log(`Error while performing code exchange: ${result.error}`);\n    return undefined;\n  }\n\n  localStorage.setItem(storageUserKey(appId), result.token);\n\n  if (!isContinueToSameLocation(continueTo)) {\n    window.location.assign(continueTo);\n  } else {\n    removeCallbackParams();\n  }\n\n  return { token: result.token, user: result.user };\n}\n\nasync function checkAlreadyLoggedUser(opts: {\n  appId: string;\n  host?: string;\n}): Promise<PlasmicAuthData> {\n  const { appId, host } = opts;\n\n  const token = localStorage.getItem(storageUserKey(appId));\n  if (!token) {\n    return { user: null, token: null };\n  }\n\n  const { user, error } = await getPlasmicAppUserFromToken({\n    host,\n    token,\n  });\n\n  if (error) {\n    // If there is an error, we just remove the token\n    // But ideally we should check if the reason is token expired\n    localStorage.removeItem(storageUserKey(appId));\n    console.log(`Error while checking logged user`);\n    return { user: null, token: null };\n  }\n\n  return { user, token };\n}\n\n/**\n * Handles the authentication flow for Plasmic Auth and returns the user and token\n */\nexport function usePlasmicAuth(opts: { host?: string; appId?: string }) {\n  const { host, appId } = opts;\n  const authKey = `$csq$plasmic-auth-${appId}`;\n  const { data: userData, isLoading } = useMutablePlasmicQueryData(\n    authKey,\n    async (): Promise<PlasmicAuthData> => {\n      if (!appId || !isBrowser) {\n        return { user: null, token: null };\n      }\n\n      // Fail silently for now\n      try {\n        // We first check if we are currently in the callback flow\n        const callbackParams = getCallbackParams();\n        if (callbackParams.isCallbackError || callbackParams.isCodeExchange) {\n          if (callbackParams.isCallbackError) {\n            // If there is an error, we just remove the callback params\n            removeCallbackParams();\n            console.error(`Error: ${callbackParams.error}`);\n            return { user: null, token: null };\n          } else {\n            const codeVerifier = getCodeVerifier();\n            if (!codeVerifier) {\n              // If there is no codeVerifier, we just remove the callback params\n              removeCallbackParams();\n              console.error('No code verifier found');\n              return { user: null, token: null };\n            } else {\n              // Perform code exchange, by the end of the callback handling we will either still be\n              // in the callback page or we will be redirected to the continueTo page.\n\n              const result = await handleCallback({\n                host,\n                appId,\n                code: callbackParams.code!,\n                state: callbackParams.state!,\n                codeVerifier,\n              });\n\n              // Undefined result means that the code exchange failed\n              if (!result) {\n                removeCallbackParams();\n                return { user: null, token: null };\n              }\n\n              // In the above case where the code exchange failed and the callback page requires login\n              // a login redirect will be triggered\n              return result;\n            }\n          }\n        } else {\n          return await checkAlreadyLoggedUser({\n            appId,\n            host,\n          });\n        }\n      } catch (err) {\n        console.error(`Error while handling auth: ${err}`);\n      }\n\n      return { user: null, token: null };\n    }\n  );\n\n  return {\n    user: userData?.user,\n    token: userData?.token,\n    isUserLoading: isLoading,\n  };\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -1,12 +1,14 @@
 {
-  "version": "0.0.12",
+  "version": "0.0.14",
   "license": "MIT",
-  "main": "dist/index.js",
-  "typings": "dist/index.d.ts",
+  "types": "./dist/index.d.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.esm.js",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "default": "./dist/index.js"
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js"
     }
   },
   "files": [
@@ -16,55 +18,32 @@
     "node": ">=10"
   },
   "scripts": {
-    "start": "tsdx watch",
-    "build": "tsdx build",
-    "yalcp": "yalc publish --push",
+    "build": "yarn build:types && yarn build:index",
+    "build:types": "yarn tsc",
+    "build:index": "node ../../build.mjs ./src/index.ts",
     "test": "yarn --cwd=../.. test",
-    "lint": "tsdx lint",
+    "lint": "eslint",
     "prepare": "if-env PREPARE_NO_BUILD=true || yarn build",
     "size": "size-limit",
     "analyze": "size-limit --why"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "tsdx lint"
-    }
-  },
-  "prettier": {
-    "printWidth": 80,
-    "semi": true,
-    "singleQuote": true,
-    "trailingComma": "es5"
-  },
   "name": "@plasmicapp/auth-react",
   "author": "Chung Wu",
-  "module": "dist/auth-react.esm.js",
   "size-limit": [
     {
-      "path": "dist/auth-react.cjs.production.min.js",
-      "limit": "10 KB"
-    },
-    {
-      "path": "dist/auth-react.esm.js",
+      "path": "dist/index.js",
       "limit": "10 KB"
     }
   ],
-  "devDependencies": {
-    "@size-limit/preset-small-lib": "^4.11.0",
-    "husky": "^6.0.0",
-    "size-limit": "^4.11.0",
-    "tsdx": "^0.14.1",
-    "tslib": "^2.2.0"
-  },
   "dependencies": {
-    "@plasmicapp/auth-api": "0.0.9",
+    "@plasmicapp/auth-api": "0.0.11",
     "@plasmicapp/isomorphic-unfetch": "1.0.3",
-    "@plasmicapp/query": "0.1.71"
+    "@plasmicapp/query": "0.1.73"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2c9707207a827f2e199268a0e53ee3718fc4f828",
+  "gitHead": "061bfb393e0e5faabf92ef07b21e60107a5e7971",
   "peerDependencies": {
     "react": ">=16.8.0"
   }