[HackDays] CLI generate components + sections + metaobjects sync

.graphqlrc.yml

@@ -6,9 +6,11 @@ projects:
     documents:
      - 'templates/**/app/**/*.{graphql,js,ts,jsx,tsx}'
      - 'examples/**/app/**/*.{graphql,js,ts,jsx,tsx}'
+     - 'packages/cli/src/**/graphql/storefront/**/*.ts'
   admin:
     schema: 'packages/cli/admin.schema.json'
-    documents: 'packages/cli/src/**/graphql/admin/**/*.ts'
+    documents:
+     - 'packages/cli/src/**/graphql/admin/**/*.ts'
   business-platform:
     schema: 'packages/cli/business-platform.schema.json'
     documents: 'packages/cli/src/**/graphql/business-platform/**/*.ts'

package.json

@@ -26,6 +26,7 @@
     "templates/hello-world",
     "templates/demo-store",
     "templates/skeleton",
+    "templates/*",
     "examples/express",
     "packages/remix-oxygen",
     "packages/hydrogen",

packages/cli/oclif.manifest.json

@@ -542,6 +542,49 @@
       },
       "args": {}
     },
+    "hydrogen:generate:component": {
+      "id": "hydrogen:generate:component",
+      "description": "Generates a commerce component.",
+      "strict": true,
+      "pluginName": "@shopify/cli-hydrogen",
+      "pluginAlias": "@shopify/cli-hydrogen",
+      "pluginType": "core",
+      "aliases": [],
+      "flags": {
+        "adapter": {
+          "name": "adapter",
+          "type": "option",
+          "description": "Remix adapter used in the route. The default is `@shopify/remix-oxygen`.",
+          "multiple": false
+        },
+        "typescript": {
+          "name": "typescript",
+          "type": "boolean",
+          "description": "Generate TypeScript files",
+          "allowNo": false
+        },
+        "force": {
+          "name": "force",
+          "type": "boolean",
+          "char": "f",
+          "description": "Overwrite the destination directory and files if they already exist.",
+          "allowNo": false
+        },
+        "path": {
+          "name": "path",
+          "type": "option",
+          "description": "The path to the directory of the Hydrogen storefront. The default is the current directory.",
+          "multiple": false
+        }
+      },
+      "args": {
+        "componentName": {
+          "name": "componentName",
+          "description": "The component to generate.",
+          "required": false
+        }
+      }
+    },
     "hydrogen:generate:route": {
       "id": "hydrogen:generate:route",
       "description": "Generates a standard Shopify route.",
@@ -580,20 +623,21 @@
       "args": {
         "routeName": {
           "name": "routeName",
-          "description": "The route to generate. One of home,page,cart,products,collections,policies,blogs,account,search,robots,sitemap,all.",
+          "description": "The route to generate. One of account,blogs,cart,collections,home,page,policies,products,robots,search,sitemap,hackdays,all.",
           "required": true,
           "options": [
-            "home",
-            "page",
+            "account",
+            "blogs",
             "cart",
-            "products",
             "collections",
+            "home",
+            "page",
             "policies",
-            "blogs",
-            "account",
-            "search",
+            "products",
             "robots",
+            "search",
             "sitemap",
+            "hackdays",
             "all"
           ]
         }
@@ -636,6 +680,49 @@
       },
       "args": {}
     },
+    "hydrogen:generate:section": {
+      "id": "hydrogen:generate:section",
+      "description": "Generates a commerce component.",
+      "strict": true,
+      "pluginName": "@shopify/cli-hydrogen",
+      "pluginAlias": "@shopify/cli-hydrogen",
+      "pluginType": "core",
+      "aliases": [],
+      "flags": {
+        "adapter": {
+          "name": "adapter",
+          "type": "option",
+          "description": "Remix adapter used in the route. The default is `@shopify/remix-oxygen`.",
+          "multiple": false
+        },
+        "typescript": {
+          "name": "typescript",
+          "type": "boolean",
+          "description": "Generate TypeScript files",
+          "allowNo": false
+        },
+        "force": {
+          "name": "force",
+          "type": "boolean",
+          "char": "f",
+          "description": "Overwrite the destination directory and files if they already exist.",
+          "allowNo": false
+        },
+        "path": {
+          "name": "path",
+          "type": "option",
+          "description": "The path to the directory of the Hydrogen storefront. The default is the current directory.",
+          "multiple": false
+        }
+      },
+      "args": {
+        "sectionName": {
+          "name": "sectionName",
+          "description": "The section to generate}.",
+          "required": false
+        }
+      }
+    },
     "hydrogen:setup:css": {
       "id": "hydrogen:setup:css",
       "description": "Setup CSS strategies for your project.",

packages/cli/package.json

@@ -29,6 +29,7 @@
   },
   "peerDependencies": {
     "@remix-run/react": "^1.17.1",
+    "@shopify/hydrogen": "^2023.7.0",
     "@shopify/hydrogen-react": "^2023.7.0",
     "@shopify/remix-oxygen": "^1.1.1"
   },