• Stars
    star
    637
  • Rank 70,628 (Top 2 %)
  • Language
    Python
  • License
    Apache License 2.0
  • Created over 11 years ago
  • Updated about 1 month ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Chrome Status Dashboard

Chrome Platform Status

Mission

chromestatus.com is the official tool used for for tracking feature launches in Blink (the browser engine that powers Chrome and many other web browsers). This tool guides feature owners through our launch process and serves as a primary source for developer information that then ripples throughout the web developer ecosystem.

Get the code

For a one-click setup that leverages devcontainers, check out the devcontainer README. Otherwise, to continue setting up locally:

git clone https://github.com/GoogleChrome/chromium-dashboard

Installation

  1. Install gcloud and needed components:
    1. Before you begin, make sure that you have a java JRE (version 8 or greater) installed. JRE is required to use the DataStore Emulator and openapi-generator-cli.
    2. Google App Engine SDK for Python. Make sure to select Python 3.
    3. gcloud init
    4. gcloud components install cloud-datastore-emulator
    5. gcloud components install beta
  2. Install other developer tools commands
    1. node and npm.
    2. Gulp: npm install --global gulp-cli
    3. Python virtual environment: sudo apt install python3.10-venv
  3. We recommend using an older node version, e.g. node 18
    1. Use node -v to check the default node version
    2. nvm use 18 to switch to node 18
  4. cd chromium-dashboard
  5. Install JS an python dependencies: npm run setup
    1. Note: Whenever we make changes to package.json or requirements.txt, you will need to run npm run clean-setup.

If you encounter any error during the installation process, the section Notes (later in this README.md) may help.

Developing

To start the main server and the notifier backend, run:

npm start

Then visit http://localhost:8080/.

To start front end code watching (sass, js lint check, babel, minify files), run

npm run watch

To run lint & lit-analyzer:

npm run lint

To run unit tests:

npm test

This will start a local datastore emulator, run unit tests, and then shut down the emulator.

There are some developing information in developer-documentation.md.

Origin Trials

To test the functionality of this application locally that interacts with data from the Origin Trials API, an API key will need to be acquired. To do this, run the following command:

npm run dev-ot-key

Note: Only developers with access to the cr-status-staging GCP project will be able to successfully run this command. If you need to test this and you don't have access, open an issue.

Notes

  • If you get an error saying No module named protobuf or No module named six or No module named enum , try installing them locally with pip install six enum34 protobuf.

  • When installing the GAE SDK, make sure to get the version for python 3.

  • If you run the server locally, and then you are disconnected from your terminial window, the jobs might remain running which will prevent you from starting the server again. To work around this, use npm run stop-emulator; npm stop. Or, use ps aux | grep gunicorn and/or ps aux | grep emulator, then use the unix kill -9 command to terminate those jobs.

  • If you need to test or debug anything to do with dependencies, you can get a clean start by running npm run clean-setup.

  • Occasionally, the Google Cloud CLI will requires an update, which will cause a failure when trying to run the development server with npm start. An unrelated error message Failed to connect to localhost port 15606 after 0 ms: Connection refused will appear. Running the gcloud components update command will update as needed and resolve this issue.

Blink components

Chromestatus currently gets the list of Blink components from the file hack_components.py.

Seed the blink component owners

Visit http://localhost:8080/admin/blink/populate_blink to see the list of Blink component owners.

Debugging / settings

settings.py contains a list of globals for debugging and running the site locally.

Deploying

If you have uncommited local changes, the appengine version name will end with -tainted. It is OK to test on staging with tainted versions, but everything should be committed (and thus not tainted) before staging a version that can later be pushed to prod.

Note you need to have admin privileges on the cr-status-staging and cr-status cloud projects to be able to deploy the site.

Run the npm target:

npm run staging

Open the Google Developer Console for the staging site and flip to the new version by selecting from the list and clicking MIGRATE TRAFFIC. Make sure to do this for both the 'default' service as well as for the 'notifier' service.

Alternatively, run npm run staging-rc to upload the same code to a version named rc for "Release candidate". This is the only version that you can test using Google Sign-In at https://rc-dot-cr-status-staging.appspot.com.

