@shopify/ui-extensions-server-kit 0.0.0-experimental-20260902222805

package/src/utilities/set.test.ts

@@ -0,0 +1,19 @@
+/* eslint-disable id-length */
+import {set} from './set'
+
+describe('set()', () => {
+  test('deep sets object without mutation', () => {
+    const obj = {
+      a: {b: {c: {d: '123'}}},
+    }
+
+    const newObj = set(obj, (o) => o.a.b.c.d, 'abc')
+    expect(newObj).toStrictEqual({
+      a: {b: {c: {d: 'abc'}}},
+    })
+
+    // verify no mutation occurred
+    expect(obj.a.b.c.d).not.toBe('abc')
+    expect(obj.a).not.toBe(newObj.a)
+  })
+})

package/src/utilities/set.ts

@@ -0,0 +1,35 @@
+/**
+ * Deep sets an object in a type-safe way
+ */
+export function set<TObject extends object, TValue>(
+  obj: TObject,
+  pathFn: (o: TObject) => TValue,
+  value: TValue,
+): TObject {
+  const path: string[] = []
+  const proxy: unknown = new Proxy(
+    {},
+    {
+      get: (_, prop: string) => {
+        path.push(prop)
+        return proxy
+      },
+    },
+  )
+  pathFn(proxy as TObject)
+
+  const newObj = {...obj}
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  let current: any = newObj
+
+  const lastKey = path.pop()!
+
+  for (const key of path) {
+    current[key] = {...current[key]}
+    current = current[key]
+  }
+
+  current[lastKey] = value
+
+  return newObj
+}

package/testing.d.ts

@@ -0,0 +1 @@
+export * from './dist/testing';

package/testing.js

@@ -0,0 +1 @@
+module.exports = require('./dist/testing/index.cjs');

package/testing.mjs

@@ -0,0 +1 @@
+export * from './dist/testing/index.es.js';

package/tests/setup.ts

@@ -0,0 +1,3 @@
+beforeEach(() => {
+  vi.restoreAllMocks()
+})

package/vite.config.mts

@@ -0,0 +1,57 @@
+import {createEntryFiles} from './scripts/create-entry-files.js'
+import {defineConfig} from 'vite'
+import react from '@vitejs/plugin-react'
+import path from 'path'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  root: path.join(__dirname, 'src'),
+  build: {
+    outDir: path.join(__dirname, 'dist'),
+    lib: {
+      name: 'UIExtensionsServerKit',
+      entry: path.join(__dirname, 'src/index.ts'),
+      formats: ['cjs', 'es'],
+      fileName: (type) => `index.${type}.js`,
+    },
+    rollupOptions: {
+      external: ['react'],
+      input: {
+        index: path.join(__dirname, 'src/index.ts'),
+        testing: path.join(__dirname, 'src/testing/index.ts'),
+      },
+      output: {
+        globals: {
+          react: 'React',
+        },
+        preserveModules: true,
+        assetFileNames: `[name].[ext]`,
+        entryFileNames: ({facadeModuleId}) => {
+          return facadeModuleId.endsWith('testing/index.ts') ? 'index.[format].js' : '[name].[format].js'
+        },
+      },
+    },
+  },
+  test: {
+    globals: true,
+    environment: 'jsdom',
+    setupFiles: [path.resolve(__dirname, './tests/setup.ts')],
+    deps: {
+      inline: ['@shopify/react-testing'],
+    },
+  },
+  resolve: {
+    alias: {
+      '@shopify/ui-extensions-test-utils': path.resolve(__dirname, '../ui-extensions-test-utils/src'),
+    },
+  },
+  plugins: [
+    react(),
+    createEntryFiles({
+      files: {
+        index: './dist/index',
+        testing: './dist/testing/index',
+      },
+    }),
+  ],
+})