Merge pull request #4 from workos/feature/sup-596-typescript-update-directory-sync-app-to

Feature/sup 596 typescript update directory sync app to es6 syntax

Author: edignot

typescript-directory-sync-example/README.md

@@ -1,6 +1,6 @@
 # TypeScript Example App with Directory Sync powered by WorkOS
 
-An example application demonstrating to use TypeScript with the [WorkOS Node SDK](https://github.com/workos/workos-node) to power Directory Sync. 
+An example application demonstrating to use TypeScript with the [WorkOS Node SDK](https://github.com/workos/workos-node) to power Directory Sync.
 
 ## Prerequisites
 
@@ -9,39 +9,41 @@ Node.js version 10+
 ## Node Project Setup
 
 1. Clone the main repo and install dependencies for the app you'd like to use:
+
     ```bash
     # HTTPS
     git clone https://github.com/workos/typescript-example-applications.git
     ```
+
     or
 
     ```bash
     # SSH
     git clone git@github.com:workos/typescript-example-applications.git
     ```
 
-2. Navigate to Directory Sync app within the cloned repo. 
-   ```bash
-   $ cd typescript-example-applications/typescript-directory-sync-example
-   ```
+2. Navigate to Directory Sync app within the cloned repo.
 
-3. Install the dependencies. 
     ```bash
-    $ npm install
+    $ cd typescript-example-applications/typescript-directory-sync-example
     ```
 
+3. Install the dependencies.
+    ```bash
+    $ npm install
+    ```
 
 ## Configure your environment
 
 1. Grab your [API Key](https://dashboard.workos.com/api-keys).
 2. Get your [Client ID](https://dashboard.workos.com/sso/configuration).
 3. Create a `.env` file at the root of the project and populate with the
-following environment variables (using values found above):
+   following environment variables (using values found above):
 
 ```typescript
-WORKOS_API_KEY=your_api_key_here
-WORKOS_CLIENT_ID=your_project_id_here
-PORT=3000
+WORKOS_API_KEY = your_api_key_here
+WORKOS_CLIENT_ID = your_project_id_here
+PORT = 8000
 ```
 
 ## Run the server
@@ -50,13 +52,12 @@ PORT=3000
 npm run dev
 ```
 
-Head to `http://localhost:3000/` to navigate your directories!
+Head to `http://localhost:8000/` to navigate your directories!
 
 ## Testing Webhooks
 
 ### 1. Click on the "Test Webhooks" button to navigate to the webhooks view.
 
-
 ### 2. Start an `ngrok` session
 
 [Ngrok](https://ngrok.com/) is a simple application that allows you to map a local endpoint to a public endpoint.
@@ -83,7 +84,6 @@ Then populate the following environment variable in your `.env` file at the root
 WORKOS_WEBHOOK_SECRET=your_webhook_secret
 ```
 
-
 ## Need help?
 
 If you get stuck and aren't able to resolve the issue by reading our [WorkOS Directory Sync documentation](https://workos.com/docs/directory-sync/guide), API reference, or tutorials, you can reach out to us at support@workos.com and we'll lend a hand.

typescript-directory-sync-example/dist/index.js

@@ -13,30 +13,23 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const express_1 = __importDefault(require("express"));
-const dotenv_1 = __importDefault(require("dotenv"));
-const path = require("path");
-const WorkOS = require('@workos-inc/node').default;
-var cookieParser = require('cookie-parser');
-var logger = require('morgan');
+require("dotenv/config");
+const node_1 = require("@workos-inc/node");
+const socket_io_1 = require("socket.io");
+const morgan_1 = __importDefault(require("morgan"));
 process.on('unhandledRejection', (reason, p) => { throw reason; });
-dotenv_1.default.config();
 const app = (0, express_1.default)();
-const port = process.env.PORT;
-const workos = new WorkOS(process.env.WORKOS_API_KEY);
+const port = process.env.PORT || '8000';
+const workos = new node_1.WorkOS(process.env.WORKOS_API_KEY);
+app.use('/public', express_1.default.static('public'));
+app.use(express_1.default.urlencoded({ extended: true }));
+app.set('view engine', 'ejs');
+app.use(express_1.default.json());
+app.use((0, morgan_1.default)('dev'));
 const server = app.listen(port, () => {
     console.log(`⚡️[server]: Server is running at https://localhost:${port}`);
 });
-const io = require('socket.io')(server);
-// app.engine('html', require('ejs').renderFile);
-app.set('views', './views');
-app.set('view engine', 'ejs');
-app.use(express_1.default.static(path.join(__dirname, "public")));
-app.use(logger('dev'));
-app.use(express_1.default.json());
-app.use(express_1.default.urlencoded({ extended: false }));
-app.use(cookieParser());
-app.use(express_1.default.static(path.join(__dirname)));
-app.use('/public', express_1.default.static('public'));
+const io = new socket_io_1.Server(server);
 io.on('connection', (socket) => {
     console.log('connected');
     socket.on('disconnect', () => {
@@ -63,12 +56,12 @@ app.get('/directory/:id', (req, res) => __awaiter(void 0, void 0, void 0, functi
 app.post('/webhooks', (req, res) => __awaiter(void 0, void 0, void 0, function* () {
     const webhook = workos.webhooks.constructEvent({
         payload: req.body,
-        sigHeader: req.headers['workos-signature'],
-        secret: process.env.WORKOS_WEBHOOK_SECRET,
+        sigHeader: typeof req.headers['workos-signature'] === 'string' ? req.headers['workos-signature'] : "",
+        secret: process.env.WORKOS_WEBHOOK_SECRET !== undefined ? process.env.WORKOS_WEBHOOK_SECRET : "",
         tolerance: 90000,
     });
     io.emit('webhook event', { webhook });
-    return 200;
+    res.sendStatus(200);
 }));
 app.get('/webhooks', (req, res) => __awaiter(void 0, void 0, void 0, function* () {
     res.render('webhooks.ejs', {

typescript-directory-sync-example/index.ts

@@ -1,36 +1,25 @@
-import express, { Express, Request, Response } from 'express';
-import dotenv from 'dotenv';
-import { Socket } from 'socket.io';
-import { Directory, Group, User } from '@workos-inc/node';
-const path = require("path");
-const WorkOS = require('@workos-inc/node').default;
-var cookieParser = require('cookie-parser');
-var logger = require('morgan');
+import express, { Express } from 'express'
+import 'dotenv/config'
+import { WorkOS, Directory, Group, User } from '@workos-inc/node'
+import { Server, Socket } from 'socket.io'
+import morgan from 'morgan'
 process.on('unhandledRejection', (reason, p) => { throw reason });
-dotenv.config();
 
 const app: Express = express();
-const port = process.env.PORT;
-const workos = new WorkOS(process.env.WORKOS_API_KEY);
+const port = process.env.PORT || '8000'
+const workos = new WorkOS(process.env.WORKOS_API_KEY)
+
+app.use('/public', express.static('public'))
+app.use(express.urlencoded({ extended: true }))
+app.set('view engine', 'ejs');
+app.use(express.json())
+app.use(morgan('dev'))
 
 const server = app.listen(port, () => {
     console.log(`⚡️[server]: Server is running at https://localhost:${port}`);
 });
 
-const io = require('socket.io')(server);
-
-
-// app.engine('html', require('ejs').renderFile);
-app.set('views', './views');
-app.set('view engine', 'ejs');
-app.use(express.static(path.join(__dirname, "public")));
-
-app.use(logger('dev'));
-app.use(express.json());
-app.use(express.urlencoded({ extended: false }));
-app.use(cookieParser());
-app.use(express.static(path.join(__dirname)));
-app.use('/public', express.static('public'));
+const io = new Server(server)
 
 io.on('connection', (socket: Socket) => {
     console.log('connected');
@@ -48,7 +37,6 @@ app.get("/", async (req, res) => {
     });
 });
 
-
 app.get('/directory/:id', async (req, res) => {
     const directories = await workos.directorySync.listDirectories();
     const directory = await directories.data.filter((directory: Directory) => {
@@ -63,13 +51,13 @@ app.get('/directory/:id', async (req, res) => {
 app.post('/webhooks', async (req, res) => {
     const webhook = workos.webhooks.constructEvent({
         payload: req.body,
-        sigHeader: req.headers['workos-signature'],
-        secret: process.env.WORKOS_WEBHOOK_SECRET,
+        sigHeader: typeof req.headers['workos-signature'] === 'string' ? req.headers['workos-signature'] : "",
+        secret: process.env.WORKOS_WEBHOOK_SECRET !== undefined ? process.env.WORKOS_WEBHOOK_SECRET : "",
         tolerance: 90000,
     })
     io.emit('webhook event', { webhook })
 
-    return 200;
+    res.sendStatus(200)
 })
 
 app.get('/webhooks', async (req, res) => {