@shopify/ui-extensions-server-kit 5.2.0

package/node_modules/@types/react/jsx-dev-runtime.d.ts

@@ -0,0 +1,2 @@
+// Expose `JSX` namespace in `global` namespace
+import './';

package/node_modules/@types/react/jsx-runtime.d.ts

@@ -0,0 +1,2 @@
+// Expose `JSX` namespace in `global` namespace
+import './';

package/node_modules/@types/react/package.json

@@ -0,0 +1,149 @@
+{
+    "name": "@types/react",
+    "version": "17.0.2",
+    "description": "TypeScript definitions for React",
+    "license": "MIT",
+    "contributors": [
+        {
+            "name": "Asana",
+            "url": "https://asana.com"
+        },
+        {
+            "name": "AssureSign",
+            "url": "http://www.assuresign.com"
+        },
+        {
+            "name": "Microsoft",
+            "url": "https://microsoft.com"
+        },
+        {
+            "name": "John Reilly",
+            "url": "https://github.com/johnnyreilly",
+            "githubUsername": "johnnyreilly"
+        },
+        {
+            "name": "Benoit Benezech",
+            "url": "https://github.com/bbenezech",
+            "githubUsername": "bbenezech"
+        },
+        {
+            "name": "Patricio Zavolinsky",
+            "url": "https://github.com/pzavolinsky",
+            "githubUsername": "pzavolinsky"
+        },
+        {
+            "name": "Digiguru",
+            "url": "https://github.com/digiguru",
+            "githubUsername": "digiguru"
+        },
+        {
+            "name": "Eric Anderson",
+            "url": "https://github.com/ericanderson",
+            "githubUsername": "ericanderson"
+        },
+        {
+            "name": "Dovydas Navickas",
+            "url": "https://github.com/DovydasNavickas",
+            "githubUsername": "DovydasNavickas"
+        },
+        {
+            "name": "Josh Rutherford",
+            "url": "https://github.com/theruther4d",
+            "githubUsername": "theruther4d"
+        },
+        {
+            "name": "Guilherme Hübner",
+            "url": "https://github.com/guilhermehubner",
+            "githubUsername": "guilhermehubner"
+        },
+        {
+            "name": "Ferdy Budhidharma",
+            "url": "https://github.com/ferdaber",
+            "githubUsername": "ferdaber"
+        },
+        {
+            "name": "Johann Rakotoharisoa",
+            "url": "https://github.com/jrakotoharisoa",
+            "githubUsername": "jrakotoharisoa"
+        },
+        {
+            "name": "Olivier Pascal",
+            "url": "https://github.com/pascaloliv",
+            "githubUsername": "pascaloliv"
+        },
+        {
+            "name": "Martin Hochel",
+            "url": "https://github.com/hotell",
+            "githubUsername": "hotell"
+        },
+        {
+            "name": "Frank Li",
+            "url": "https://github.com/franklixuefei",
+            "githubUsername": "franklixuefei"
+        },
+        {
+            "name": "Jessica Franco",
+            "url": "https://github.com/Jessidhia",
+            "githubUsername": "Jessidhia"
+        },
+        {
+            "name": "Saransh Kataria",
+            "url": "https://github.com/saranshkataria",
+            "githubUsername": "saranshkataria"
+        },
+        {
+            "name": "Kanitkorn Sujautra",
+            "url": "https://github.com/lukyth",
+            "githubUsername": "lukyth"
+        },
+        {
+            "name": "Sebastian Silbermann",
+            "url": "https://github.com/eps1lon",
+            "githubUsername": "eps1lon"
+        },
+        {
+            "name": "Kyle Scully",
+            "url": "https://github.com/zieka",
+            "githubUsername": "zieka"
+        },
+        {
+            "name": "Cong Zhang",
+            "url": "https://github.com/dancerphil",
+            "githubUsername": "dancerphil"
+        },
+        {
+            "name": "Dimitri Mitropoulos",
+            "url": "https://github.com/dimitropoulos",
+            "githubUsername": "dimitropoulos"
+        },
+        {
+            "name": "JongChan Choi",
+            "url": "https://github.com/disjukr",
+            "githubUsername": "disjukr"
+        },
+        {
+            "name": "Victor Magalhães",
+            "url": "https://github.com/vhfmag",
+            "githubUsername": "vhfmag"
+        },
+        {
+            "name": "Dale Tan",
+            "url": "https://github.com/hellatan",
+            "githubUsername": "hellatan"
+        }
+    ],
+    "main": "",
+    "types": "index.d.ts",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/DefinitelyTyped/DefinitelyTyped.git",
+        "directory": "types/react"
+    },
+    "scripts": {},
+    "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.0.2"
+    },
+    "typesPublisherContentHash": "b4bc71e5ae8e6467bc315f57f8e7b98e248d5994ecaaf51bd4e674de77bfb6fc",
+    "typeScriptVersion": "3.4"
+}

