@operato/graphql 8.0.0-beta.0 → 8.0.0-beta.2

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.0.0-beta.2](https://github.com/hatiolab/operato/compare/v8.0.0-beta.1...v8.0.0-beta.2) (2025-01-08)
+
+
+### :bug: Bug Fix
+
+* typo .npmignore ([d9c0c8c](https://github.com/hatiolab/operato/commit/d9c0c8c79abc688c3c2cfb6c37fcb689483a5977))
+
+
+
+## [8.0.0-beta.1](https://github.com/hatiolab/operato/compare/v8.0.0-beta.0...v8.0.0-beta.1) (2025-01-08)
+
+
+### :bug: Bug Fix
+
+* missing .npmignore ([be05985](https://github.com/hatiolab/operato/commit/be05985abfae4af53501f718dd52932099f7fbcb))
+
+
+
 ## [8.0.0-beta.0](https://github.com/hatiolab/operato/compare/v8.0.0-alpha.56...v8.0.0-beta.0) (2025-01-07)
 
 **Note:** Version bump only for package @operato/graphql

package/package.json

@@ -2,7 +2,7 @@
   "name": "@operato/graphql",
   "description": "Webcomponent graphql-client following open-wc recommendations",
   "author": "heartyoh@hatiolab.com",
-  "version": "8.0.0-beta.0",
+  "version": "8.0.0-beta.2",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "license": "MIT",
@@ -58,7 +58,7 @@
   },
   "dependencies": {
     "@apollo/client": "^3.6.9",
-    "@operato/utils": "^8.0.0-beta.0",
+    "@operato/utils": "^8.0.0-beta.2",
     "apollo-upload-client": "^18.0.0",
     "graphql-tag": "^2.12.6",
     "graphql-ws": "^5.14.0",
@@ -122,5 +122,5 @@
       "prettier --write"
     ]
   },
-  "gitHead": "c4e9cc245659d050a9ffd66542083a6daad4bcb9"
+  "gitHead": "ee1b5124995accb99272d3b5854f3df1d8746dda"
 }

package/.editorconfig

@@ -1,29 +0,0 @@
-# EditorConfig helps developers define and maintain consistent
-# coding styles between different editors and IDEs
-# editorconfig.org
-
-root = true
-
-
-[*]
-
-# Change these settings to your own preference
-indent_style = space
-indent_size = 2
-
-# We recommend you to keep these unchanged
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.md]
-trim_trailing_whitespace = false
-
-[*.json]
-indent_size = 2
-
-[*.{html,js,md}]
-block_comment_start = /**
-block_comment = *
-block_comment_end = */

package/.storybook/main.js

@@ -1,3 +0,0 @@
-module.exports = {
-  stories: ['../dist/stories/**/*.stories.{js,md,mdx}']
-}

package/.storybook/preview.js

@@ -1,52 +0,0 @@
-import { i18next } from '@operato/i18n'
-
-export const globalTypes = {
-  locale: {
-    name: 'Locale',
-    description: 'Internationalization locale',
-    toolbar: {
-      icon: 'globe',
-      items: [
-        { value: 'en', right: '🇺🇸', title: 'English' },
-        { value: 'ko', right: '🇰🇷', title: '한국어' },
-        { value: 'zh', right: '🇨🇳', title: '中文' },
-        { value: 'ja', right: '🇯🇵', title: '日本語' },
-        { value: 'ms', right: '🇲🇾', title: 'Bahasa Melayu' }
-      ],
-      showName: true
-    }
-  },
-  theme: {
-    name: 'Theme',
-    description: 'Global theme for components',
-    toolbar: {
-      icon: 'paintbrush',
-      items: [
-        { value: 'light', title: 'Light' },
-        { value: 'dark', title: 'Dark' }
-      ],
-      showName: true
-    }
-  }
-}
-
-export const decorators = [
-  (Story, context) => {
-    const { locale, theme } = context.globals
-
-    if (locale) {
-      i18next.changeLanguage(locale)
-    }
-
-    // Set the theme class for the document
-    if (theme === 'dark') {
-      document.documentElement.classList.add('dark')
-      document.documentElement.classList.remove('light')
-    } else {
-      document.documentElement.classList.add('light')
-      document.documentElement.classList.remove('dark')
-    }
-
-    return Story()
-  }
-]

package/.storybook/server.mjs

@@ -1,8 +0,0 @@
-import { storybookPlugin } from '@web/dev-server-storybook'
-import baseConfig from '../web-dev-server.config.mjs'
-
-export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  ...baseConfig,
-  open: '/',
-  plugins: [storybookPlugin({ type: 'web-components' }), ...baseConfig.plugins]
-})

