Add client steps implementation to support existing functionalities

Author: alfonso-noriega

packages/app/src/cli/models/extensions/extension-instance.ts

@@ -44,6 +44,7 @@ export const CONFIG_EXTENSION_IDS: string[] = [
   WebhookSubscriptionSpecIdentifier,
   WebhooksSpecIdentifier,
   EventsSpecIdentifier,
+  'admin',
 ]
 
 /**

packages/app/src/cli/services/build/steps/build-function-step.ts

@@ -0,0 +1,12 @@
+import {buildFunctionExtension} from '../extension.js'
+import type {LifecycleStep, BuildContext} from '../client-steps.js'
+
+/**
+ * Executes a build_function build step.
+ *
+ * Compiles the function extension (JavaScript or other language) to WASM,
+ * applying wasm-opt and trampoline as configured.
+ */
+export async function executeBuildFunctionStep(_step: LifecycleStep, context: BuildContext): Promise<void> {
+  return buildFunctionExtension(context.extension, context.options)
+}

packages/app/src/cli/services/build/steps/build-theme-step.ts

@@ -0,0 +1,14 @@
+import {runThemeCheck} from '../theme-check.js'
+import type {LifecycleStep, BuildContext} from '../client-steps.js'
+
+/**
+ * Executes a build_theme build step.
+ *
+ * Runs theme check on the extension directory and writes any offenses to stdout.
+ */
+export async function executeBuildThemeStep(_step: LifecycleStep, context: BuildContext): Promise<void> {
+  const {extension, options} = context
+  options.stdout.write(`Running theme check on your Theme app extension...`)
+  const offenses = await runThemeCheck(extension.directory)
+  if (offenses) options.stdout.write(offenses)
+}

packages/app/src/cli/services/build/steps/bundle-theme-step.ts

@@ -0,0 +1,30 @@
+import {themeExtensionFiles} from '../../../utilities/extensions/theme.js'
+import {copyFile} from '@shopify/cli-kit/node/fs'
+import {relativePath, joinPath} from '@shopify/cli-kit/node/path'
+import type {LifecycleStep, BuildContext} from '../client-steps.js'
+
+/**
+ * Executes a bundle_theme build step.
+ *
+ * Copies theme extension files to the output directory, preserving relative paths.
+ * Respects the extension's .shopifyignore file and the standard ignore patterns.
+ */
+export async function executeBundleThemeStep(
+  _step: LifecycleStep,
+  context: BuildContext,
+): Promise<{filesCopied: number}> {
+  const {extension, options} = context
+  options.stdout.write(`Bundling theme extension ${extension.localIdentifier}...`)
+  const files = await themeExtensionFiles(extension)
+
+  await Promise.all(
+    files.map(async (filepath) => {
+      const relativePathName = relativePath(extension.directory, filepath)
+      const outputFile = joinPath(extension.outputPath, relativePathName)
+      if (filepath === outputFile) return
+      await copyFile(filepath, outputFile)
+    }),
+  )
+
+  return {filesCopied: files.length}
+}

packages/app/src/cli/services/build/steps/bundle-ui-step.ts

@@ -0,0 +1,11 @@
+import {buildUIExtension} from '../extension.js'
+import type {LifecycleStep, BuildContext} from '../client-steps.js'
+
+/**
+ * Executes a bundle_ui build step.
+ *
+ * Bundles the UI extension using esbuild, writing output to extension.outputPath.
+ */
+export async function executeBundleUIStep(_step: LifecycleStep, context: BuildContext): Promise<void> {
+  return buildUIExtension(context.extension, context.options)
+}

packages/app/src/cli/services/build/steps/copy-static-assets-step.ts

@@ -0,0 +1,11 @@
+import type {LifecycleStep, BuildContext} from '../client-steps.js'
+
+/**
+ * Executes a copy_static_assets build step.
+ *
+ * Copies static assets defined in the extension's build_manifest to the output directory.
+ * This is a no-op for extensions that do not define static assets.
+ */
+export async function executeCopyStaticAssetsStep(_step: LifecycleStep, context: BuildContext): Promise<void> {
+  return context.extension.copyStaticAssets()
+}

packages/app/src/cli/services/build/steps/create-tax-stub-step.ts

@@ -0,0 +1,14 @@
+import {touchFile, writeFile} from '@shopify/cli-kit/node/fs'
+import type {LifecycleStep, BuildContext} from '../client-steps.js'
+
+/**
+ * Executes a create_tax_stub build step.
+ *
+ * Creates a minimal JavaScript stub file at the extension's output path,
+ * satisfying the tax calculation extension bundle format.
+ */
+export async function executeCreateTaxStubStep(_step: LifecycleStep, context: BuildContext): Promise<void> {
+  const {extension} = context
+  await touchFile(extension.outputPath)
+  await writeFile(extension.outputPath, '(()=>{})();')
+}