[Bug]: theme dev command does not run with fresh theme init

cstudioakt commented 1 year ago

Please confirm that you have:

[X] Searched existing issues to see if your issue is a duplicate. (If you’ve found a duplicate issue, feel free to add additional information in a comment on it.)
[X] Reproduced the issue in the latest CLI version.

In which of these areas are you experiencing a problem?

Theme

Expected behavior

shopify theme dev should upload my current project (theme) and run a preview window.

Actual behavior

First using shopify theme init to install a fresh version of Dawn then running shopify theme dev throws a ton of errors about color_scheme and color_schemes and prevents theme from uploading. The preview url load with a 404 error.

Verbose output

shopify theme dev                                                                                                                                                                                                                                           2404ms  Wed 13:24
╭─ success ─────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╮
│                                                                                                                                                                                   │
│  Preview your theme                                                                                                                                                               │
│    • http://127.0.0.1:9292                                                                                                                                                        │
│                                                                                                                                                                                   │
│  Next steps                                                                                                                                                                       │
│    • Customize your theme at the theme editor                                                                                                                                     │
│    • Share your theme preview                                                                                                                                                     │
│                                                                                                                                                                                   │
╰───────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────────╯

* Syncing theme #136600781052 on akt-web-dev-playground.myshopify.com
                                                                                                                                                                                                                                                                            100%
sections/video.liquid: Invalid schema: setting color_scheme type is invalid.
sections/collage.liquid: Invalid schema: setting color_scheme type is invalid.
sections/collapsible-content.liquid: Invalid schema: setting color_scheme type is invalid.
sections/collection-list.liquid: Invalid schema: setting color_scheme type is invalid.
sections/contact-form.liquid: Invalid schema: setting color_scheme type is invalid.
sections/custom-liquid.liquid: Invalid schema: setting color_scheme type is invalid.
sections/email-signup-banner.liquid: Invalid schema: setting color_scheme type is invalid.
sections/featured-blog.liquid: Invalid schema: setting color_scheme type is invalid.
sections/featured-collection.liquid: Invalid schema: setting color_scheme type is invalid.
sections/featured-product.liquid: Invalid schema: setting color_scheme type is invalid.
sections/footer.liquid: Invalid schema: setting color_scheme type is invalid.
sections/header.liquid: Invalid schema: setting color_scheme type is invalid.
sections/image-banner.liquid: Invalid schema: setting color_scheme type is invalid.
sections/image-with-text.liquid: Invalid schema: setting color_scheme type is invalid.
sections/main-collection-banner.liquid: Invalid schema: setting color_scheme type is invalid.
sections/announcement-bar.liquid: Invalid schema: setting color_scheme type is invalid.
sections/main-password-footer.liquid: Invalid schema: setting color_scheme type is invalid.
sections/main-password-header.liquid: Invalid schema: setting color_scheme type is invalid.
sections/multicolumn.liquid: Invalid schema: setting color_scheme type is invalid.
sections/multirow.liquid: Invalid schema: setting color_scheme type is invalid.
sections/newsletter.liquid: Invalid schema: setting color_scheme type is invalid.
sections/page.liquid: Invalid schema: setting color_scheme type is invalid.
sections/related-products.liquid: Invalid schema: setting color_scheme type is invalid.
sections/rich-text.liquid: Invalid schema: setting color_scheme type is invalid.
sections/slideshow.liquid: Invalid block 'slide': setting color_scheme type is invalid.
templates/cart.json: Section type 'featured-collection' does not refer to an existing section file
templates/collection.json: Section type 'main-collection-banner' does not refer to an existing section file
templates/index.json: Section type 'image-banner' does not refer to an existing section file
templates/index.json: Section type 'rich-text' does not refer to an existing section file
templates/index.json: Section type 'featured-collection' does not refer to an existing section file
templates/index.json: Section type 'collage' does not refer to an existing section file
templates/index.json: Section type 'video' does not refer to an existing section file
templates/index.json: Section type 'multicolumn' does not refer to an existing section file
templates/page.contact.json: Section type 'contact-form' does not refer to an existing section file
templates/password.json: Section type 'email-signup-banner' does not refer to an existing section file
templates/product.json: Section type 'image-with-text' does not refer to an existing section file
templates/product.json: Section type 'multicolumn' does not refer to an existing section file
templates/product.json: Section type 'related-products' does not refer to an existing section file
config/settings_schema.json: Section 3: setting with id="color_schemes" invalid setting type

Reproduction steps

Run shopify theme init
Navigate to new theme directory.
Run shopify theme dev

Operating System

Mac OS Monterey (12.6.2)

Shopify CLI version (check your project's `package.json` if you're not sure)

3.45.3

Shell

iTerm 2 via FishShell

Node version (run `node -v` if you're not sure)

v14.21.3

What language and version are you using in your application?

No response

t00bstAr commented 1 year ago

I am experiencing the exact same issue. Any updates?

isaacroldan commented 1 year ago

I was able to reproduce and the relevant team has been notified. We'll investigate and post an update. Thanks for reporting!

karreiro commented 1 year ago

Hey there, @cstudioakt! Thanks a lot for bringing this to our attention. We really appreciate it!

We're experiencing a temporary issue with some of the features that were recently introduced on shopify/dawn, as they are not currently supported by our theme library.

But no worries, we're already on it! We've reached out to the Dawn folks to make sure we can get this fixed as soon as possible.

In the meantime, we do have a workaround that you can use. If you initialize your theme using the --latest tag instead of using the main branch of Dawn, it will initialize the latest release of Dawn and should help you avoid this issue:

shopify theme init --latest

Once again, thank you for reporting this!

Shopify / cli