package/demo/index.html

@@ -1,29 +0,0 @@
-<!doctype html>
-<html lang="en-GB">
-<head>
-  <meta charset="utf-8">
-  <style>
-    body {
-      background: #fafafa;
-    }
-  </style>
-</head>
-<body>
-  <div id="demo"></div>
-
-  <script type="module">
-    import { html, render } from 'lit';
-    import '../dist/src/graphql-client.js';
-
-    const title = 'Hello owc World!';
-    render(
-      html`
-        <graphql-client .title=${title}>
-          some light-dom
-        </graphql-client>
-      `,
-      document.querySelector('#demo')
-    );
-  </script>
-</body>
-</html>

package/src/active-request-counter-link.ts

@@ -1,31 +0,0 @@
-import { ApolloLink } from '@apollo/client/core'
-
-var activeRequests = 0
-
-var callback: ((activeRequestCount: number) => void) | null = null
-
-export const activeRequestCounterLink = new ApolloLink((operation, forward) => {
-  callback && callback(++activeRequests)
-
-  return forward(operation).map(response => {
-    callback && callback(--activeRequests)
-
-    return response
-  })
-})
-
-export function setActiveRequestCounterCallback(newCallback: (activeRequestCount: number) => void) {
-  callback = newCallback
-}
-
-export function resetActiveRequestCounterCallback() {
-  callback = null
-}
-
-export function decreaseActiveRequestCounter() {
-  callback && callback(--activeRequests)
-}
-
-export function increaseActiveRequestCounter() {
-  callback && callback(++activeRequests)
-}

package/src/gql-context.ts

@@ -1,26 +0,0 @@
-export const CONTEXT_KEY = '__context__'
-
-export function gqlContext() {
-  const search = new URLSearchParams(location.search)
-  return JSON.parse(search.get(CONTEXT_KEY) || '""') || ''
-}
-
-export function buildGqlContext(
-  context:
-    | {
-        headers: {
-          'x-things-factory-domain': string
-        }
-      }
-    | string
-) {
-  if (!context) {
-    throw new Error('context is not passed')
-  }
-
-  if (typeof context !== 'string') {
-    context = JSON.stringify(context)
-  }
-
-  return new URLSearchParams({ [CONTEXT_KEY]: context as string }).toString()
-}

package/src/graphql-client.ts

@@ -1,35 +0,0 @@
-import { ApolloClient, DefaultOptions, InMemoryCache } from '@apollo/client/core'
-
-import { getClientLink } from './graphql-env'
-
-export const GRAPHQL_URI = '/graphql'
-export const SUBSCRIPTION_URI = GRAPHQL_URI
-
-const defaultOptions: DefaultOptions = {
-  watchQuery: {
-    fetchPolicy: 'no-cache',
-    errorPolicy: 'ignore'
-  },
-  query: {
-    fetchPolicy: 'no-cache', //'network-only'
-    errorPolicy: 'all'
-  },
-  mutate: {
-    errorPolicy: 'all'
-  }
-}
-
-const cache = new InMemoryCache({
-  addTypename: false
-  // dataIdFromObject: object => object.key
-})
-
-export const client = new ApolloClient({
-  defaultOptions,
-  cache,
-  link: getClientLink()
-})
-
-export const subscribe = async (request: any, subscribe: any) => {
-  return client.subscribe(request).subscribe(subscribe)
-}

package/src/graphql-env.ts

