create-sitecore-jss 22.2.0-canary.9 → 22.2.0

package/dist/templates/angular/e2e/tsconfig.e2e.json

@@ -1,15 +1,15 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/e2e",
-    "baseUrl": "./",
-    "module": "commonjs",
-    "newLine": "LF",
-    "target": "es5",
-    "types": [
-      "jasmine",
-      "jasminewd2",
-      "node"
-    ]
-  }
-}
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "baseUrl": "./",
+    "module": "commonjs",
+    "newLine": "LF",
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "jasminewd2",
+      "node"
+    ]
+  }
+}

package/dist/templates/angular/gitignore

@@ -1,47 +1,47 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
-
-# sitecore
-scjssconfig.json
-*.deploysecret.config
-
-# compiled output
-/dist
-/dist-server
-/tmp
-/out-tsc
-
-# dependencies
-/node_modules
-
-# IDEs and editors
-/.idea
-.project
-.classpath
-.c9/
-*.launch
-.settings/
-*.sublime-workspace
-
-# IDE - VSCode
-.vscode/*
-!.vscode/settings.json
-!.vscode/tasks.json
-!.vscode/launch.json
-!.vscode/extensions.json
-
-# misc
-/.sass-cache
-/connect.lock
-/coverage
-/libpeerconnection.log
-npm-debug.log
-testem.log
-/typings
-
-# e2e
-/e2e/*.js
-/e2e/*.map
-
-# System Files
-.DS_Store
-Thumbs.db
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# sitecore
+scjssconfig.json
+*.deploysecret.config
+
+# compiled output
+/dist
+/dist-server
+/tmp
+/out-tsc
+
+# dependencies
+/node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+testem.log
+/typings
+
+# e2e
+/e2e/*.js
+/e2e/*.map
+
+# System Files
+.DS_Store
+Thumbs.db

package/dist/templates/angular/package.json

@@ -1,117 +1,127 @@
-{
-  "name": "<%- appName %>",
-  "version": "22.2.0-canary",
-  "description": "Application utilizing Sitecore JavaScript Services and Angular (angular-cli).",
-  "config": {
-    "appName": "<%- appName %>",
-    "rootPlaceholders": [
-      "<%- helper.getAppPrefix(appPrefix, appName) %>jss-main"
-    ],
-    "sitecoreDistPath": "/dist/<%- appName %>",
-    "sitecoreConfigPath": "/App_Config/Include/zzz",
-    "buildArtifactsPath": "./dist",
-    "graphQLEndpointPath": "/sitecore/api/graph/edge",
-    "language": "en"
-  },
-  "scripts": {
-    "ng": "ng",
-    "lint": "ng lint <%- appName %> --fix",
-    "e2e": "ng e2e",
-    "jss": "jss",
-    "start:connected": "npm-run-all --serial bootstrap start:angular start:watch-components",
-    "build": "npm-run-all --serial bootstrap build:client build:server",
-    "scaffold": "ng generate @sitecore-jss/sitecore-jss-angular-schematics:jss-component --no-manifest",
-    "start:angular": "ng serve -o",
-    "start:watch-components": "ts-node --project src/tsconfig.webpack-server.json scripts/generate-component-factory.ts --watch",
-    "build:client": "cross-env-shell ng build --configuration=production --base-href $npm_package_config_sitecoreDistPath/browser/ --output-path=$npm_package_config_buildArtifactsPath/browser/",
-    "build:server": "cross-env-shell ng run <%- appName %>:server:production --output-path=$npm_package_config_buildArtifactsPath",
-    "postbuild:server": "move-cli ./dist/main.js ./dist/server.bundle.js",
-    "bootstrap": "ts-node --project src/tsconfig.webpack-server.json scripts/bootstrap.ts",
-    "graphql:update": "ts-node --project src/tsconfig.webpack-server.json ./scripts/update-graphql-fragment-data.ts",
-    "install-pre-push-hook": "ts-node --project src/tsconfig.webpack-server.json ./scripts/install-pre-push-hook.ts"
-  },
-  "private": true,
-  "author": {
-    "name": "Sitecore Corporation",
-    "url": "https://jss.sitecore.com"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/sitecore/jss.git"
-  },
-  "bugs": {
-    "url": "https://github.com/sitecore/jss/issues"
-  },
-  "homepage": "https://jss.sitecore.com",
-  "license": "Apache-2.0",
-  "dependencies": {
-    "@angular/animations": "~17.3.11",
-    "@angular/common": "~17.3.11",
-    "@angular/compiler": "~17.3.11",
-    "@angular/core": "~17.3.11",
-    "@angular/forms": "~17.3.11",
-    "@angular/platform-browser": "~17.3.11",
-    "@angular/platform-browser-dynamic": "~17.3.11",
-    "@angular/platform-server": "~17.3.11",
-    "@angular/router": "~17.3.11",
-    "@apollo/client": "^3.3.12",
-    "@ngx-translate/core": "~15.0.0",
-    "@ngx-translate/http-loader": "~8.0.0",
-    "@sitecore-jss/sitecore-jss-angular": "~22.2.0-canary",
-    "apollo-angular": "~6.0.0",
-    "bootstrap": "^5.3.3",
-    "core-js": "~3.37.1",
-    "graphql": "15.5.0",
-    "graphql-tag": "~2.11.0",
-    "rxjs": "~7.8.1",
-    "tslib": "^2.6.3",
-    "zone.js": "~0.14.7"
-  },
-  "devDependencies": {
-    "@angular-builders/custom-webpack": "^17.0.2",
-    "@angular-devkit/build-angular": "^17.3.8",
-    "@angular-eslint/builder": "^17.5.2",
-    "@angular-eslint/eslint-plugin": "^17.5.2",
-    "@angular-eslint/eslint-plugin-template": "^17.5.2",
-    "@angular-eslint/schematics": "^17.5.2",
-    "@angular-eslint/template-parser": "^17.5.2",
-    "@angular/cli": "~17.3.8",
-    "@angular/compiler-cli": "~17.3.11",
-    "@angular/language-service": "~17.3.11",
-    "@sitecore-jss/sitecore-jss-angular-schematics": "~22.2.0-canary",
-    "@sitecore-jss/sitecore-jss-cli": "~22.2.0-canary",
-    "@sitecore-jss/sitecore-jss-dev-tools": "~22.2.0-canary",
-    "@types/isomorphic-fetch": "0.0.35",
-    "@types/jasmine": "~3.6.7",
-    "@types/jasminewd2": "~2.0.8",
-    "@types/node": "~20.14.10",
-    "@typescript-eslint/eslint-plugin": "^7.16.0",
-    "@typescript-eslint/parser": "^7.16.0",
-    "chalk": "~4.1.0",
-    "chokidar": "^3.5.2",
-    "codelyzer": "~6.0.1",
-    "constant-case": "^3.0.4",
-    "cross-env": "~7.0.3",
-    "del-cli": "^5.0.0",
-    "dotenv": "^16.0.0",
-    "dotenv-webpack": "^7.1.0",
-    "eslint": "^8.56.0",
-    "eslint-plugin-import": "2.29.1",
-    "eslint-plugin-jsdoc": "48.7.0",
-    "eslint-plugin-prefer-arrow": "1.2.3",
-    "isomorphic-fetch": "^3.0.0",
-    "jasmine-core": "~3.7.1",
-    "jasmine-spec-reporter": "~6.0.0",
-    "karma": "^6.3.2",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-cli": "~2.0.0",
-    "karma-coverage-istanbul-reporter": "~3.0.3",
-    "karma-jasmine": "~4.0.1",
-    "karma-jasmine-html-reporter": "~1.5.4",
-    "move-cli": "^2.0.0",
-    "npm-run-all": "~4.1.5",
-    "protractor": "^7.0.0",
-    "ts-node": "~10.9.2",
-    "typescript": "~5.2.2"
-  }
-}
+{
+  "name": "<%- appName %>",
+  "version": "22.2.0",
+  "description": "Application utilizing Sitecore JavaScript Services and Angular (angular-cli).",
+  "config": {
+    "appName": "<%- appName %>",
+    "rootPlaceholders": [
+      "<%- helper.getAppPrefix(appPrefix, appName) %>jss-main"
+    ],
+    "sitecoreDistPath": "/dist/<%- appName %>",
+    "sitecoreConfigPath": "/App_Config/Include/zzz",
+    "buildArtifactsPath": "./dist",
+    "graphQLEndpointPath": "/sitecore/api/graph/edge",
+    "language": "en"
+  },
+  "scripts": {
+    "ng": "ng",
+    "lint:yml": "ts-node ./scripts/lint-yml.ts",
+    "lint": "ng lint <%- appName %> --fix && npm run lint:yml",
+    "e2e": "ng e2e",
+    "jss": "jss",
+    "start": "cross-env-shell JSS_MODE=disconnected \"npm-run-all --serial bootstrap --parallel start:angular start:proxy start:watch-components\"",
+    "start:connected": "npm-run-all --serial bootstrap start:angular start:watch-components",
+    "build": "npm-run-all --serial bootstrap --serial build:client build:server",
+    "scaffold": "ng generate @sitecore-jss/sitecore-jss-angular-schematics:jss-component",
+    "start:angular": "ng serve -o",
+    "start:proxy": "ts-node --project src/tsconfig.webpack-server.json scripts/disconnected-mode-proxy.ts",
+    "start:watch-components": "ts-node --project src/tsconfig.webpack-server.json scripts/generate-component-factory.ts --watch",
+    "build:client": "cross-env-shell ng build --base-href $npm_package_config_sitecoreDistPath/browser/ --output-path=$npm_package_config_buildArtifactsPath/browser/",
+    "build:server": "cross-env-shell ng run <%- appName %>:server:production --output-path=$npm_package_config_buildArtifactsPath",
+    "postbuild:server": "move-cli ./dist/main.js ./dist/server.bundle.js",
+    "bootstrap": "ts-node --project src/tsconfig.webpack-server.json scripts/bootstrap.ts",
+    "graphql:update": "ts-node --project src/tsconfig.webpack-server.json ./scripts/update-graphql-fragment-data.ts",
+    "install-pre-push-hook": "ts-node --project src/tsconfig.webpack-server.json ./scripts/install-pre-push-hook.ts"
+  },
+  "private": true,
+  "author": {
+    "name": "Sitecore Corporation",
+    "url": "https://jss.sitecore.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sitecore/jss.git"
+  },
+  "bugs": {
+    "url": "https://github.com/sitecore/jss/issues"
+  },
+  "homepage": "https://jss.sitecore.com",
+  "license": "Apache-2.0",
+  "dependencies": {
+    "@angular/animations": "~17.3.11",
+    "@angular/common": "~17.3.11",
+    "@angular/compiler": "~17.3.11",
+    "@angular/core": "~17.3.11",
+    "@angular/forms": "~17.3.11",
+    "@angular/platform-browser": "~17.3.11",
+    "@angular/platform-browser-dynamic": "~17.3.11",
+    "@angular/platform-server": "~17.3.11",
+    "@angular/router": "~17.3.11",
+    "@apollo/client": "^3.3.12",
+    "@ngx-translate/core": "~15.0.0",
+    "@ngx-translate/http-loader": "~8.0.0",
+    "@sitecore-jss/sitecore-jss-angular": "~22.2.0",
+    "apollo-angular": "~6.0.0",
+    "bootstrap": "^5.3.3",
+    "core-js": "~3.37.1",
+    "graphql": "15.5.0",
+    "graphql-tag": "~2.11.0",
+    "lodash": "^4.17.21",
+    "rxjs": "~7.8.1",
+    "tslib": "^2.6.3",
+    "zone.js": "~0.14.7"
+  },
+  "devDependencies": {
+    "@angular-builders/custom-webpack": "^17.0.2",
+    "@angular-devkit/build-angular": "^17.3.8",
+    "@angular-eslint/builder": "^17.5.2",
+    "@angular-eslint/eslint-plugin": "^17.5.2",
+    "@angular-eslint/eslint-plugin-template": "^17.5.2",
+    "@angular-eslint/schematics": "^17.5.2",
+    "@angular-eslint/template-parser": "^17.5.2",
+    "@angular/cli": "~17.3.8",
+    "@angular/compiler-cli": "~17.3.11",
+    "@angular/language-service": "~17.3.11",
+    "@sitecore-jss/sitecore-jss-angular-schematics": "~22.2.0",
+    "@sitecore-jss/sitecore-jss-cli": "~22.2.0",
+    "@sitecore-jss/sitecore-jss-dev-tools": "~22.2.0",
+    "@types/isomorphic-fetch": "0.0.35",
+    "@types/jasmine": "~3.6.7",
+    "@types/jasminewd2": "~2.0.8",
+    "@types/node": "~20.14.10",
+    "@typescript-eslint/eslint-plugin": "^7.16.0",
+    "@typescript-eslint/parser": "^7.16.0",
+    "body-parser": "~1.20.2",
+    "chalk": "~4.1.0",
+    "chokidar": "^3.5.2",
+    "codelyzer": "~6.0.1",
+    "constant-case": "^3.0.4",
+    "cookie-parser": "~1.4.5",
+    "cross-env": "~7.0.3",
+    "del-cli": "^5.0.0",
+    "dotenv": "^16.0.0",
+    "dotenv-webpack": "^7.1.0",
+    "enhanced-resolve": "5.7.0",
+    "eslint": "^8.56.0",
+    "eslint-plugin-import": "2.29.1",
+    "eslint-plugin-jsdoc": "48.7.0",
+    "eslint-plugin-prefer-arrow": "1.2.3",
+    "express": "~4.17.1",
+    "fs-extra": "~9.1.0",
+    "isomorphic-fetch": "^3.0.0",
+    "jasmine-core": "~3.7.1",
+    "jasmine-spec-reporter": "~6.0.0",
+    "karma": "^6.3.2",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-cli": "~2.0.0",
+    "karma-coverage-istanbul-reporter": "~3.0.3",
+    "karma-jasmine": "~4.0.1",
+    "karma-jasmine-html-reporter": "~1.5.4",
+    "move-cli": "^2.0.0",
+    "npm-run-all": "~4.1.5",
+    "protractor": "^7.0.0",
+    "ts-node": "~10.9.2",
+    "typescript": "~5.2.2",
+    "yaml-lint": "^1.2.4"
+  }
+}

package/dist/templates/angular/proxy.conf.js

@@ -1,10 +1,28 @@
 /*
-  When the app runs in connected mode, some of the requests should be
+  When the app runs in disconnected mode, and Sitecore is not present, we need to give
+  the app copies of the Sitecore APIs it depends on (layout service, dictionary service, content service)
+  to talk to so that the app can run using the locally defined disconnected data.
+
+  When the app runs in connected mode, Sitecore is present and some of the requests should be
   proxied to the Sitecore API
+
+  This is accomplished by spinning up a small Express server that mocks the APIs, and then
+  telling angular-cli to proxy requests to the API paths to this express instance.
+
+  See /scripts/disconnected-mode-proxy.ts for the proxy API server configuration.
 */
