@canva/cli 1.8.0 → 1.10.0

package/templates/base/utils/backend/base_backend/create.ts

@@ -1,10 +1,10 @@
 /* eslint-disable no-console */
 import debug from "debug";
-import * as express from "express";
+import express from "express";
 import type { NextFunction, Request, Response } from "express";
-import * as fs from "fs";
-import * as http from "http";
-import * as https from "https";
+import fs from "fs";
+import http from "http";
+import https from "https";
 
 const serverDebug = debug("server");
 
@@ -41,12 +41,12 @@ export function createBaseServer(router: express.Router): BaseServer {
   app.disable("x-powered-by");
 
   // Health check endpoint
-  app.get("/healthz", (req, res: Response) => {
+  app.get("/healthz", (req, res) => {
     res.sendStatus(200);
   });
 
   // logging middleware
-  app.use((req: Request, res: Response, next: NextFunction) => {
+  app.use((req, _res, next) => {
     serverDebug(`${new Date().toISOString()}: ${req.method} ${req.url}`);
     next();
   });
@@ -62,7 +62,7 @@ export function createBaseServer(router: express.Router): BaseServer {
   });
 
   // default error handler
-  app.use((err, req, res, next) => {
+  app.use((err: Error, _req: Request, res: Response, _next: NextFunction) => {
     console.error(err.stack);
     res.status(500).send({
       error: "something went wrong",

package/templates/base/utils/backend/bearer_middleware/bearer_middleware.ts

@@ -1,8 +1,6 @@
 /* eslint-disable no-console */
-import * as debug from "debug";
+import debug from "debug";
 import type { NextFunction, Request, Response } from "express";
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import Express from "express-serve-static-core";
 
 /**
  * Prefix your start command with `DEBUG=express:middleware:bearer` to enable debug logging
@@ -47,13 +45,13 @@ export function createBearerMiddleware(
 
       req["user_id"] = user;
 
-      next();
+      return next();
     } catch (e) {
       if (e instanceof AuthorizationError) {
         return sendUnauthorizedResponse(res, e.message);
       }
 
-      next(e);
+      return next(e);
     }
   };
 }

package/templates/base/utils/backend/jwt_middleware/jwt_middleware.ts

@@ -1,10 +1,7 @@
 /* eslint-disable no-console */
-import * as chalk from "chalk";
-import * as debug from "debug";
+import debug from "debug";
 import type { NextFunction, Request, Response } from "express";
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import Express from "express-serve-static-core";
-import * as jwt from "jsonwebtoken";
+import jwt from "jsonwebtoken";
 import { JwksClient, SigningKeyNotFoundError } from "jwks-rsa";
 
 /**
@@ -116,7 +113,7 @@ export function createJwtMiddleware(
         userId: payload.userId,
       };
 
-      next();
+      return next();
     } catch (e) {
       if (e instanceof JWTAuthorizationError) {
         return sendUnauthorizedResponse(res, e.message);
@@ -125,9 +122,7 @@ export function createJwtMiddleware(
       if (e instanceof SigningKeyNotFoundError) {
         return sendUnauthorizedResponse(
           res,
-          `Public key not found. ${chalk.bgRedBright(
-            "Ensure you have the correct App_ID set",
-          )}.`,
+          `Public key not found. Ensure you have the correct App_ID set`,
         );
       }
 
@@ -139,7 +134,7 @@ export function createJwtMiddleware(
         return sendUnauthorizedResponse(res, "Token expired");
       }
 
-      next(e);
+      return next(e);
     }
   };
 }

package/templates/base/utils/use_add_element.ts

@@ -30,6 +30,11 @@ export const useAddElement = () => {
       } else if (features.isSupported(addElementAtCursor)) {
         return addElementAtCursor(element);
       }
+      // eslint-disable-next-line no-console
+      console.warn(
+        "Neither addElementAtPoint nor addElementAtCursor are supported",
+      );
+      return Promise.resolve();
     };
   });
 
@@ -40,6 +45,11 @@ export const useAddElement = () => {
       } else if (isSupported(addElementAtCursor)) {
         return addElementAtCursor(element);
       }
+      // eslint-disable-next-line no-console
+      console.warn(
+        "Neither addElementAtPoint nor addElementAtCursor are supported",
+      );
+      return Promise.resolve();
     };
     setAddElement(() => addElement);
   }, [isSupported]);

package/templates/base/webpack.config.ts

@@ -1,9 +1,9 @@
 import type { Configuration } from "webpack";
 import { DefinePlugin, optimize } from "webpack";
-import * as path from "path";
-import * as TerserPlugin from "terser-webpack-plugin";
+import path from "path";
+import TerserPlugin from "terser-webpack-plugin";
 import { transform } from "@formatjs/ts-transformer";
-import * as chalk from "chalk";
+import chalk from "chalk";
 import { config } from "dotenv";
 import { Configuration as DevServerConfiguration } from "webpack-dev-server";
 
@@ -196,7 +196,7 @@ function buildDevConfig(options?: DevConfig): {
     return {};
   }
 
-  const { port, enableHmr, appOrigin, appId, enableHttps, certFile, keyFile } =
+  const { port, enableHmr, appOrigin, enableHttps, certFile, keyFile } =
     options;
   const host = "localhost";
 

package/templates/common/utils/backend/base_backend/create.ts

@@ -1,10 +1,10 @@
 /* eslint-disable no-console */
 import debug from "debug";
-import * as express from "express";
+import express from "express";
 import type { NextFunction, Request, Response } from "express";
-import * as fs from "fs";
-import * as http from "http";
-import * as https from "https";
+import fs from "fs";
+import http from "http";
+import https from "https";
 
 const serverDebug = debug("server");
 
@@ -41,12 +41,12 @@ export function createBaseServer(router: express.Router): BaseServer {
   app.disable("x-powered-by");
 
   // Health check endpoint
-  app.get("/healthz", (req, res: Response) => {
+  app.get("/healthz", (req, res) => {
     res.sendStatus(200);
   });
 
   // logging middleware
-  app.use((req: Request, res: Response, next: NextFunction) => {
+  app.use((req, _res, next) => {
     serverDebug(`${new Date().toISOString()}: ${req.method} ${req.url}`);
     next();
   });
@@ -62,7 +62,7 @@ export function createBaseServer(router: express.Router): BaseServer {
   });
 
   // default error handler
-  app.use((err, req, res, next) => {
+  app.use((err: Error, _req: Request, res: Response, _next: NextFunction) => {
     console.error(err.stack);
     res.status(500).send({
       error: "something went wrong",

package/templates/common/utils/backend/jwt_middleware/jwt_middleware.ts

@@ -1,10 +1,7 @@
 /* eslint-disable no-console */
-import * as chalk from "chalk";
-import * as debug from "debug";
+import debug from "debug";
 import type { NextFunction, Request, Response } from "express";
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import Express from "express-serve-static-core";
-import * as jwt from "jsonwebtoken";
+import jwt from "jsonwebtoken";
 import { JwksClient, SigningKeyNotFoundError } from "jwks-rsa";
 
 /**
@@ -116,7 +113,7 @@ export function createJwtMiddleware(
         userId: payload.userId,
       };
 
-      next();
+      return next();
     } catch (e) {
       if (e instanceof JWTAuthorizationError) {
         return sendUnauthorizedResponse(res, e.message);
@@ -125,9 +122,7 @@ export function createJwtMiddleware(
       if (e instanceof SigningKeyNotFoundError) {
         return sendUnauthorizedResponse(
           res,
-          `Public key not found. ${chalk.bgRedBright(
-            "Ensure you have the correct App_ID set",
-          )}.`,
+          `Public key not found. Ensure you have the correct App_ID set`,
         );
       }
 
@@ -139,7 +134,7 @@ export function createJwtMiddleware(
         return sendUnauthorizedResponse(res, "Token expired");
       }
 
-      next(e);
+      return next(e);
     }
   };
 }

package/templates/common/utils/table_wrapper.ts

@@ -19,9 +19,10 @@ export class TableWrapper {
     }[],
   ) {
     this.validateRowColumn();
-    this.metaCells = Array.from({ length: this.rows.length }, () =>
-      Array.from({ length: this.rows[0].cells.length }, () => ({})),
-    );
+    this.metaCells = [];
+    for (const row of this.rows) {
+      this.metaCells.push(Array.from({ length: row.cells.length }, () => ({})));
+    }
     this.syncMergedCellsFromRows();
   }
 
@@ -94,16 +95,14 @@ export class TableWrapper {
 
     this.validateRowColumn(1, 0);
 
+    const columnLength = this.rows[0]?.cells.length || 0;
     const newRow = {
-      cells: Array.from(
-        { length: this.rows[0].cells.length },
-        () => ({}) as Cell,
-      ),
+      cells: Array.from({ length: columnLength }, () => ({}) as Cell),
     };
     this.rows.splice(afterRowPos, 0, newRow);
 
     const newMergeCells: MetaCell[] = Array.from(
-      { length: this.rows[0].cells.length },
+      { length: columnLength },
       () => ({}),
     );
     this.metaCells.splice(afterRowPos, 0, newMergeCells);
@@ -134,22 +133,24 @@ export class TableWrapper {
    * column is inserted between them, the new column will also have the same background color.
    */
   addColumn(afterColumnPos: number) {
-    if (afterColumnPos < 0 || afterColumnPos > this.rows[0].cells.length) {
+    const columnLength = this.rows[0]?.cells.length || 0;
+    if (afterColumnPos < 0 || afterColumnPos > columnLength) {
       throw new TableValidationError(
-        `New column position must be between 0 and ${this.rows[0].cells.length}.`,
+        `New column position must be between 0 and ${columnLength}.`,
       );
     }
 
     this.validateRowColumn(0, 1);
 
     this.rows.forEach((row) => row.cells.splice(afterColumnPos, 0, null));
+    const newColumnLength = this.rows[0]?.cells.length || 0;
 
     const newMergeCell: MetaCell = {};
     this.metaCells.forEach((row) =>
       row.splice(afterColumnPos, 0, newMergeCell),
     );
 
-    if (0 < afterColumnPos && afterColumnPos < this.rows[0].cells.length) {
+    if (0 < afterColumnPos && afterColumnPos < newColumnLength) {
       // Insert in between columns
       for (let i = 0; i < this.rows.length; i++) {
         this.mayCopyStyles({
@@ -178,7 +179,7 @@ export class TableWrapper {
     this.validateCellBoundaries(rowPos, columnPos);
     const rowIndex = rowPos - 1;
     const columnIndex = columnPos - 1;
-    const { mergedInto } = this.metaCells[rowIndex][columnIndex];
+    const { mergedInto } = this.getMetaCell(rowIndex, columnIndex);
     if (!mergedInto) {
       // Not belongs to any merged cell
       return false;
@@ -199,7 +200,15 @@ export class TableWrapper {
         `The cell at ${rowPos},${columnPos} is squashed into another cell`,
       );
     }
-    return this.rows[rowPos - 1].cells[columnPos - 1];
+    return this.getCellInternal(rowPos - 1, columnPos - 1);
+  }
+
+  getCellInternal(rowIdx: number, columnIdx: number) {
+    const row = this.rows[rowIdx];
+    if (!row) {
+      throw new Error("validateCellBoundaries should be called first");
+    }
+    return row.cells[columnIdx];
   }
 
   /**
@@ -222,8 +231,12 @@ export class TableWrapper {
     const rowIndex = rowPos - 1;
     const columnIndex = columnPos - 1;
     const { rowSpan: oldRowSpan, colSpan: oldColSpan } =
-      this.rows[rowIndex].cells[columnIndex] || {};
-    this.rows[rowIndex].cells[columnIndex] = details;
+      this.getCellInternal(rowIndex, columnIndex) || {};
+
+    const row = this.rows[rowIndex];
+    if (row) {
+      row.cells[columnIndex] = details;
+    }
 
     if (oldRowSpan !== rowSpan || oldColSpan !== colSpan) {
       this.syncMergedCellsFromRows();
@@ -232,10 +245,11 @@ export class TableWrapper {
 
   private validateRowColumn(toBeAddedRow = 0, toBeAddedColumn = 0) {
     const rowCount = this.rows.length + toBeAddedRow;
-    const columnCount = this.rows[0].cells.length + toBeAddedColumn;
-    if (rowCount === 0) {
+    const row = this.rows[0];
+    if (rowCount === 0 || !row) {
       throw new TableValidationError("Table must have at least one row.");
     }
+    const columnCount = row.cells.length + toBeAddedColumn;
     if (columnCount === 0) {
       throw new TableValidationError("Table must have at least one column.");
     }
@@ -267,6 +281,9 @@ export class TableWrapper {
     // Then loop through this.rows to find any merged cells
     for (let rowIndex = 0; rowIndex < this.rows.length; rowIndex++) {
       const row = this.rows[rowIndex];
+      if (!row) {
+        continue;
+      }
       for (let columnIndex = 0; columnIndex < row.cells.length; columnIndex++) {
         const cell = row.cells[columnIndex] || { colSpan: 1, rowSpan: 1 };
         const colSpan = cell.colSpan || 1;
@@ -304,7 +321,7 @@ export class TableWrapper {
   ) {
     for (let row = fromRow; row <= toRow; row++) {
       for (let column = fromColumn; column <= toColumn; column++) {
-        const metaCell = this.metaCells[row][column];
+        const metaCell = this.getMetaCell(row, column);
 
         if (metaCell.mergedInto) {
           // This cell may be squashed by another merge cell
@@ -344,39 +361,57 @@ export class TableWrapper {
     currentColumnIdx: number;
   }) {
     // Continue span if both front and behind cells belong to a same merged cell
-    const frontMergedCell =
-      this.metaCells[frontRowIdx][frontColumnIdx].mergedInto;
-    const behindMergedCell =
-      this.metaCells[behindRowIdx][behindColumnIdx].mergedInto;
+    const frontMergedCell = this.getMetaCell(
+      frontRowIdx,
+      frontColumnIdx,
+    ).mergedInto;
+    const behindMergedCell = this.getMetaCell(
+      behindRowIdx,
+      behindColumnIdx,
+    ).mergedInto;
     if (
       frontMergedCell &&
       frontMergedCell.row === behindMergedCell?.row &&
       frontMergedCell.column === behindMergedCell?.column
     ) {
-      this.metaCells[currentRowIdx][currentColumnIdx].mergedInto = {
+      this.getMetaCell(currentRowIdx, currentColumnIdx).mergedInto = {
         ...frontMergedCell,
       };
     }
 
     // Copy attributes if both front and behind cells are the same
-    const frontCell = this.rows[frontRowIdx].cells[frontColumnIdx];
-    const behindCell = this.rows[behindRowIdx].cells[behindColumnIdx];
+    const frontCell = this.getCellInternal(frontRowIdx, frontColumnIdx);
+    const behindCell = this.getCellInternal(behindRowIdx, behindColumnIdx);
     if (
       frontCell != null &&
       behindCell != null &&
       frontCell.attributes &&
       behindCell.attributes
     ) {
-      let currentCell = this.rows[currentRowIdx].cells[currentColumnIdx];
-      for (const key of Object.keys(frontCell.attributes)) {
+      let currentCell = this.getCellInternal(currentRowIdx, currentColumnIdx);
+      const attrs = Object.keys(
+        frontCell.attributes,
+      ) as (keyof Cell["attributes"])[];
+      for (const key of attrs) {
         if (frontCell.attributes[key] === behindCell.attributes[key]) {
           currentCell = currentCell || { type: "empty" };
           currentCell.attributes = currentCell.attributes || {};
           currentCell.attributes[key] = frontCell.attributes[key];
         }
       }
-      this.rows[currentRowIdx].cells[currentColumnIdx] = currentCell;
+      const targetRow = this.rows[currentRowIdx];
+      if (currentCell && targetRow) {
+        targetRow.cells[currentColumnIdx] = currentCell;
+      }
+    }
+  }
+
+  private getMetaCell(rowIdx: number, columnIdx: number): MetaCell {
+    const metaCell = this.metaCells[rowIdx]?.[columnIdx];
+    if (!metaCell) {
+      throw new Error("MetaCells does not match the table dimension");
     }
+    return metaCell;
   }
 
   /**
@@ -386,13 +421,17 @@ export class TableWrapper {
   private syncCellSpansFromMetaCells() {
     const groups = new Map<string, { row: number; column: number }[]>();
     for (let row = 0; row < this.metaCells.length; row++) {
-      for (let column = 0; column < this.metaCells[row].length; column++) {
+      const metaRow = this.metaCells[row];
+      if (!metaRow) {
+        continue;
+      }
+      for (let column = 0; column < metaRow.length; column++) {
         // Reset all rowSpans and colSpans
-        const currentCell = this.rows[row].cells[column];
+        const currentCell = this.getCellInternal(row, column);
         currentCell && delete currentCell.rowSpan;
         currentCell && delete currentCell.colSpan;
 
-        const mergedCell = this.metaCells[row][column];
+        const mergedCell = this.getMetaCell(row, column);
         if (!mergedCell.mergedInto) {
           continue;
         }
@@ -429,12 +468,15 @@ export class TableWrapper {
       const rowSpan = maxRow - minRow + 1;
       const columnSpan = maxColumn - minColumn + 1;
       if (rowSpan > 1 || columnSpan > 1) {
-        const currentCell = this.rows[minRow].cells[minColumn] || {
+        const currentCell = this.getCellInternal(minRow, minColumn) || {
           type: "empty",
         };
         currentCell.rowSpan = rowSpan;
         currentCell.colSpan = columnSpan;
-        this.rows[minRow].cells[minColumn] = currentCell;
+        const targetRow = this.rows[minRow];
+        if (targetRow) {
+          targetRow.cells[minColumn] = currentCell;
+        }
       }
     });
   }
@@ -450,9 +492,10 @@ export class TableWrapper {
         `Row position must be between 1 and ${this.rows.length} (number of rows).`,
       );
     }
-    if (columnPos < 1 || columnPos > this.rows[0].cells.length) {
+    const columnLength = this.rows[0]?.cells.length || 0;
+    if (columnPos < 1 || columnPos > columnLength) {
       throw new TableValidationError(
-        `Column position must be between 1 and ${this.rows[0].cells.length} (number of columns).`,
+        `Column position must be between 1 and ${columnLength} (number of columns).`,
       );
     }
     if (rowSpan < 1) {
@@ -466,9 +509,9 @@ export class TableWrapper {
         `Cannot expand ${rowSpan} rows from the cell at ${rowPos},${columnPos}. Table has ${this.rows.length} rows.`,
       );
     }
-    if (columnPos + columnSpan - 1 > this.rows[0].cells.length) {
+    if (columnPos + columnSpan - 1 > columnLength) {
       throw new TableValidationError(
-        `Cannot expand ${columnSpan} columns from the cell at ${rowPos},${columnPos}. Table has ${this.rows[0].cells.length} columns.`,
+        `Cannot expand ${columnSpan} columns from the cell at ${rowPos},${columnPos}. Table has ${columnLength} columns.`,
       );
     }
   }

package/templates/common/utils/use_add_element.ts

@@ -30,6 +30,11 @@ export const useAddElement = () => {
       } else if (features.isSupported(addElementAtCursor)) {
         return addElementAtCursor(element);
       }
+      // eslint-disable-next-line no-console
+      console.warn(
+        "Neither addElementAtPoint nor addElementAtCursor are supported",
+      );
+      return Promise.resolve();
     };
   });
 
@@ -40,6 +45,11 @@ export const useAddElement = () => {
       } else if (isSupported(addElementAtCursor)) {
         return addElementAtCursor(element);
       }
+      // eslint-disable-next-line no-console
+      console.warn(
+        "Neither addElementAtPoint nor addElementAtCursor are supported",
+      );
+      return Promise.resolve();
     };
     setAddElement(() => addElement);
   }, [isSupported]);

package/templates/common/utils/use_overlay_hook.ts

@@ -57,11 +57,13 @@ export function useOverlay<
   const open = async (
     opts: { launchParameters?: unknown } = {},
   ): Promise<AppProcessId | undefined> => {
-    if (overlay && overlay.canOpen) {
-      const overlayId = await overlay.open(opts);
-      setOverlayId(overlayId);
-      return overlayId;
+    if (!overlay || !overlay.canOpen) {
+      return undefined;
     }
+
+    const overlayId = await overlay.open(opts);
+    setOverlayId(overlayId);
+    return overlayId;
   };
 
   const close = async (opts: C) => {

package/templates/dam/backend/routers/dam.ts

@@ -1,10 +1,10 @@
 import type { Container, Resource } from "@canva/app-components";
-import * as crypto from "crypto";
-import * as express from "express";
+import crypto from "crypto";
+import express from "express";
 
 /**
- * Generates a unique hash for a url.
- * Handy for uniquely identifying an image and creating an image id
+ * Generates a unique hash for a URL.
+ * Used for creating unique identifiers for digital assets from external URLs.
  */
 export async function generateHash(message: string) {
   const msgUint8 = new TextEncoder().encode(message);
@@ -16,6 +16,7 @@ export async function generateHash(message: string) {
   return hashHex;
 }
 
+// Mock image URLs for demonstration purposes - replace with your actual digital asset sources
 const imageUrls = [
   "https://images.pexels.com/photos/1495580/pexels-photo-1495580.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
   "https://images.pexels.com/photos/3943197/pexels-photo-3943197.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
@@ -23,15 +24,20 @@ const imageUrls = [
   "https://images.pexels.com/photos/2904142/pexels-photo-2904142.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
   "https://images.pexels.com/photos/5403478/pexels-photo-5403478.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
 ];
+
 export const createDamRouter = () => {
   const router = express.Router();
 
-  /**
-   * This endpoint returns the data for your app.
-   */
+  /*
+    Main endpoint for finding digital assets and containers.
+    This should be replaced with actual integration to your digital asset management system.
+  */
   router.post("/resources/find", async (req, res) => {
-    // You should modify these lines to return data from your
-    // digital asset manager (DAM) based on the findResourcesRequest
+    /*
+      Extract relevant fields from the FindResourcesRequest.
+      Replace this mock implementation with actual queries to your digital asset management system.
+      Consider implementing proper filtering, sorting, and pagination based on these parameters.
+    */
     const {
       types,
       continuation,
@@ -48,21 +54,32 @@ export const createDamRouter = () => {
     } = req.body;
 
     let resources: Resource[] = [];
+
+    // Handle image resource requests
     if (types.includes("IMAGE")) {
       resources = await Promise.all(
-        Array.from({ length: 40 }, async (_, i) => ({
-          id: await generateHash(i + ""),
-          mimeType: "image/jpeg",
-          name: `My new thing in ${locale}`, // Use the `locale` value from the request if your backend supports i18n
-          type: "IMAGE",
-          thumbnail: {
-            url: imageUrls[i % imageUrls.length],
-          },
-          url: imageUrls[i % imageUrls.length],
-        })),
+        Array.from({ length: 40 }, async (_, i) => {
+          const imageUrl = imageUrls[i % imageUrls.length];
+
+          if (!imageUrl) {
+            throw new Error(`Image URL not found for index ${i}`);
+          }
+
+          return {
+            id: await generateHash(i + ""),
+            mimeType: "image/jpeg",
+            name: `My new thing in ${locale}`, // Uses locale for demonstration - implement proper i18n
+            type: "IMAGE",
+            thumbnail: {
+              url: imageUrl,
+            },
+            url: imageUrl,
+          };
+        }),
       );
     }
 
+    // Handle container (folder) resource requests
     if (types.includes("CONTAINER")) {
       const containers = await Promise.all(
         Array.from(
@@ -80,6 +97,7 @@ export const createDamRouter = () => {
       resources = resources.concat(containers);
     }
 
+    // Send response with resources and pagination token
     res.send({
       resources,
       continuation: +(continuation || 0) + 1,

package/templates/dam/backend/server.ts

@@ -1,5 +1,5 @@
-import * as cors from "cors";
-import * as express from "express";
+import cors from "cors";
+import express from "express";
 import { createBaseServer } from "../utils/backend/base_backend/create";
 import { createDamRouter } from "./routers/dam";
 

package/templates/dam/package.json

@@ -20,7 +20,7 @@
   "dependencies": {
     "@canva/app-components": "^2.1.0",
     "@canva/app-i18n-kit": "^1.1.1",
-    "@canva/app-ui-kit": "^5.2.0",
+    "@canva/app-ui-kit": "^5.2.1",
     "@canva/asset": "^2.2.1",
     "@canva/design": "^2.7.3",
     "@canva/error": "^2.1.0",
@@ -44,7 +44,6 @@
     "@types/cors": "2.8.19",
     "@types/debug": "4.1.12",
     "@types/express": "4.17.21",
-    "@types/express-serve-static-core": "5.0.7",
     "@types/jest": "29.5.14",
     "@types/jsonwebtoken": "9.0.10",
     "@types/node": "20.19.2",