@@ -1,147 +0,0 @@
-import createUploadLink from 'apollo-upload-client/createUploadLink.mjs'
-import { createClient as createWebSocketClient } from 'graphql-ws'
-
-import { ApolloLink, from, HttpLink, HttpOptions, Observable, ServerParseError, split } from '@apollo/client/core'
-import { ErrorLink, onError } from '@apollo/client/link/error'
-import { GraphQLWsLink } from '@apollo/client/link/subscriptions'
-import { getMainDefinition } from '@apollo/client/utilities'
-
-import { decodeHTML } from '@operato/utils'
-import { activeRequestCounterLink, decreaseActiveRequestCounter } from './active-request-counter-link'
-
-export const GRAPHQL_URI = '/graphql'
-export const SUBSCRIPTION_URI = GRAPHQL_URI
-
-var apolloLink: ApolloLink
-
-const httpOptions: HttpOptions = {
-  uri: GRAPHQL_URI,
-  credentials: 'include',
-  headers: { 'Apollo-Require-Preflight': 'true' }
-}
-
-const httpLink = ApolloLink.split(
-  operation => operation.getContext().hasUpload,
-  createUploadLink(httpOptions) as any,
-  new HttpLink(httpOptions)
-)
-
-const wsLink = new GraphQLWsLink(
-  createWebSocketClient({
-    url: location.origin.replace(/^http/, 'ws') + SUBSCRIPTION_URI,
-    keepAlive: 10_000,
-    retryAttempts: 1_000_000,
-    shouldRetry: e => true,
-    connectionParams: {
-      headers: {
-        /* 
-        특정 도메인의 데이타만 받고자 하는 경우에, referer 정보를 제공해서 서버에서 서브도메인 정보를 취득하도록 한다.
-        referer: location.href
-        또는, 이미 서브도메인 정보를 알고 있다면,
-        'x-things-factory-domain': '[subdomain]'
-        을 보낼 수 있다.
-        관련 정보를 보내지 않는다면, 사용자가 권한을 가진 모든 도메인의 데이타를 수신하게 된다.
-      */
-        referer: location.href
-      }
-    }
-  })
-)
-
-const ERROR_HANDLER: ErrorLink.ErrorHandler = ({ operation, graphQLErrors, networkError }) => {
-  if (graphQLErrors) {
-    document.dispatchEvent(
-      new CustomEvent('notify', {
-        detail: {
-          level: 'error',
-          message: decodeHTML(graphQLErrors[0].message),
-          ex: graphQLErrors
-        }
-      })
-    )
-  }
-
-  if (networkError) {
-    decreaseActiveRequestCounter()
-
-    /* networkError가 ServerParseError 이거나 ServerError 인 경우에만 statusCode를 갖는다. */
-    switch ((networkError as ServerParseError).statusCode) {
-      case undefined /* in case this error is not a server side error */:
-        document.dispatchEvent(
-          new CustomEvent('notify', {
-            detail: {
-              level: 'error',
-              message: networkError.message,
-              ex: networkError
-            }
-          })
-        )
-        break
-
-      case 401:
-        /* 401 에러가 리턴되면, 인증이 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 signin 프로세스를 진행할 수 있다. */
-        document.dispatchEvent(new CustomEvent('auth-required'))
-        break
-
-      case 403:
-        /* 403 에러가 리턴되면, 도메인 정보가 필요하다는 메시지를 dispatch 한다. 이 auth 모듈 등에서 이 메시지를 받아서 domain-register 프로세스 등을 진행할 수 있다. */
-        document.dispatchEvent(new CustomEvent('domain-required'))
-        break
-
-      default:
-        var { name, response, statusCode, bodyText, message } = networkError as ServerParseError
-        if (name == 'ServerParseError') {
-          message = `[ ${statusCode || ''} : ${response.statusText} ] ${bodyText}`
-        } else {
-          /* in case this error is instanceof ServerError */
-          message = `[ ${statusCode || ''} : ${response.statusText} ] ${message}`
-        }
-
-        document.dispatchEvent(
-          new CustomEvent('notify', {
-            detail: {
-              level: 'error',
-              message: decodeHTML(message),
-              ex: networkError
-            }
-          })
-        )
-    }
-  }
-}
-
-export const setClientLink = (link: ApolloLink) => {
-  apolloLink = link
-}
-
-export const getClientLink = () => {
-  if (!apolloLink) {
-    apolloLink = split(
-      ({ query }) => {
-        const def = getMainDefinition(query)
-        return def.kind === 'OperationDefinition' && def.operation === 'subscription'
-      },
-      wsLink,
-      from([activeRequestCounterLink, onError(ERROR_HANDLER), httpLink])
-    )
-  }
-
-  return apolloLink
-}
-
-export const createMockLink = (mockedResponses: any = {}) =>
-  new ApolloLink((operation, forward) => {
-    return new Observable(observer => {
-      const operationName = operation.operationName
-
-      if (mockedResponses[operationName]) {
-        observer.next({
-          data: mockedResponses[operationName]
-        })
-      } else {
-        observer.error(new Error(`No mock response for operation ${operationName}`))
-      }
-
-      observer.complete()
-    })
-  })

