Code Monkey home page Code Monkey logo

producthunt-chrome-extension's Introduction

Product Hunt Chrome Extension

Product Hunt Chrome Extension

This is the official Product Hunt extension.

Product Hunt is a place for product-loving enthusiasts to share and geek out about the latest mobile apps, websites, hardware projects, and technology. With our shiny new Chrome extension, you can:

  • View a gallery of the top products of the day in every new tab
  • Search for products, collections, and people directly from the Chrome menu bar
  • Open the discussion and product details from the product page itself by clicking the PH Bar
  • Hunt products and curate collections in a few keystrokes

Explore more ways to use Product Hunt at http://producthunt.com/apps.

Chrome App Store

You can get this extension frome the Google Chrome Webstore

Development

Development Dependencies

Name Version Installation
Node.js 0.10.x Instructions
Gulp 3.8.x Instructions

Setup

  • Clone the repository:
$ git clone [email protected]:producthunt/producthunt-chrome-extension.git
$ cd producthunt-chrome-extension
  • Edit the config file:
$ cp .env.example .env
$ $EDITOR .env
  • Install yarn dependencies:
$ yarn install
  • Create the initial build
$ gulp build
  • Load the extension:
  1. Open Google Chrome and type chrome://extensions inside the address bar
  2. Click on developer mode
  3. Click on Load unpacked extension
  4. Select the /build folder
  5. You are good to go

Configurations (.env)

See the example .env file.

Gulp Tasks

Task Description
build Compile, minify and copy the extension files
build --watch Rebuild on file change
clean Clean the build directory
test Run all tests
test-acceptance Run the acceptance tests
test-unit Run the unit tests
pack Create an archive for publishing

Example usage:

$ gulp clean
$ gulp build

Tests

  • Install the selenium server and Chromedriver:
$ node_modules/.bin/install_selenium
$ node_modules/.bin/install_chromedriver
  • Start selenium with chromedriver:
$ node_modules/.bin/start_selenium_with_chromedriver
  • Run the tests:
$ NODE_ENV=test gulp test

Debug

To enable the debug output in the console:

localStorage.debug = '*';

Publishing the extension

$ NODE_ENV=production EXT_ENV={production,staging} gulp build
$ gulp pack
$ open dist/

Then upload the archive to the Chrome Web Store.

Contributing

See CONTRIBUTING

Contributors

See all contributors

Changes

See CHANGELOG

License

See LICENSE

producthunt-chrome-extension's People

Contributors

andreasklinger avatar rstankov avatar vesln avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

producthunt-chrome-extension's Issues

Package as extension

Since the new extension is NOT what the majority of people want, can you please package this extension for installation and allow users to download and Upload Unpacked?

POST_URL environment variable

ReferenceError: Missing required environment variable(s): POST_URL!

Is this variable still being used ? If so, what should be the value ?

Allow disabling the product hunt search engine

Currently the chrome extensions defaults to product hunt search when I type "product" into the google search bar. I haven't found a way to disable. I type the word "product" very often in other context and it is quite frustrating that I want to uninstall the chrome extension all together!

Product Hunt search engine

Would you be able to add an option to disable the search engine feature?

Discussion & product details sidebar is not loading product details

I use chrome tab every day to see the gallery but after i visit a product website when I click the PH Bar the sidebar popup with Get and Upvote buttons just show loading animation and only sometimes I had luck to see product details but most of the time it doesn't work.

screen shot 2017-07-27 at 09 53 02

When I inspected the sidebar it has an iframe src with httpss protocol, but instead if I use https for the url I was able to see product details.

screenshot- 2017-07-27 10-05-19 1

What I also noticed is when I try to login with twitter using the sidebar popup it doesn't even show any loading animation or any kind of feedback and auth failed as well I think coz I had to login through producthunt.com

This sidebar is very useful to check the product details and quickly upvote. Can you please look into this issue.

Please remove new tab hijacking functionality

I'm a big fan of product hunt, and for that reason I'd like to highly recommend that you remove the new tab takeover aspect of the chrome extension. I don't know if you've checked the reviews recently, but it's been nothing but 1-star reviews for the past half a year. Please consider removing the new tab portion of the extension, it would make a lot of your users very happy.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.