bazqux/bazqux-api

CORS Support

Closed this issue · 5 comments

tgecho commented

Hey! I'm messing around with a little web client idea and I realized that the API currently doesn't return the Access-Control-Allow-Origin header required to allow javascript direct access. Is there a chance you would consider adding this header?

Thanks!

https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS

vshabanov commented

I don't want to allow any third party site to read user's data. Perhaps it's better to create browser extension with specific access rights to bazqux.com to implement what you want?

tgecho commented

I understand and appreciate your concern. I think if you only allow it when an authorization token is being used (rather than a cookie) it should be no different than allowing a user to log in with a third party app.

My backup plan is to run a tiny server to proxy the API traffic. This will work just fine, but it’s the difference between being able to deploy a static javascript bundle to S3 and needing to actually host a server app.

I understand if this isn’t a use case you want to go out of your way to support! I really appreciate the service and wish you well :)

vshabanov commented

Maybe AWS Lambda could do the trick?

What is your little web client idea? Perhaps I can implement it.

tgecho commented

I have thought about trying out an API Gateway / Lambda combo. I won't rule it out!

To be clear, this little project is half about exercising some new tools and techniques (newer React stuff and home screen installable PWA). The rest is personal itch scratching. Your UI is perfect on the desktop, but when I skim articles on my phone, I really like an "card" interface where each card contains a couple of article summaries. I find the flicking motion to be a really efficient way to move through a lot of items without requiring precise button tapping. It's petty, but it's also an excuse to experiment.

Feedly's app is the only example of this interaction in a feed reader I've seen in the wild.

feedlyscroll

Unfortunately I don't really like any of their actual card layout options. Also I prefer your app overall for other reasons :)

So basically I intend to make a tiny little PWA tuned to my exact picky preferences and see how fast/smooth I can make it as a pure web app. Nothing sacred. I'd be ecstatic if you saw anything of value in all this. I'll be sure to share anything I come up with!

vshabanov commented

Perhaps it's possible to do it via CSS. BazQux already has a magazine view mode, which you could style to your liking. And BazQux has internal pagination (used to unload posts when you scroll sufficiently far). For magazine view there are 5 posts per page.

So you could try

body {
  scroll-snap-type: y mandatory;
}

.pagerPage {
  scroll-snap-align: start;
}

Perhaps it will work for you.

Interesting that one of the most popular feature requests for Feedly was continuous scrolling and they introduced it in latest versions of their app.