package/src/index.ts

@@ -1,5 +0,0 @@
-export * from './gql-context'
-export * from './graphql-client'
-export * from './json-to-grqphql-query'
-export * from './active-request-counter-link'
-export * from './use-query'

package/src/json-to-grqphql-query.ts

@@ -1,206 +0,0 @@
-/* inspired by https://github.com/dupski/json-to-graphql-query */
-
-import { EnumType } from './types/EnumType'
-import { VariableType } from './types/VariableType'
-
-export const configFields = [
-  '__args',
-  '__alias',
-  '__aliasFor',
-  '__variables',
-  '__directives',
-  '__on',
-  '__all_on',
-  '__typeName',
-  '__name'
-]
-
-function stringify(obj_from_json: any): string {
-  if (obj_from_json instanceof EnumType) {
-    return obj_from_json.value
-  }
-  // variables should be prefixed with dollar sign and not quoted
-  else if (obj_from_json instanceof VariableType) {
-    return `$${obj_from_json.value}`
-  }
-  // Cheers to Derek: https://stackoverflow.com/questions/11233498/json-stringify-without-quotes-on-properties
-  else if (typeof obj_from_json !== 'object' || obj_from_json === null) {
-    // not an object, stringify using native function
-    return JSON.stringify(obj_from_json)
-  } else if (Array.isArray(obj_from_json)) {
-    return `[${obj_from_json.map(item => stringify(item)).join(', ')}]`
-  }
-  // Implements recursive object serialization according to JSON spec
-  // but without quotes around the keys.
-  const props: string = Object.keys(obj_from_json)
-    .map(key => `${key}: ${stringify(obj_from_json[key])}`)
-    .join(', ')
-
-  return `{${props}}`
-}
-
-export function buildArgs(argsObj: { [name: string]: any }): string {
-  const args = []
-  for (const argName in argsObj) {
-    args.push(`${argName}: ${stringify(argsObj[argName])}`)
-  }
-  return args.join(', ')
-}
-
-export function buildVariables(varsObj: any): string {
-  const args = []
-  for (const varName in varsObj) {
-    args.push(`$${varName}: ${varsObj[varName]}`)
-  }
-  return args.join(', ')
-}
-
-function buildDirectives(dirsObj: any): string {
-  const directiveName = Object.keys(dirsObj)[0]
-  const directiveValue = dirsObj[directiveName]
-  if (typeof directiveValue === 'boolean') {
-    return directiveName
-  } else if (typeof directiveValue === 'object') {
-    const args = []
-    for (const argName in directiveValue) {
-      const argVal = stringify(directiveValue[argName]).replace(/"/g, '')
-      args.push(`${argName}: ${argVal}`)
-    }
-    return `${directiveName}(${args.join(', ')})`
-  } else {
-    throw new Error(
-      `Unsupported type for directive: ${typeof directiveValue}. Types allowed: object, boolean.\n` +
-        `Offending object: ${JSON.stringify(dirsObj)}`
-    )
-  }
-}
-
-function getIndent(level: number): string {
-  return Array(level * 4 + 1).join(' ')
-}
-
-function filterNonConfigFields(fieldName: string, ignoreFields: string[]) {
-  // Returns true if fieldName is not a 'configField'.
-  return configFields.indexOf(fieldName) == -1 && ignoreFields.indexOf(fieldName) == -1
-}
-
-function convertQuery(node: any, level: number, output: [string, number][], options: IJsonToGraphQLOptions) {
-  Object.keys(node)
-    .filter(key => filterNonConfigFields(key, options.ignoreFields!))
-    .forEach(key => {
-      let value = node[key]
-      if (typeof value === 'object') {
-        if (Array.isArray(value)) {
-          value = value.find(item => item && typeof item === 'object')
-          if (!value) {
-            output.push([`${key}`, level])
-            return
-          }
-        }
-
-        const fieldCount = Object.keys(value).filter(keyCount =>
-          filterNonConfigFields(keyCount, options.ignoreFields!)
-        ).length
-        const subFields = fieldCount > 0
-        const argsExist = typeof value.__args === 'object' && Object.keys(value.__args).length > 0
-        const directivesExist = typeof value.__directives === 'object'
-        const fullFragmentsExist = value.__all_on instanceof Array
-        const partialFragmentsExist = typeof value.__on === 'object'
-
-        let token = `${key}`
-
-        if (typeof value.__name === 'string') {
-          token = `${token} ${value.__name}`
-        }
-
-        if (typeof value.__aliasFor === 'string') {
-          token = `${token}: ${value.__aliasFor}`
-        }
-
-        if (typeof value.__variables === 'object') {
-          token = `${token} (${buildVariables(value.__variables)})`
-        } else if (argsExist || directivesExist) {
-          let argsStr = ''
-          let dirsStr = ''
-          if (directivesExist) {
-            // TODO: Add support for multiple directives on one node.
-            const numDirectives = Object.keys(value.__directives).length
-            if (numDirectives > 1) {
-              throw new Error(
-                `Too many directives. The object/key ` +
-                  `'${Object.keys(value)[0]}' had ${numDirectives} directives, ` +
-                  `but only 1 directive per object/key is supported at this time.`
-              )
-            }
-            dirsStr = `@${buildDirectives(value.__directives)}`
-          }
-          if (argsExist) {
-            argsStr = `(${buildArgs(value.__args)})`
-          }
-          const spacer = directivesExist && argsExist ? ' ' : ''
-          token = `${token} ${dirsStr}${spacer}${argsStr}`
-        }
-
-        output.push([token + (subFields || partialFragmentsExist || fullFragmentsExist ? ' {' : ''), level])
-        convertQuery(value, level + 1, output, options)
-
-        if (fullFragmentsExist) {
-          value.__all_on.forEach((fullFragment: string) => {
-            output.push([`...${fullFragment}`, level + 1])
-          })
-        }
-        if (partialFragmentsExist) {
-          const inlineFragments: { __typeName: string }[] = value.__on instanceof Array ? value.__on : [value.__on]
-          inlineFragments.forEach(inlineFragment => {
-            const name = inlineFragment.__typeName
-            output.push([`... on ${name} {`, level + 1])
-            convertQuery(inlineFragment, level + 2, output, options)
-            output.push(['}', level + 1])
-          })
-        }
-
-        if (subFields || partialFragmentsExist || fullFragmentsExist) {
-          output.push(['}', level])
-        }
-      } else if (options.includeFalsyKeys === true || value) {
-        output.push([`${key}`, level])
-      }
-    })
-}
-
-export interface IJsonToGraphQLOptions {
-  pretty?: boolean
-  ignoreFields?: string[]
-  includeFalsyKeys?: boolean
-}
-
-export function jsonToGraphQLQuery(query: any, options: IJsonToGraphQLOptions = {}) {
-  if (!query || typeof query != 'object') {
-    throw new Error('query object not specified')
-  }
-  if (Object.keys(query).length == 0) {
-    throw new Error('query object has no data')
-  }
-  if (!(options.ignoreFields instanceof Array)) {
-    options.ignoreFields = []
-  }
-
-  const queryLines: [string, number][] = []
-  convertQuery(query, 0, queryLines, options)
-
-  let output = ''
-  queryLines.forEach(([line, level]) => {
-    if (options.pretty) {
-      if (output) {
-        output += '\n'
-      }
-      output += getIndent(level) + line
-    } else {
-      if (output) {
-        output += ' '
-      }
-      output += line
-    }
-  })
-  return output
-}

package/src/types/EnumType.ts

@@ -1,5 +0,0 @@
-class EnumType {
-  constructor(public value: string) {}
-}
-
-export { EnumType }

package/src/types/VariableType.ts

@@ -1,9 +0,0 @@
-class VariableType {
-  constructor(public value: string) {}
-
-  toJSON() {
-    return `$${this.value}`
-  }
-}
-
-export { VariableType }

package/src/use-query.ts

@@ -1,34 +0,0 @@
-import gql from 'graphql-tag'
-import { useState, useEffect } from 'haunted'
-
-import { client } from './graphql-client'
-
-export function useQuery(query: string, variables: any = {}) {
-  const [data, setData] = useState(null)
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState(null)
-
-  useEffect(() => {
-    const fetchData = async () => {
-      setLoading(true)
-
-      try {
-        const { data } = await client.query({
-          query: gql`
-            ${query}
-          `,
-          variables
-        })
-        setData(data)
-      } catch (error: any) {
-        setError(error)
-      }
-
-      setLoading(false)
-    }
-
-    fetchData()
-  }, [query, variables]) // 의존성 배열에 쿼리와 변수를 포함시켜 쿼리나 변수가 바뀔 때마다 쿼리를 다시 실행합니다.
-
-  return { data, loading, error }
-}

package/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2018",
-    "module": "esnext",
-    "moduleResolution": "node",
-    "noEmitOnError": true,
-    "lib": ["es2017", "dom"],
-    "strict": true,
-    "esModuleInterop": false,
-    "allowSyntheticDefaultImports": true,
-    "experimentalDecorators": true,
-    "useDefineForClassFields": false,
-    "importHelpers": true,
-    "outDir": "dist",
-    "sourceMap": true,
-    "inlineSources": true,
-    "rootDir": "./",
-    "declaration": true,
-    "incremental": true,
-    "skipLibCheck": true,
-    "skipLibCheck": true,
-    "types": ["node", "mocha"]
-  },
-  "include": ["**/*.ts"]
-}

