On item page, external links aren't open. they seem to be caught by Framework7 and process throw XHR.

need to order list like Hacker News

Hi,

This is an artwork proposal before sending HN7 to stores.

Feel free to choose your favorite one ? if you have a favorite ;)

I've downloaded the HackerNews7 demo (v. 4.1.4, according to package.json), and am having trouble running it under CentOS 6.10 and npm like so:

{ npm: '3.10.10',
  ares: '1.10.1-DEV',
  http_parser: '2.8.0',
  icu: '58.2',
  modules: '48',
  napi: '3',
  node: '6.17.1',
  openssl: '1.0.2r',
  uv: '1.16.1',
  v8: '5.1.281.111',
  zlib: '1.2.11' }

"npm install" has a few complaints -- joi, too, and hoek are said to have new homes and the code should point to the new ones, and there are a couple of warnings at the very end:

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules/chokidar/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

In any case, I get the following by doing "npm run dev":

$ npm run dev

> [email protected] dev /var/www/html/example/HackerNews7
> cross-env NODE_ENV=development webpack-dev-server --config ./build/webpack.config.js

ℹ ｢wds｣: Project is running at http://localhost:8080/
ℹ ｢wds｣: webpack output is served from /
ℹ ｢wds｣: Content not from webpack is served from /www/
ℹ ｢wdm｣: wait until bundle finished: /
✖ ｢wdm｣: TypeError: Object.entries is not a function
    at generateMetadataForAssets (/var/www/html/example/HackerNews7/node_modules/workbox-webpack-plugin/build/lib/get-manifest-entries-from-compilation.js:174:22)
    at getManifestEntriesFromCompilation (/var/www/html/example/HackerNews7/node_modules/workbox-webpack-plugin/build/lib/get-manifest-entries-from-compilation.js:235:25)
    at /var/www/html/example/HackerNews7/node_modules/workbox-webpack-plugin/build/inject-manifest.js:96:21
    at next (native)
    at asyncGeneratorStep (/var/www/html/example/HackerNews7/node_modules/@babel/runtime/helpers/asyncToGenerator.js:3:24)
    at _next (/var/www/html/example/HackerNews7/node_modules/@babel/runtime/helpers/asyncToGenerator.js:25:9)

I've looked around inside the workbox/webpack code, but, tbh, get lost very quickly. Is there any advice about what might be wrong? (BTW, if this isn't the right way/place to check into this, please let me know.) Thanks!

I have tried to use split view. I think the behavior should be :

• small screen ( < 640px) , index take all screen, item page get a back button. If nothing in main view history open index.
• large screen ( > 640px ), split view with index on left, item page on main with a close button. If We click on new item index when item page is already in history. It should close current read and open the new one.

search throw HN never display result if an error occurred during xhr request like "401 - unauthorized"

I've just added a bunch of commits. It seems like app looks really awesome now :) Let me know what do you think about it

I've also changed a bit logic in JS, feel free to ask questions or discuss it

need to be fix like #25

After installing all the dependencies using npm install When I'm trying to run the example, I'm getting the following output :

Please help me to resolve it.

it appears on a blank story object but it's also on comment

Try to add a swipe left action on home page. To made direct access to the story link.

It works but it slows down the app and made it crash with dashboard reboot after 2 or 3 clicks.

Test is in swipe-to-action branch

On the first access to the application the list of index page is duplicated to the item page. On second access, it disappears.

I add (so) quickly user information as notification.

I can't resolve a bug on small screen. I have try with "width" and "max-width" on notifications css classes but it doesn't work.

it's strange it works in safari.

successfully builded in phoneGap but it take the same UI in both IOS and Android , should n't take Material in Android?

On large screen version, using split view example. lots of css mismatch. for sure it's my fault.

Maybe another modification of search component made in current F7 release that should be fixed.

The file "/lib/moment.js" is not found in the project.
I get file on http://guillaumebiton.github.io/HackerNews7/lib/moment.js for run project

Just a quick check give a error on this line:

data.domain = data.url.split('/')[2];

Probably need to check is there data.url or check length of data.url.split('/') array

Ok MacGap2 is great.

I build a 1,6 Mo HackerNews7 app with it. Always some Artwork to do and I will need some help because I suck at it. :)

Seems to be that something goes wrong. If i open it on iOS the preloader "Loading top stories..." and percentage goes to 500% :) and then nothing happening

On item page, you can't access context data for your specific item page.

As i see the official Hacker News API is pretty limited. What do you think, is it possible to improve app with following features?

• Tab bar on the bottom with the following sections
  • Top stories (as current one)
  • New stories, just added
  • Ask HN
• Search through HN news using API, not just through current top stories

When you use the app on desktop browser, You have to drag down to enable "pull to refresh". It could be more useable if on non touch device it could be access by scrolling event.

Modification to make a preloaded that indicates load value fails.

On wide screen, all panels are visibles by default. Need to disable the click event when data-panel="right" and class="open-panel"

Hello
how to check is panel opened (I mean on right (black) panel) or closed?
Thank you.

Hi Vladimir,

I have a question over a menu (sort of general). I will try to explain. If we get a menu page before the stories page on the left. How could we get the responsive behavior. I ask you because I have try and I fails :(

I know that it could be done with tabs but I am working on another project that need a global menu.

Your suggestion ?

I have made some little modification to make the app working as an mac app. What do you think ?