+const constants = require('@sitecore-jss/sitecore-jss-angular/cjs').constants;
 const environment = require('./src/environments/environment.js').environment;
 
-const PROXY_CONFIG = [
+const port = 3043;
+
+const PROXY_CONFIG = process.env.JSS_MODE === constants.JSS_MODE.DISCONNECTED ? [
+  {
+    context: ['/data', '/sitecore'],
+    target: `http://localhost:${port}`,
+    secure: false,
+  },
+] : [
   {
     context: [
       // API endpoints
@@ -12,12 +30,12 @@ const PROXY_CONFIG = [
       // media items
       '/-',
       // visitor identification
-      '/layouts',
+      '/layouts'
     ],
     target: environment.sitecoreApiHost,
     secure: false,
-    changeOrigin: true,
-  },
+    changeOrigin: true
+  }
 ];
 
 module.exports = PROXY_CONFIG;

package/dist/templates/angular/scripts/bootstrap.ts

@@ -1,4 +1,8 @@
 import 'dotenv/config';
+import { constants } from '@sitecore-jss/sitecore-jss-angular/cjs';
+import { generateConfig } from './generate-config';
+const projects = require('../angular.json').projects;
+const chalk = require('chalk');
 
 /*
   BOOTSTRAPPING
@@ -7,15 +11,30 @@ import 'dotenv/config';
   and the global config module.
 */
 
-/*
-   PLUGINS GENERATION
-*/
-require('./generate-plugins');
+const disconnected = process.env.JSS_MODE === constants.JSS_MODE.DISCONNECTED;
+
+if (disconnected && process.env.FETCH_WITH === constants.FETCH_WITH.GRAPHQL) {
+  throw new Error(chalk.red("GraphQL requests to Dictionary and Layout services are not supported in disconnected mode."))
+}
 
 /*
   CONFIG GENERATION
+  Generates the /src/environments/environment.js file which contains runtime configuration
+  that the app can import and use.
+
+  This is generated rather than using Angular environments because of the need to set config params
+  based on build arguments, which env files don't directly allow.
 */
-require('./generate-config');
+function writeConfig(configOverride: { production: boolean, sitecoreApiHost?: string }, outputPath?: string) {
+  if (disconnected) {
+    configOverride.sitecoreApiHost = `http://localhost:${projects['<%- appName %>'].architect.serve.options.port}`;
+  }
+
+  generateConfig(configOverride, outputPath);
+}
+
+writeConfig({ production: false });
+writeConfig({ production: true }, 'src/environments/environment.prod.js');
 
 /*
   COMPONENT FACTORY GENERATION

package/dist/templates/angular/scripts/generate-config.ts

@@ -1,8 +1,7 @@
 import * as fs from 'fs';
 import * as path from 'path';
 import { constantCase } from 'constant-case';
-import { jssConfigFactory } from './config';
-import { JssConfig } from 'lib/config';
+const packageConfig = require('../package.json');
 
 /**
  * Generate config
@@ -11,70 +10,91 @@ import { JssConfig } from 'lib/config';
  * settings as variables into the JSS app.
  * NOTE! Any configs returned here will be written into the client-side JS bundle. DO NOT PUT SECRETS HERE.
  */
+export function generateConfig(configOverrides?: { [key: string]: unknown }, outputPath?: string) {
+  const defaultConfig = {
+    production: false,
+    sitecoreApiHost: '',
+    sitecoreApiKey: 'no-api-key-set',
+    sitecoreSiteName: process.env.SITECORE_SITE_NAME,
+    sitecoreLayoutServiceConfig: 'jss',
+    defaultLanguage: 'en',
+    defaultServerRoute: '/',
+    layoutServiceConfigurationName: 'default',
+  };
 
-const defaultConfigValue: JssConfig = {
-  production: false,
-  sitecoreApiKey: process.env[`${constantCase('sitecoreApiKey')}`],
-  sitecoreApiHost: process.env[`${constantCase('sitecoreApiHost')}`],
-  sitecoreSiteName: process.env[`${constantCase('sitecoreSiteName')}`],
-  defaultLanguage: process.env[`${constantCase('defaultLanguage')}`],
-  graphQLEndpoint: process.env[`${constantCase('graphQLEndpoint')}`],
-  graphQLEndpointPath: process.env[`${constantCase('graphQLEndpointPath')}`],
-  defaultServerRoute: '/',
-};
-
-generateConfig('src/environments/environment.js', defaultConfigValue, { production: false });
-generateConfig('src/environments/environment.prod.js', defaultConfigValue, { production: true });
-
-/**
- * Generates the JSS config based on config plugins (under ./config/plugins)
- * and then writes the config to disk.
- * @param {string} outputPath the output path of the generated config.
- * @param {JssConfig} [defaultConfig] Default configuration.
- * @param {[key: string]:unknown} [configOverrides] configuration values that override the generated ones.
- */
-export function generateConfig(
-  outputPath: string,
-  defaultConfig: JssConfig = defaultConfigValue,
-  configOverrides?: { [key: string]: unknown }
-) {
-  jssConfigFactory
-    .create(defaultConfig)
-    .then((config) => {
-      writeConfig(Object.assign(config, configOverrides), outputPath);
-    })
-    .catch((e) => {
-      console.error('Error generating config');
-      console.error(e);
-      process.exit(1);
-    });
-}
-
-/**
- * Writes the config object to disk with support for environment variables.
- * @param {JssConfig} config JSS configuration to write.
- * @param {string} outputPath the outputh path of the generated config.
- */
-export function writeConfig(config: JssConfig, outputPath?: string) {
   if (!outputPath) {
     outputPath = 'src/environments/environment.js';
   }
 
+  // require + combine config sources
+  const scjssConfig = transformScJssConfig();
+  const packageJson = transformPackageConfig();
+
+  // optional:
+  // do any other dynamic config source (e.g. environment-specific config files)
+  // Object.assign merges the objects in order, so the
+  // package.json config can override the calculated config,
+  // scjssconfig.json overrides it,
+  // and finally config passed in the configOverrides param wins.
+  const config = Object.assign(defaultConfig, scjssConfig, packageJson, configOverrides);
+
+  // The GraphQL endpoint is an example of making a _computed_ config setting
+  // based on other config settings.
+  const computedConfig: { [key: string]: string } = {};
+  computedConfig.graphQLEndpoint = '`${config.sitecoreApiHost}${config.graphQLEndpointPath}`';
+
   let configText = `/* eslint-disable */
-  // Do not edit this file, it is auto-generated at build time!
-  // See scripts/bootstrap.ts to modify the generation of this file.
-  const config = {};\n`;
+// Do not edit this file, it is auto-generated at build time!
+// See scripts/bootstrap.ts to modify the generation of this file.
+const config = {};\n`;
 
   // Set base configuration values, allowing override with environment variables
   Object.keys(config).forEach((prop) => {
-    configText += `config.${prop} = process.env.${constantCase(prop)} || "${config[prop]
-      ?.toString()
-      .trim()}";\n`;
+    configText += `config.${prop} = process.env.${constantCase(prop)} || "${config[prop]?.toString().trim()}";\n`;
+  });
+  // Set computed values, allowing override with environment variables
+  Object.keys(computedConfig).forEach((prop) => {
+    configText += `config.${prop} = process.env.${constantCase(prop)} || ${
+      computedConfig[prop]?.toString().trim()
+    };\n`;
   });