package/web-dev-server.config.mjs

@@ -1,27 +0,0 @@
-// import { hmrPlugin, presets } from '@open-wc/dev-server-hmr';
-
-/** Use Hot Module replacement by adding --hmr to the start command */
-const hmr = process.argv.includes('--hmr');
-
-export default /** @type {import('@web/dev-server').DevServerConfig} */ ({
-  open: '/demo/',
-  /** Use regular watch mode if HMR is not enabled. */
-  watch: !hmr,
-  /** Resolve bare module imports */
-  nodeResolve: {
-    exportConditions: ['browser', 'development'],
-  },
-
-  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
-  // esbuildTarget: 'auto'
-
-  /** Set appIndex to enable SPA routing */
-  // appIndex: 'demo/index.html',
-
-  plugins: [
-    /** Use Hot Module Replacement by uncommenting. Requires @open-wc/dev-server-hmr plugin */
-    // hmr && hmrPlugin({ exclude: ['**/*/node_modules/**/*'], presets: [presets.litElement] }),
-  ],
-
-  // See documentation for all available options
-});

package/web-test-runner.config.mjs

@@ -1,41 +0,0 @@
-// import { playwrightLauncher } from '@web/test-runner-playwright';
-
-const filteredLogs = ['Running in dev mode', 'lit-html is in dev mode'];
-
-export default /** @type {import("@web/test-runner").TestRunnerConfig} */ ({
-  /** Test files to run */
-  files: 'dist/test/**/*.test.js',
-
-  /** Resolve bare module imports */
-  nodeResolve: {
-    exportConditions: ['browser', 'development'],
-  },
-
-  /** Filter out lit dev mode logs */
-  filterBrowserLogs(log) {
-    for (const arg of log.args) {
-      if (typeof arg === 'string' && filteredLogs.some(l => arg.includes(l))) {
-        return false;
-      }
-    }
-    return true;
-  },
-
-  /** Compile JS for older browsers. Requires @web/dev-server-esbuild plugin */
-  // esbuildTarget: 'auto',
-
-  /** Amount of browsers to run concurrently */
-  // concurrentBrowsers: 2,
-
-  /** Amount of test files per browser to test concurrently */
-  // concurrency: 1,
-
-  /** Browsers to run tests on */
-  // browsers: [
-  //   playwrightLauncher({ product: 'chromium' }),
-  //   playwrightLauncher({ product: 'firefox' }),
-  //   playwrightLauncher({ product: 'webkit' }),
-  // ],
-
-  // See documentation for all available options
-});