Having issues installing Horizon theme from fresh clone

[amaidah]

After cloning the horizon repo, adding .env file and running yarn:

❯ yarn dev
yarn run v1.22.21
$ yarn setup && next dev
$ yarn sync && yarn graphql:generate && yarn theme:generate
$ node -r dotenv/config ./build-utils/sync-storefront.mjs
✔ Successfully set editor values for [abc].
Enabled editor: true
Source theme id: horizon

exec error: Error: Command failed: swell storefronts push --id $SWELL_STOREFRONT_ID -t settings -s defaults -f ./config/defaults.json --secret-key $SWELL_SECRET_KEY --store $SWELL_STORE_ID

✔ Successfully pushed theme.horizon.memberships model to [abc] store.

✔ Successfully pushed theme.horizon.multiple_features model to [abc] store.

✔ Successfully pushed theme.horizon.multiple_panels model to [abc] store.

✔ Successfully pushed theme.horizon.press_mentions_carousel model to [abc] store.

✔ Successfully pushed theme.horizon.products_preview model to [abc]store.

✔ Successfully pushed theme.horizon.full_width_media model to [abc]store.

✔ Successfully pushed theme.horizon.reviews model to [abc] store.

✔ Successfully pushed theme.horizon.heading_with_text model to [abc] store.

✔ Successfully pushed theme.horizon.categories_preview model to [abc] store.

✔ Successfully pushed theme.horizon.divider model to [abc] store.

✔ Successfully pushed theme.horizon.quiz_question model to [abc] store.

{
  errors: {
    fields: {
      message: "Content field name '6563e6bfc6f1320011833ef2' should not start with a number",
      code: 'INVALID'
    }
  }
}

{
  errors: {
    fields: {
      message: "Content field name '6563e6bf9328cf00126e2330' should not start with a number",
      code: 'INVALID'
    }
  }
}

✔ Successfully pushed theme.horizon.quiz_transition model to [abc] store.

✔ Successfully pushed theme.horizon.category model to [abc] store.

✔ Successfully pushed theme.horizon.product model to [abc] store.

exec error: Error: Command failed: swell storefronts push --id $SWELL_STOREFRONT_ID -t editor -s defaults -f ./config/editor.json --secret-key $SWELL_SECRET_KEY --store $SWELL_STORE_ID

$ graphql-codegen --config codegen.yml -r dotenv/config
✔ Parse Configuration
✔ Generate outputs
$ node -r dotenv/config ./build-utils/generate-theme.mjs
file:///code/[abc]/build-utils/styles.mjs:15
  Object.entries(object).forEach(([key, value]) => {
         ^

TypeError: Cannot convert undefined or null to object
    at Function.entries (<anonymous>)
    at getVarsFromObject (file:///code/[abc]/build-utils/styles.mjs:15:10)
    at generateCssVars (file:///code/[abc]/build-utils/styles.mjs:33:21)
    at file:///code/[abc]/build-utils/generate-theme.mjs:13:19
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5)

Node.js v18.18.2
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Is anyone else able to install the theme? I see similar errors here: https://github.com/orgs/swellstores/discussions/393 and here: https://github.com/orgs/swellstores/discussions/429

[sags95]

Hi @amaidah, we're currently looking into this.

[logeshswell]

@amaidah Can you help me with your storefront ID?

[amaidah]

@logeshswell omi79x1E thank you

[logeshswell]

There is an open bug present in our system for the first-time horizon theme setup and it caused an error for you.
We feel very sorry about it and will fix it as soon as possible.

Temporary workaround:
You need to comment out this line only for the first-time setup. After yarn run sync command is executed, you should uncomment it out to avoid losing the theme settings configured in the storefront editor.

Your storefront is ready now!

[amaidah]

Thank you @logeshswell , the theme runs locally on node 16.20.0 but has the following errors on the latest LTS 18 & 20 versions of 18.19.0 & 20.10.0

$ graphql-codegen --config codegen.yml -r dotenv/config
✔ Parse Configuration
✔ Generate outputs
$ node -r dotenv/config ./build-utils/generate-theme.mjs
node:fs:1229
  return handleErrorFromBinding(ctx);
         ^

Error: EINVAL: invalid argument, rmdir './'
    at rmdirSync (node:fs:1229:10)
    at _rmdirSync (node:internal/fs/rimraf:235:5)
    at rimrafSync (node:internal/fs/rimraf:193:7)
    at rmSync (node:fs:1278:10)
    at Downloader.execute (file:////node_modules/google-fonts-helper/dist/index.mjs:177:7)
    at generateFontFiles (file:////build-utils/fonts-node.mjs:21:24)
    at file:////build-utils/generate-theme.mjs:15:3
    at process.processTicksAndRejections (node:internal/process/task_queues:95:5) {
  errno: -22,
  syscall: 'rmdir',
  code: 'EINVAL',
  path: './'
}

Node.js v18.18.2
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

I am trying to upgrade node versions because deploying to Vercel is broken:

[logeshswell]

Yes, I'm aware of this issue. Please downgrade node version in Vercel until we propose a fix for it.