If manual testing on the staging server looks good, then repeat the same steps to deploy to prod:

npm run deploy

Open the Google Developer Console for the production site

The production site should only have versions that match versions on staging.

LICENSE

Copyright (c) 2013-2022 Google Inc. All rights reserved.

Apache2 License.

Analytics

More Repositories

1

lighthouse

Automated auditing, performance metrics, and best practices for the web.
JavaScript
28,269
star
2

chrome-extensions-samples

Chrome Extensions Samples
JavaScript
14,888
star
3

workbox

📦 Workbox: JavaScript libraries for Progressive Web Apps
JavaScript
12,346
star
4

web-vitals

Essential metrics for a healthy site.
JavaScript
7,571
star
5

lighthouse-ci

Automate running Lighthouse for every commit, viewing the changes, and preventing regressions
JavaScript
6,377
star
6

rendertron

A Headless Chrome rendering solution
TypeScript
5,936
star
7

samples

A repo containing samples tied to new functionality in each release of Google Chrome.
HTML
5,769
star
8

web.dev

The frontend, backend, and content source code for web.dev
Nunjucks
3,563
star
9

dialog-polyfill

Polyfill for the HTML dialog element
JavaScript
2,443
star
10

web-vitals-extension

A Chrome extension to measure essential metrics for a healthy site
CSS
2,360
star
11

accessibility-developer-tools

This is a library of accessibility-related testing and utility code.
JavaScript
2,280
star
12

developer.chrome.com

The frontend, backend, and content source code for developer.chrome.com
HTML
1,665
star
13

custom-tabs-client

Chrome custom tabs examples
Java
1,399
star
14

chrome-launcher

Launch Google Chrome with ease from node.
TypeScript
1,232
star
15

proxy-polyfill

Proxy object polyfill
JavaScript
1,134
star
16

omnitone

Spatial Audio Rendering on the web.
JavaScript
851
star
17

android-browser-helper

The Android Browser Helper library helps developers use Custom Tabs and Trusted Web Activities on top of the AndroidX browser support library.
Java
693
star
18

devtools-docs

The legacy documentation for Chrome DevTools.
HTML
691
star
19

OriginTrials

Enabling safe experimentation with web APIs
Bikeshed
519
star
20

related-website-sets

Python
395
star
21

audion

Audion is a Chrome extension that adds a Web Audio panel to Developer Tools. This panel visualizes the web audio graph in real-time.
TypeScript
368
star
22

chrome-app-codelab

The goal of this tutorial is to get you building Chrome apps fast. Once you've completed the tutorial, you will have a simple Todo app. We've done our best to capture some of the trickier parts to the development process keeping the sample simple and straightforward.
JavaScript
213
star
23

CrUX

The place to share queries, ideas, or issues related to the Chrome UX Report
Jupyter Notebook
206
star
24

lighthouse-stack-packs

Lighthouse Stack Packs
JavaScript
204
star
25

inert-polyfill

Polyfill for the HTML inert attribute
JavaScript
188
star
26

chrome-types

Code to parse Chrome's internal extension type definitions—published on NPM as chrome-types
JavaScript
184
star
27

ip-protection

171
star
28

devtools-samples

Samples for demonstrating DevTools features.
HTML
152
star
29

CertificateTransparency

HTML
148
star
30

browser-bug-search

Search across all major browser vendor issue trackers
JavaScript
114
star
31

multi-device

Chrome multi-device (mobile) docs
HTML
103
star
32

kino

A sample offline streaming video PWA built for web.dev/media
JavaScript
102
star
33

webstatus.dev

A tool to monitor and track the status of all Web Platform features across dimensions that are related to availability and implementation quality across browsers, and adoption by web developers.
Go
97
star
34

webstore-docs

Developer docs for Chrome Web Store:
HTML
65
star
35

jank-busters

Resources for jank busting on the web.
JavaScript
64
star
36

webdev-infra

JavaScript
40
star
37

private-tokens

39
star
38

budget.json

38
star
39

.github

11
star
40

.allstar

7
star
41

CertificateTransparency-todelete

HTML
7
star
42

baseline-status

JavaScript
4
star
43

lighthouse-plugin-example

JavaScript
1
star