-
   configText += `module.exports.environment = config;`;
 
   const configPath = path.resolve(outputPath);
   console.log(`Writing runtime config to ${configPath}`);
   fs.writeFileSync(configPath, configText, { encoding: 'utf8' });
 }
+
+function transformScJssConfig() {
+  // scjssconfig.json may not exist if you've never run setup
+  // so if it doesn't we substitute a fake object
+  let config;
+  try {
+    config = require('../scjssconfig.json');
+  } catch (e) {
+    return {};
+  }
+
+  if (!config) {
+    return {};
+  }
+
+  return {
+    sitecoreApiKey: config.sitecore.apiKey,
+    sitecoreApiHost: config.sitecore.layoutServiceHost,
+  };
+}
+
+function transformPackageConfig() {
+  const packageAny = packageConfig;
+
+  if (!packageAny.config) {
+    return {};
+  }
+
+  return {
+    sitecoreSiteName: packageAny.config.appName,
+    defaultLanguage: packageAny.config.language || 'en',
+    graphQLEndpointPath: packageAny.config.graphQLEndpointPath || null,
+  };
+}

package/dist/templates/angular/scripts/update-graphql-fragment-data.ts

@@ -9,7 +9,7 @@ import { generateConfig } from './generate-config';
 //
 // The `jss graphql:update` command should be executed when Sitecore templates related to the site are altered.
 
-generateConfig('src/environments/environment.js');
+generateConfig();
 
 let jssConfig;
 
@@ -47,9 +47,7 @@ fetch(jssConfig.graphQLEndpoint, {
   .then((result) => result.json())
   .then((result) => {
     // here we're filtering out any type information unrelated to unions or interfaces
-    const filteredData = result.data.__schema.types.filter(
-      (type: { possibleTypes: Array<string> }) => type.possibleTypes !== null
-    );
+    const filteredData = result.data.__schema.types.filter((type: { possibleTypes: Array<string>; }) => type.possibleTypes !== null);
 
     const filteredResult = { ...result };
     filteredResult.data.__schema.types = filteredData;