cli: [Bug]: `shopify theme dev` not logging into password-protected store on Safari

Expected behavior

  • Run shopify theme dev
  • Open the browser (Safari)
  • Type the store password
  • It must load the main page of the theme

Chrome

Actual behavior

  • Run shopify theme dev
  • Open the browser (Safari)
  • Type the store password
  • It reloads the password page

Safari:

https://user-images.githubusercontent.com/1079279/182106288-3585af34-15e7-4adf-8478-a2bfc6f0c083.mp4

Chrome:

https://user-images.githubusercontent.com/1079279/182106270-0cfc49ca-2c26-4143-b6e8-b34ee72cf272.mp4

Operating System

macOS

CLI version (run shopify version if you’re not sure)

2.20.1

Shell

No response

Ruby version (run ruby -v if you’re not sure)

No response

What language and version are you using in your application?

No response

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Reactions: 2
  • Comments: 38 (11 by maintainers)

Most upvoted comments

It’s not ideal by any means, but I was able to work around this by going to Chrome, logging in with the site password, then copying the token it generates as a cookie to Safari.

Open DevTools in Chrome, go to the Application tab, then Cookies on the left. Search for storefront_digest, and copy the value. Then in Safari, go to your site, open Web Inspector and go to the Storage tab and select Cookies. Add a new cookie with the same name, paste the value, and access another page on your store.

@trvswgnr For me, that redirects me to older looking password page and then if i put same cookie, it automatically erases this cookie.

Make sure to enter / as the path and not allow Safari to use the default value of /password.

Still present using:

Version 16.3 (18614.4.6.1.6) @shopify/cli/3.44.1 darwin-x64 node-v19.7.0

One workaround that worked for me is to use Cloudflare Quick Tunnels

cloudflared tunnel --url http://localhost:9292

Then access the theme preview through the URL Cloudflare generates instead of localhost:9292

Ok, this is lame… YES THIS IS STILL RELEVANT! Will we need to poke it every 3 weeks arguing with a stupid robot while noone from shopify gives a * about it?! 😦

same issue here doesnt work on chrome or safari

It’s not ideal by any means, but I was able to work around this by going to Chrome, logging in with the site password, then copying the token it generates as a cookie to Safari.

Open DevTools in Chrome, go to the Application tab, then Cookies on the left. Search for storefront_digest, and copy the value. Then in Safari, go to your site, open Web Inspector and go to the Storage tab and select Cookies. Add a new cookie with the same name, paste the value, and access another page on your store.

This worked for me! Thanks @trvswgnr