Code Block

Test page for the code block component

From file

Install SDK

 pip install workos

Add authentication endpoint

 const express = require('express');
const { WorkOS } = require('@workos-inc/node');

const app = express();

const workos = new WorkOS(process.env.WORKOS_API_KEY);
const clientId = process.env.WORKOS_CLIENT_ID;

app.get('/auth', (_req, res) => {
  // A WorkOS Connection ID
  const connection = CONNECTION_ID;

  // The callback URI WorkOS should redirect to after the authentication
  const redirectUri = REDIRECT_URI;

  const authorizationUrl = workos.sso.getAuthorizationUrl({
    clientId,
    redirectUri,
    connection: connection,
  });
  const authorizationUrl = workos.sso.getAuthorizationUrl({
    connection,
  });

  res.redirect(authorizationUrl);
});

 WorkOS::DirectoryUser.new <<~JSON
  {
    "id": "directory_user_01E1JG7J09H96KYP8HM9B0G5SJ",
    "idp_id": "2836",
    "directory_id": "directory_01ECAZ4NV9QMV47GW873HDCX74",
    "organization_id": "org_01EZTR6WYX1A0DSE2CYMGXQ24Y",
    "first_name": "Marcelina",
    "last_name": "Davis",
    "emails": [
      {
        "primary": true,
        "type": "work",
        "value": "marcelina@example.com"
      }
    ],
    "username": "marcelina@example.com",
    "groups": [
      {
        "id": "directory_group_01E64QTDNS0EGJ0FMCVY9BWGZT",
        "name": "Engineering",
        "created_at": "2021-06-25T19:07:33.155Z",
        "updated_at": "2021-06-25T19:07:33.155Z",
        "raw_attributes": {}
      }
    ],
    "state": "active",
    "custom_attributes": {
      "department": "Engineering"
    },
    "raw_attributes": {}
  }
JSON

From markdown

Example Code

JavaScript

 const express = require('express');
const { WorkOS } = require('@workos-inc/node');

const app = express();

const workos = new WorkOS(process.env.WORKOS_API_KEY);
const clientId = process.env.WORKOS_CLIENT_ID;

app.get('/callback', async (req, res) => {
  const { code } = req.query;

  const { profile } = await workos.sso.getProfileAndToken({
    code,
    clientId,
  });

  // Use the information in `profile` for further business logic.

  res.redirect('/');
});

From JSX and markdown

Console JS

 console.warn('This is a warning!');

Without title

 console.log();

Empty code block

With tabs across all languages

Input:

 <CodeBlock>
  <CodeBlockTab file="get-organization-request" title="Request" />
  <CodeBlockTab file="get-organization-response" title="Response" />
</CodeBlock>

Output:

 import { WorkOS } from '@workos-inc/node';

const workos = new WorkOS('sk_example_123456789');

const organization = await workos.organizations.getOrganization(
  'org_01EHZNVPK3SFK441A1RGBFSHRT',
);

One language with tabs

Only Java should have tabs here.

Input:

 <CodeBlock file="install-sdk">
  <CodeBlockTab language="java" file="install-sdk-maven" title="Maven" />
  <CodeBlockTab language="java" file="install-sdk-gradle" title="Gradle" />
</CodeBlock>

Output:

Install the WorkOS SDK

 npm install workos-node