ijmacd / newsmap-js Goto Github PK

View Code? Open in Web Editor NEW

97.0 11.0 36.0 1.15 MB

NewsMap JS - JS implementation of the defunct newsmap.jp

Home Page: http://newsmap.ijmacd.com/

JavaScript 83.71% HTML 2.22% CSS 7.97% Dockerfile 0.52% Shell 5.59%

newsmap newsmap-js google-news javascript

newsmap-js's Introduction

NewsMap.JS

A pure javascript replacement for the now defunct http://newsmap.jp.

Shows a visual representation of headlines from Google News. Select one or more editions and enable/disable categories to suit yourself.

Implemented in pure Javascript using react. Open source - read source, ask questions, send pull requests. Don't worry I know it's far from perfect!

Running Locally

Follow the steps below to get it running locally. In dev environment API requests will be proxied automatically.

Install

git clone https://github.com/IJMacD/newsmap-js.git
cd newsmap-js/newsmap-js
npm install

Run development server
```
npm start
```

Building for Prod

When you build for prod you'll have to set environment variable VITE_API_ROOT to an RSS news source compatible with Google News (or a proxy to it).

Bash compatible shell

 VITE_API_ROOT=https://example.com npm run build

Powershell

 $env:VITE_API_ROOT = "https://example.com"; npm run build

Donation

Due to the way the news data needs to be fetched, I have to run a server to proxy requests upstream to Google News.

There is a small hosting cost associated with this.

If NewsMap.JS is useful to you and you wish to help with these costs; donations are very much appreciated at this link PayPal.Me.

newsmap-js's People

Contributors

Stargazers

Watchers

newsmap-js's Issues

Spain is missing

Great app! I noticed Spain is missing from the list. I might add it on a PR if I have time

Color of catagories

Just wondering if someone can change the colors as they are very similar and tend to blend.

Apologies...not a coder but love this site!

Thank you.

Browser Problem

Mozilla/5.0 (iPhone; CPU iPhone OS 12_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Mobile/15E148 Safari/604.1

The operation is insecure.

Display in fullscreen not ideal

Great app. I'm using the app in a browser (latest FF) on a wall-mounted PC in fullscreen mode. There are two issues with the display:

Text is cut off in some cases.
When attempting to move the mouse curor to the edge of the screen, no matter where, it rests on an item and displays the source (see bottom right corner: TimesLIVE).

https://newsmap.ijmacd.com/ not working

Site responds, but does not render/update correctly...

Problem started earlier this week.

RFE: 'Solo' mode

I see this was mentioned in your reddit thread when you announced, but the commenter wasn't clear. And just having found your delightful reimplementation of newsmap, I wanted to suggest it:

When all categories are selected, and I click on one of the tabs, instead of deselecting that tab, select only that tab.

If only one tab is selected and the user clicks it, then reselect all tabs. (A different way to put this is "if the user deselects the only active tab, and none are selected, automatically force the selection set back to All".) I'm pretty sure, even this many years out, that that's how newsmap.jp handled that situation.

Audio consoles (and things which have stolen it from them) refer to this as solo mode: you click one button, and that's all you hear. If you click it a second time, and it's the only one selected, you go back to hearing everything in the mix.

Secondary question: I didn't see an "autorefresh time" in the Settings; does the page actually refresh automatically?

localStorage unavailable if user disables cookies

Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.146 Safari/537.36

Failed to read the 'localStorage' property from 'Window': Access is denied for this document.

Cookies disabled by default can't be that uncommon? 🤔

Heroku App not working

Console is saying some stuff about cross-origin and not being able to reach analytics.js. Haven't had time to dig/troubleshoot much but it seems this is happening from any browser/internet connection.

Bad Gateway?

Related to the new server?

Missing SPAIN from the drop down list of countries

Australian Google news?

Hi - I love this and it's really useful for seeing everything at a glance. I can't find Australian Google News, however. Is there a reason or can that be added? Cheers.

How to set 'API_ROOT' properly?

Hi, please forgive me if this is a novice question, but that is exactly what I am when it comes to javascript.

When I run the project (npm start) on my local machine, I get a stack of errors like the following:

It appears my requests are not being sent to news.google.com but to localhost. Can you tell me what I need to change please?

Country/Language options

I am discovering your implementation of Newsmap. THANK YOU !
How I missed the old one !

As a user of Marcos' site, I appreciate the global overview, so would it be possible to choose more than one country/language option (with checkboxes ?) I know resu.lts can quickly become overcrowded, but it could be manageable filtering on category or/and time).

Thank you again !