Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore: combine 'index.html' and 'main.js' using <CodeBlockTabs /> #1603

Merged
merged 2 commits into from
Oct 8, 2024
Merged

chore: combine 'index.html' and 'main.js' using <CodeBlockTabs /> #1603

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ef6fdee
Consolidate index.html and main.js into codeblocktabs
alexisintech Oct 4, 2024
51483c0
Merge branch 'main' into aa/DOCS-9241
victoriaxyz Oct 8, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docs/advanced-usage/using-proxies.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -285,7 +285,7 @@ When using a proxy, all requests to the Frontend API will be made through your d
<Tab>
To configure your proxy setup using properties in your JavaScript application, pass the `proxyUrl` option to the [`load()`](/docs/references/javascript/clerk/clerk#load) method.

<CodeBlockTabs type="npm-script" options={["NPM module", "<script>"]}>
<CodeBlockTabs options={["NPM module", "<script>"]}>
```js {{ filename: 'main.js' }}
import { Clerk } from '@clerk/clerk-js'

Expand Down
6 changes: 3 additions & 3 deletions docs/components/authentication/google-one-tap.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -112,7 +112,7 @@ function openGoogleOneTap(params: GoogleOneTapProps): void

#### `openGoogleOneTap()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'index.js', mark: [[7, 12]] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -163,7 +163,7 @@ function closeGoogleOneTap(): void

#### `closeGoogleOneTap()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'index.js', mark: [16] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -236,7 +236,7 @@ function authenticateWithGoogleOneTap(

#### `authenticateWithGoogleOneTap()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'index.js', mark: [[7, 15]] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down
8 changes: 4 additions & 4 deletions docs/components/authentication/sign-in.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -182,7 +182,7 @@ function mountSignIn(node: HTMLDivElement, props?: SignInProps): void

#### `mountSignIn()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'index.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -244,7 +244,7 @@ function unmountSignIn(node: HTMLDivElement): void

#### `unmountSignIn()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'index.js', mark: [17] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -314,7 +314,7 @@ function openSignIn(props?: SignInProps): void

#### `openSignIn()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'index.js', mark: [7] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -356,7 +356,7 @@ function closeSignIn(): void

#### `closeSignIn()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'index.js', mark: [11] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down
8 changes: 4 additions & 4 deletions docs/components/authentication/sign-up.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -175,7 +175,7 @@ function mountSignUp(node: HTMLDivElement, props?: SignUpProps): void

#### `mountSignUp()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```typescript {{ filename: 'index.ts', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -237,7 +237,7 @@ function unmountSignUp(node: HTMLDivElement): void

#### `unmountSignUp()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```typescript {{ filename: 'index.ts', mark: [17] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -307,7 +307,7 @@ function openSignUp(props?: SignUpProps): void

#### `openSignUp()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'index.ts', mark: [7] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -349,7 +349,7 @@ function closeSignUp(): void

#### `closeSignUp()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'index.ts', mark: [11] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down
8 changes: 4 additions & 4 deletions docs/components/organization/create-organization.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ function mountCreateOrganization(node: HTMLDivElement, props?: CreateOrganizatio

#### `mountCreateOrganization()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -208,7 +208,7 @@ function unmountCreateOrganization(node: HTMLDivElement): void

#### `unmountCreateOrganization()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [17] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -278,7 +278,7 @@ function openCreateOrganization(props?: CreateOrganizationProps): void

#### `openCreateOrganization()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -331,7 +331,7 @@ function closeCreateOrganization(): void

#### `closeCreateOrganization()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [17] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down
4 changes: 2 additions & 2 deletions docs/components/organization/organization-list.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -177,7 +177,7 @@ function mountOrganizationList(node: HTMLDivElement, props?: OrganizationListPro

### `mountOrganizationList()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -239,7 +239,7 @@ function unmountOrganizationList(node: HTMLDivElement): void

### `unmountOrganizationList()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [17] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down
8 changes: 4 additions & 4 deletions docs/components/organization/organization-profile.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -143,7 +143,7 @@ function mountOrganizationProfile(node: HTMLDivElement, props?: OrganizationProf

#### `mountOrganizationProfile()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -205,7 +205,7 @@ function unmountOrganizationProfile(node: HTMLDivElement): void

#### `unmountOrganizationProfile()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [17] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -275,7 +275,7 @@ function openOrganizationProfile(props?: OrganizationProfileProps): void

#### `openOrganizationProfile()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -328,7 +328,7 @@ function closeOrganizationProfile(): void

#### `closeOrganizationProfile()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down
4 changes: 2 additions & 2 deletions docs/components/organization/organization-switcher.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -204,7 +204,7 @@ function mountOrganizationSwitcher(node: HTMLDivElement, props?: OrganizationSwi

### <code>mountOrganization<wbr />Switcher()</code> usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -266,7 +266,7 @@ function unmountOrganizationSwitcher(node: HTMLDivElement): void

### <code>unmountOrganization<wbr />Switcher()</code> usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [17] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down
4 changes: 2 additions & 2 deletions docs/components/user/user-button.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -284,7 +284,7 @@ function mountUserButton(node: HTMLDivElement, props?: UserButtonProps): void

#### `mountUserButton()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -346,7 +346,7 @@ function unmountUserButton(node: HTMLDivElement): void

#### `unmountUserButton()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [17] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down
8 changes: 4 additions & 4 deletions docs/components/user/user-profile.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -139,7 +139,7 @@ function mountUserProfile(node: HTMLDivElement, props?: UserProfileProps): void

#### `mountUserProfile()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -201,7 +201,7 @@ function unmountUserProfile(node: HTMLDivElement): void

#### `unmountUserProfile()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [17] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -271,7 +271,7 @@ function openUserProfile(props?: UserProfileProps): void

#### `openUserProfile()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down Expand Up @@ -324,7 +324,7 @@ function closeUserProfile(): void

#### `closeUserProfile()` usage

<CodeBlockTabs type="npm-script" options={['NPM module', '<script>']}>
<CodeBlockTabs options={['NPM module', '<script>']}>
```js {{ filename: 'main.js', mark: [13] }}
import { Clerk } from '@clerk/clerk-js'

Expand Down
4 changes: 2 additions & 2 deletions docs/custom-flows/email-sms-otp.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -136,7 +136,7 @@ This guide will walk you through how to build a custom SMS OTP sign-up and sign-
</Tab>

<Tab>
<Tabs type="npm-script" items={["NPM module", "<script>"]}>
<Tabs items={["NPM module", "<script>"]}>
<Tab>
Use the following tabs to view the code necessary for each file.

Expand Down Expand Up @@ -542,7 +542,7 @@ This guide will walk you through how to build a custom SMS OTP sign-up and sign-
</Tab>

<Tab>
<Tabs type="npm-script" items={["NPM module", "<script>"]}>
<Tabs items={["NPM module", "<script>"]}>
<Tab>
Use the following tabs to view the code necessary for each file.

Expand Down
Loading
Loading