package/node_modules/@vitejs/plugin-react-refresh/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019-present, Yuxi (Evan) You and Vite contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/node_modules/@vitejs/plugin-react-refresh/README.md

@@ -0,0 +1,73 @@
+# @vitejs/plugin-react-refresh [![npm](https://img.shields.io/npm/v/@vitejs/plugin-react-refresh.svg)](https://npmjs.com/package/@vitejs/plugin-react-refresh)
+
+Provides [React Refresh](https://www.npmjs.com/package/react-refresh) support for Vite.
+
+```js
+// vite.config.js
+import reactRefresh from '@vitejs/plugin-react-refresh'
+
+export default {
+  plugins: [reactRefresh()]
+}
+```
+
+## Specifying Additional Parser Plugins
+
+If you are using ES syntax that are still in proposal status (e.g. class properties), you can selectively enable them via the `parserPlugins` option:
+
+```js
+export default {
+  plugins: [
+    reactRefresh({
+      parserPlugins: ['classProperties', 'classPrivateProperties']
+    })
+  ]
+}
+```
+
+[Full list of Babel parser plugins](https://babeljs.io/docs/en/babel-parser#ecmascript-proposalshttpsgithubcombabelproposals).
+
+## Specifying files to include or exclude from refreshing
+
+By default, @vite/plugin-react-refresh will process files ending with `.js`, `.jsx`, `.ts`, and `.tsx`, and excludes all files in `node_modules`.
+
+In some situations you may not want a file to act as an HMR boundary, instead preferring that the changes propagate higher in the stack before being handled. In these cases, you can provide an `include` and/or `exclude` option, which can be regex or a [picomatch](https://github.com/micromatch/picomatch#globbing-features) pattern, or array of either. Files must match include and not exclude to be processed. Note, when using either `include`, or `exclude`, the defaults will not be merged in, so re-apply them if necessary.
+
+```js
+export default {
+  plugins: [
+    reactRefresh({
+      // Exclude storybook stories and node_modules
+      exclude: [/\.stories\.(t|j)sx?$/, /node_modules/],
+      // Only .tsx files
+      include: '**/*.tsx'
+    })
+  ]
+}
+```
+
+### Notes
+
+- If using TSX, any TS-supported syntax will already be transpiled away so you won't need to specify them here.
+
+- This option only enables the plugin to parse these syntax - it does not perform any transpilation since this plugin is dev-only.
+
+- If you wish to transpile the syntax for production, you will need to configure the transform separately using [@rollup/plugin-babel](https://github.com/rollup/plugins/tree/master/packages/babel) as a build-only plugin.
+
+## Middleware Mode Notes
+
+When Vite is launched in **Middleware Mode**, you need to make sure your entry `index.html` file is transformed with `ViteDevServer.transformIndexHtml`. Otherwise, you may get an error prompting `Uncaught Error: @vitejs/plugin-react-refresh can't detect preamble. Something is wrong.`
+
+To mitigate this issue, you can explicitly transform your `index.html` like this when configuring your express server:
+
+```js
+app.get('/', async (req, res, next) => {
+  try {
+    let html = fs.readFileSync(path.resolve(root, 'index.html'), 'utf-8')
+    html = await viteServer.transformIndexHtml(req.url, html)
+    res.send(html)
+  } catch (e) {
+    return next(e)
+  }
+})
+```

package/node_modules/@vitejs/plugin-react-refresh/index.d.ts

@@ -0,0 +1,14 @@
+import { Plugin } from 'vite'
+import { ParserOptions } from '@babel/core'
+
+type PluginFactory = (options?: Options) => Plugin
+
+declare const createPlugin: PluginFactory & { preambleCode: string }
+
+export interface Options {
+  parserPlugins?: ParserOptions['plugins']
+  include?: string | RegExp | Array<string | RegExp>
+  exclude?: string | RegExp | Array<string | RegExp>
+}
+
+export default createPlugin

package/node_modules/@vitejs/plugin-react-refresh/index.js

@@ -0,0 +1,239 @@
+// @ts-check
+const fs = require('fs')
+const { transformSync, ParserOptions } = require('@babel/core')
+const { createFilter } = require('@rollup/pluginutils')
+const runtimePublicPath = '/@react-refresh'
+const runtimeFilePath = require.resolve(
+  'react-refresh/cjs/react-refresh-runtime.development.js'
+)
+
+const runtimeCode = `
+const exports = {}
+${fs.readFileSync(runtimeFilePath, 'utf-8')}
+function debounce(fn, delay) {
+  let handle
+  return () => {
+    clearTimeout(handle)
+    handle = setTimeout(fn, delay)
+  }
+}
+exports.performReactRefresh = debounce(exports.performReactRefresh, 16)
+export default exports
+`
+
+const preambleCode = `
+import RefreshRuntime from "__BASE__${runtimePublicPath.slice(1)}"
+RefreshRuntime.injectIntoGlobalHook(window)
+window.$RefreshReg$ = () => {}
+window.$RefreshSig$ = () => (type) => type
+window.__vite_plugin_react_preamble_installed__ = true
+`
+
+/**
+ * Transform plugin for transforming and injecting per-file refresh code.
+ *
+ * @type {import('.').default}
+ */
+function reactRefreshPlugin(opts) {
+  let shouldSkip = false
+  let base = '/'
+  const filter = createFilter(
+    (opts && opts.include) || /\.(t|j)sx?$/,
+    (opts && opts.exclude) || /node_modules/
+  )
+
+  return {
+    name: 'react-refresh',
+
+    enforce: 'pre',
+
+    configResolved(config) {
+      shouldSkip = config.command === 'build' || config.isProduction
+      base = config.base
+    },
+
+    resolveId(id) {
+      if (id === runtimePublicPath) {
+        return id
+      }
+    },
+
+    load(id) {
+      if (id === runtimePublicPath) {
+        return runtimeCode
+      }
+    },
+
+    transform(code, id, ssr) {
+      if (shouldSkip || ssr) {
+        return
+      }
+
+      if (!filter(id)) {
+        return
+      }
+
+      // plain js/ts files can't use React without importing it, so skip
+      // them whenever possible
+      if (!id.endsWith('x') && !code.includes('react')) {
+        return
+      }
+
+      /**
+       * @type ParserOptions["plugins"]
+       */
+      const parserPlugins = [
+        'jsx',
+        'importMeta',
+        // since the plugin now applies before esbuild transforms the code,
+        // we need to enable some stage 3 syntax since they are supported in
+        // TS and some environments already.
+        'topLevelAwait',
+        'classProperties',
+        'classPrivateProperties',
+        'classPrivateMethods'
+      ]
+      if (/\.tsx?$/.test(id)) {
+        // it's a typescript file
+        // TODO: maybe we need to read tsconfig to determine parser plugins to
+        // enable here, but allowing decorators by default since it's very
+        // commonly used with TS.
+        parserPlugins.push('typescript', 'decorators-legacy')
+      }
+      if (opts && opts.parserPlugins) {
+        parserPlugins.push(...opts.parserPlugins)
+      }
+
+      const isReasonReact = id.endsWith('.bs.js')
+      const result = transformSync(code, {
+        babelrc: false,
+        configFile: false,
+        filename: id,
+        parserOpts: {
+          sourceType: 'module',
+          allowAwaitOutsideFunction: true,
+          plugins: parserPlugins
+        },
+        generatorOpts: {
+          decoratorsBeforeExport: true
+        },
+        plugins: [
+          require('@babel/plugin-transform-react-jsx-self'),
+          require('@babel/plugin-transform-react-jsx-source'),
+          [require('react-refresh/babel'), { skipEnvCheck: true }]
+        ],
+        ast: !isReasonReact,
+        sourceMaps: true,
+        sourceFileName: id
+      })
+
+      if (!/\$RefreshReg\$\(/.test(result.code)) {
+        // no component detected in the file
+        return code
+      }
+
+      const header = `
+  import RefreshRuntime from "${runtimePublicPath}";
+
+  let prevRefreshReg;
+  let prevRefreshSig;
+
+  if (!window.__vite_plugin_react_preamble_installed__) {
+    throw new Error(
+      "@vitejs/plugin-react-refresh can't detect preamble. Something is wrong. " +
+      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"
+    );
+  }
+
+  if (import.meta.hot) {
+    prevRefreshReg = window.$RefreshReg$;
+    prevRefreshSig = window.$RefreshSig$;
+    window.$RefreshReg$ = (type, id) => {
+      RefreshRuntime.register(type, ${JSON.stringify(id)} + " " + id)
+    };
+    window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
+  }`.replace(/[\n]+/gm, '')
+
+      const footer = `
+  if (import.meta.hot) {
+    window.$RefreshReg$ = prevRefreshReg;
+    window.$RefreshSig$ = prevRefreshSig;
+
+    ${
+      isReasonReact || isRefreshBoundary(result.ast)
+        ? `import.meta.hot.accept();`
+        : ``
+    }
+    if (!window.__vite_plugin_react_timeout) {
+      window.__vite_plugin_react_timeout = setTimeout(() => {
+        window.__vite_plugin_react_timeout = 0;
+        RefreshRuntime.performReactRefresh();
+      }, 30);
+    }
+  }`
+
+      return {
+        code: `${header}${result.code}${footer}`,
+        map: result.map
+      }
+    },
+
+    transformIndexHtml() {
+      if (shouldSkip) {
+        return
+      }
+
+      return [
+        {
+          tag: 'script',
+          attrs: { type: 'module' },
+          children: preambleCode.replace(`__BASE__`, base)
+        }
+      ]
+    }
+  }
+}
+
+/**
+ * @param {import('@babel/core').BabelFileResult['ast']} ast
+ */
+function isRefreshBoundary(ast) {
+  // Every export must be a React component.
+  return ast.program.body.every((node) => {
+    if (node.type !== 'ExportNamedDeclaration') {
+      return true
+    }
+    const { declaration, specifiers } = node
+    if (declaration) {
+      if (declaration.type === 'VariableDeclaration') {
+        return declaration.declarations.every((variable) =>
+          isComponentLikeIdentifier(variable.id)
+        )
+      }
+      if (declaration.type === 'FunctionDeclaration') {
+        return isComponentLikeIdentifier(declaration.id)
+      }
+    }
+    return specifiers.every((spec) => {
+      return isComponentLikeIdentifier(spec.exported)
+    })
+  })
+}
+
+/**
+ * @param {import('@babel/types').Node} node
+ */
+function isComponentLikeIdentifier(node) {
+  return node.type === 'Identifier' && isComponentLikeName(node.name)
+}
+
+/**
+ * @param {string} name
+ */
+function isComponentLikeName(name) {
+  return typeof name === 'string' && name[0] >= 'A' && name[0] <= 'Z'
+}
+
+module.exports = reactRefreshPlugin
+reactRefreshPlugin['default'] = reactRefreshPlugin
+reactRefreshPlugin.preambleCode = preambleCode

package/node_modules/@vitejs/plugin-react-refresh/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@vitejs/plugin-react-refresh",
+  "version": "1.3.6",
+  "license": "MIT",
+  "author": "Evan You",
+  "files": [
+    "index.js",
+    "index.d.ts"
+  ],
+  "main": "index.js",
+  "types": "index.d.ts",
+  "scripts": {
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s --commit-path . --lerna-package plugin-react-refresh",
+    "release": "node ../../scripts/release.js --skipBuild"
+  },
+  "engines": {
+    "node": ">=12.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/vitejs/vite.git",
+    "directory": "packages/plugin-react-refresh"
+  },
+  "bugs": {
+    "url": "https://github.com/vitejs/vite/issues"
+  },
+  "homepage": "https://github.com/vitejs/vite/tree/main/packages/plugin-react-refresh#readme",
+  "dependencies": {
+    "@babel/core": "^7.14.8",
+    "@babel/plugin-transform-react-jsx-self": "^7.14.5",
+    "@babel/plugin-transform-react-jsx-source": "^7.14.5",
+    "@rollup/pluginutils": "^4.1.1",
+    "react-refresh": "^0.10.0"
+  }
+}

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@shopify/ui-extensions-server-kit",
+  "version": "5.2.0",
+  "private": false,
+  "license": "MIT",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "require": "./index.js",
+      "import": "./index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./testing": {
+      "require": "./testing.js",
+      "import": "./testing.mjs",
+      "types": "./testing.d.ts"
+    }
+  },
+  "main": "index.js",
+  "module": "index.mjs",
+  "types": "index.d.ts",
+  "files": [
+    "**"
+  ],
+  "eslintConfig": {
+    "extends": [
+      "../../.eslintrc.cjs"
+    ],
+    "rules": {
+      "@typescript-eslint/no-explicit-any": "off",
+      "import/extensions": [
+        "error",
+        "never",
+        {
+          "ignorePackages": true
+        }
+      ]
+    }
+  },
+  "devDependencies": {
+    "@shopify/react-testing": "^3.0.0",
+    "@shopify/ui-extensions-test-utils": "3.26.0",
+    "@types/node": "18.19.3",
+    "@types/react": "17.0.2",
+    "@vitejs/plugin-react-refresh": "^1.3.6",
+    "jest-websocket-mock": "^2.4.0",
+    "jsdom": "^20.0.3",
+    "react": "^17.0.2",
+    "typescript": "5.2.2",
+    "vi-fetch": "^0.8.0",
+    "vite": "^5.3.1",
+    "vitest": "^1.6.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2"
+  },
+  "scripts": {
+    "build": "nx build",
+    "clean": "nx clean",
+    "lint": "nx lint",
+    "lint:fix": "nx lint:fix",
+    "test": "nx run ui-extensions-server-kit:test",
+    "test:watch": "nx test:watch"
+  }
+}

package/project.json

@@ -0,0 +1,74 @@
+{
+  "name": "ui-extensions-server-kit",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/ui-extensions-server-kit/src",
+  "projectType": "library",
+  "implicitDependencies": ["ui-extensions-test-utils"],
+  "tags": ["scope:feature", "scope:ui-extensions"],
+  "targets": {
+    "clean": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "pnpm rimraf dist/",
+        "cwd": "packages/ui-extensions-server-kit"
+      }
+    },
+    "build:code": {
+      "executor": "nx:run-commands",
+      "outputs": ["{workspaceRoot}/dist"],
+      "options": {
+        "command": "pnpm vite build --config vite.config.ts",
+        "cwd": "packages/ui-extensions-server-kit"
+      }
+    },
+    "build:types": {
+      "executor": "nx:run-commands",
+      "dependsOn": ["^build"],
+      "outputs": ["{workspaceRoot}/dist"],
+      "options": {
+        "command": "pnpm tsc --emitDeclarationOnly",
+        "cwd": "packages/ui-extensions-server-kit"
+      }
+    },
+    "build": {
+      "executor": "nx:run-commands",
+      "dependsOn": ["build:code", "build:types"],
+      "outputs": ["{workspaceRoot}/dist"],
+      "inputs": ["{projectRoot}/src/**/*", "{projectRoot}/testing.*", "{projectRoot}/index.*"],
+      "options": {
+        "command": "cd .",
+        "cwd": "packages/ui-extensions-server-kit"
+      }
+    },
+    "lint": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "pnpm eslint src",
+        "cwd": "packages/ui-extensions-server-kit"
+      }
+    },
+    "lint:fix": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "pnpm eslint src --fix",
+        "cwd": "packages/ui-extensions-server-kit"
+      }
+    },
+    "test": {
+      "executor": "nx:run-commands",
+      "dependsOn": ["^build"],
+      "options": {
+        "command": "pnpm vitest run",
+        "cwd": "packages/ui-extensions-server-kit"
+      }
+    },
+    "test:watch": {
+      "executor": "nx:run-commands",
+      "dependsOn": ["^build"],
+      "options": {
+        "command": "pnpm vitest watch",
+        "cwd": "packages/ui-extensions-server-kit"
+      }
+    }
+  }
+}