@stytch/vanilla-js 0.0.0-rc.1

package/README.md

@@ -0,0 +1,69 @@
+# Stytch Javascript SDK as an ES Module
+
+[![npm version](https://img.shields.io/node/v/@stytch/stytch-js)](https://stytch.com/docs/javascript-sdk)
+[![Slack Link](https://img.shields.io/badge/chat-stytch.slack.com-FD4E43)](https://stytch.slack.com)
+
+## Installation
+
+```sh
+npm install @stytch/vanilla-js
+```
+
+## Usage
+
+The vanilla Stytch Javascript SDK is built on open web standards and is compatible with all Javascript frameworks.
+
+### `StytchUIClient`
+
+The Stytch UI Client provides methods for interacting with the Stytch API from a browser environment, along with prebuilt UI components such as our login form.
+
+```js
+import { StytchUIClient } from '@stytch/vanilla-js';
+
+const stytch = new StytchUIClient('public-token-test-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx');
+
+// Call Stytch APIs from the browser
+stytch.magicLinks.email.loginOrCreate('charles.babbage@example.com');
+
+// Render prebuilt UI
+stytch.mount({
+  elementId: '#magic-link',
+  loginOrSignupView: {
+    products: ['emailMagicLinks', 'oauth'],
+    emailMagicLinksOptions: {
+      loginRedirectURL: 'https://example.com/authenticate',
+      loginExpirationMinutes: 30,
+      signupRedirectURL: 'https://example.com/authenticate',
+      signupExpirationMinutes: 30,
+      createUserAsPending: true,
+    },
+    oauthOptions: {
+      providers: [{ type: 'google' }, { type: 'microsoft' }, { type: 'apple' }],
+      loginRedirectURL: 'https://example.com/authenticate',
+      signupRedirectURL: 'https://example.com/authenticate',
+    },
+  },
+});
+```
+
+### `StytchHeadlessClient`
+
+Developers that don't use Stytch UI elements can use the `StytchHeadlessClient` instead, which is _significantly_ smaller (sub-20kb gzipped!)
+
+```js
+import { StytchHeadlessClient } from '@stytch/vanilla-js/headless';
+
+const stytch = new StytchHeadlessClient('public-token-test-xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx');
+
+// Call Stytch APIs from the browser
+stytch.magicLinks.email.loginOrCreate('charles.babbage@example.com');
+```
+
+For more information on how to use the Stytch SDK, please refer to the
+[docs](https://stytch.com/docs/javascript-sdk).
+
+## See Also
+
+- For usage with React: see the [@stytch/react](https://www.npmjs.com/package/@stytch/react) library
+  and [sample app](https://github.com/stytchauth/stytchjs-react-magic-links)
+- For usage with Next.js: see the [sample app](https://github.com/stytchauth/stytch-nextjs-integration)

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+import { IHeadlessCryptoWalletClient, IHeadlessMagicLinksClient, IHeadlessOAuthClient, IHeadlessOTPsClient, IHeadlessPasswordClient, IHeadlessSessionClient, IHeadlessUserClient, IHeadlessTOTPClient, Config, StyleConfig } from "@stytch/core/public";
+declare class StytchHeadlessClient {
+    private readonly _subscriptionService;
+    private readonly _sessionManager;
+    private readonly _networkClient;
+    private readonly _dataLayer;
+    private readonly _pkceManager;
+    // External API Clients
+    user: IHeadlessUserClient;
+    magicLinks: IHeadlessMagicLinksClient;
+    session: IHeadlessSessionClient;
+    otps: IHeadlessOTPsClient;
+    oauth: IHeadlessOAuthClient;
+    cryptoWallets: IHeadlessCryptoWalletClient;
+    totps: IHeadlessTOTPClient;
+    passwords: IHeadlessPasswordClient;
+    constructor(_PUBLIC_TOKEN: string);
+}
+declare class StytchUIClient extends StytchHeadlessClient {
+    mount({ elementId, config, styles }: {
+        elementId: string;
+        config: Config;
+        styles: StyleConfig;
+    }): void;
+}
+export { StytchUIClient };
+export * from '@stytch/core/public';

package/dist/index.esm.d.ts

@@ -0,0 +1,27 @@
+import { IHeadlessCryptoWalletClient, IHeadlessMagicLinksClient, IHeadlessOAuthClient, IHeadlessOTPsClient, IHeadlessPasswordClient, IHeadlessSessionClient, IHeadlessUserClient, IHeadlessTOTPClient, Config, StyleConfig } from "@stytch/core/public";
+declare class StytchHeadlessClient {
+    private readonly _subscriptionService;
+    private readonly _sessionManager;
+    private readonly _networkClient;
+    private readonly _dataLayer;
+    private readonly _pkceManager;
+    // External API Clients
+    user: IHeadlessUserClient;
+    magicLinks: IHeadlessMagicLinksClient;
+    session: IHeadlessSessionClient;
+    otps: IHeadlessOTPsClient;
+    oauth: IHeadlessOAuthClient;
+    cryptoWallets: IHeadlessCryptoWalletClient;
+    totps: IHeadlessTOTPClient;
+    passwords: IHeadlessPasswordClient;
+    constructor(_PUBLIC_TOKEN: string);
+}
+declare class StytchUIClient extends StytchHeadlessClient {
+    mount({ elementId, config, styles }: {
+        elementId: string;
+        config: Config;
+        styles: StyleConfig;
+    }): void;
+}
+export { StytchUIClient };
+export * from '@stytch/core/public';