STEM Diverse TV is a project which gather and provide inspiring, motivating, informative, educational and supportive videos about diversity in STEM. This is a backend which provide content for multiple frontend applications build with Applicaster Zapp platform.
Home Page: https://stem-diverse-tv.herokuapp.com/
License: GNU General Public License v3.0
![allcontributors[bot] avatar](https://avatars.githubusercontent.com/in/23186?v=4 "allcontributors[bot]")
![dependabot[bot] avatar](https://avatars.githubusercontent.com/in/29110?v=4 "dependabot[bot]")
In our CMS we want to remove existing category
DELETE should be authenticated
If category has existing connections in other tables those records should also be removed
Return success or fail
only authorised and authenticated users can make changes to database
create signup and login endpoints do users can received access_tokens for making changes in database
/videos/youtube endpoint returns 500 Internal server error
Steps to reproduce the behavior:
http://localhost:500video/youtube endpointThe endpoint should create a new video.
Check the terminal to find out the cause of the error.
As a developer,
I need to know what the repository is about so that I know more about the project and run it locally as well as contribute.
Update [Required]
Content about what the repository is and how to set it up
All of the required items are completed.
Approval by 1 mentor.
the readme is updated with various details.
1 hour
Commands to run the project on local machine are missing. We need to add these following instructions in readme file.
virtualenv venv --python=python3
source ./venv/bin/activate
pip install -r requirements.txt
python run.py
We can not list all categories on our CMS
Add GET all categories endpoint - authentication required
As of now anyone can access our backend features. But this is originally intended to work for only authorised users.
We need to implement authorisation functionality.
Authentication is already implemented, we have used firebase email signing. Now, we need to make our backend talk to firebase.
Frontend will gives us the auth token and after getting a request from frontend, our backend check if the token is legitimate by using firebase auth.verify_id_token(token_header) function.
If the user is legitimate, our backend will provide the information requested from frontend.
Alternatively, we can implement custom jet authorisation, but firebase will made our work easy.
We can make a view decorator in python and use that using this syntax (@token_required) above the api endpoints.
As a developer,
I need to see contribution guidelines,
so that I can contribute.
1 hour
We have no endpoint to add section to db at the moment
post following JSON structure:
{
title:"section title",
category: "category title",
}
so it can be added to the database.
If section with that title for this category already exists then endpoint should return error.
if category with that title does not exists it should add one, otherwise it should use existing one.
The proper relation should be saved in CATEGORY_SECTION table.
User need to be authorised(logged in) with access_token
We need CORS setup to enable the communication between API and CMS.
Define the list of allowed origins. The port of the origin should be 3000, we will probably use the default React port.
For the initial phase, we could allow all origins, but we need to change that when we upgrade to the production level (for security purposes).
N/A
In our CMS we want to remove existing section
DELETE should be authenticated
If section has existing connections in other tables those records should also be removed
Return success or fail
At the moment, the feed doesn't apply to the regular, non-YT videos. We need to adapt the existing code, so we append regular videos to feed also.
Add regular videos to the feed too. Instead of the stream URL, pass their native URL.
N/A
N/A
In the README, for the Firebase integration, these instructions are provided:
The code demands a file with the name google-credentials, not the firebase_cred.json. Also, I would add a more detailed instruction on creating and download the Firebase credentials file (from the Firebase console), for those who're not so familiar with Firebase. In general, we need to change the code (rename Firebase auth file) - that can be another issue and README with the instructions - this issue.
Steps to reproduce the behavior:
firebase_cred.json instead of google-credentials.json.gitignore -> replace firebase_cred.json with google-credentials.jsonReplace firebase_cred.json with google-credentials.json in the README and .gitignore. Also, add more details description on setting the firebase credentials auth - instructions on how to create an API key and download it.
As a user
I need stream creative commons youtube videos to mp4 video,
so that I can watch videos on any platform.
I have updated this script to python3 and was able to stream youtube video as mp4. Below is updated script to python 3.
from wsgiref.simple_server import make_server
import os
import urllib
import youtube_dl
def youtube_dl_extract_info(video_id):
ydl = youtube_dl.YoutubeDL()
full_video_url = "%s%s" % ("https://www.youtube.com/watch?v=", video_id)
with ydl:
result = ydl.extract_info(
full_video_url,
download=False
)
return result
def youtube_dl_extract(video_id, formats_ids):
formats_ids_arr = formats_ids.split(',') if formats_ids else None
info = youtube_dl_extract_info(video_id)
#print "\n".join(["%s, %s, %s" % (i['format'].encode("utf-8"), i['ext'], i['abr'] if 'abr' in i else '') for i in info['formats']])
return next((y['url'] for x in formats_ids_arr for y in info['formats'] if x in y['format'])) if formats_ids else info['formats'][0]['url']
def stream_media(media_url, start_response):
req = urllib.request.Request(media_url, headers={'User-Agent': "Magic Browser"})
u = urllib.request.urlopen(req)
meta = u.info()
u.headers['Content-Length']
file_size = int(u.headers['Content-Length'])
file_size_dl = 0
block_sz = 8192
mp3file = urllib.request.urlopen(media_url)
headers = [('Content-type', 'audio/mp4'), ('Content-length', str(file_size)), ('Accept-Ranges', 'bytes')]
write = start_response('200 OK', headers)
while True:
chuck = mp3file.read(block_sz)
if not chuck:
print("break %s".format(file_size_dl))
break
yield chuck
def hello_world_app(environ, start_response):
print(environ['QUERY_STRING'])
params = urllib.parse.parse_qs(environ['QUERY_STRING'])
video_id = params.get('id', [False])[0]
formats = params.get('formats', [False])[0]
if(not video_id):
headers = [('Content-type', 'text/html')]
start_response('200 OK', headers)
return ['youtube-dl heroku <a href="https://github.com/kobiburnley/youtube-dl/blob/heroku/README.md">read me</a>']
# get media by type & quality
# type = params.get('type', [False])[0]
# quality = params.get('quality', [False])[0]
try:
media_url = youtube_dl_extract(video_id, formats)
return stream_media(media_url, start_response)
except:
headers = [('Content-type', 'text/html')]
start_response('200 OK', headers)
return ['An error occurred.']
port = os.environ.get("PORT", "5000")
httpd = make_server('', int(port), hello_world_app)
print("Serving HTTP on port " + port + "...")
httpd.serve_forever()
Endpoint should take youtube video id as argument and return stream by selected format:
249 - audio only (DASH audio), webm, 50
250 - audio only (DASH audio), webm, 70
171 - audio only (DASH audio), webm, 128
140 - audio only (DASH audio), m4a, 128
251 - audio only (DASH audio), webm, 160
141 - audio only (DASH audio), m4a, 256
278 - 256x144 (DASH video), webm,
160 - 256x144 (DASH video), mp4,
242 - 426x240 (DASH video), webm,
133 - 426x240 (DASH video), mp4,
243 - 640x360 (DASH video), webm,
134 - 640x360 (DASH video), mp4,
244 - 854x480 (DASH video), webm,
135 - 854x480 (DASH video), mp4,
247 - 1280x720 (DASH video), webm,
136 - 1280x720 (DASH video), mp4,
248 - 1920x1080 (DASH video), webm,
137 - 1920x1080 (DASH video), mp4,
17 - 176x144 (small), 3gp,
36 - 320x240 (small), 3gp,
5 - 400x240 (small), flv,
43 - 640x360 (medium), webm,
18 - 640x360 (medium), mp4,
22 - 1280x720 (hd720), mp4,
5 hours
in our CMS we want to add existing video to section
Return success or fail
As a developer,
I need to create an endpoint which takes section and return JSON feed,
so that I can access the relevant information.
Endpoint should look like:
/feed/section/{section_id}
{
"type": { "value": "feed" },
"id": "section_id",
"title": "section_title",
"media_group": [],
"entry": [ // list of videos in following format
{
"author": { "name": "author name" },
"type": { "value": "video" },
"id": "video id",
"title": "video title",
"summary": "video summary",
"published": "2005-04-06T20:25:05-08:00",
"updated": "2005-04-06T20:25:05-08:00",
"content": {
"src": "url to video wrapped with mp4 converter",
"type": "video/hls"
},
"link": { "type": "link", "href": "" },
"media_group": [
{
"type": "image",
"media_item": [
{
"key": "image_base",
"src": "preview image url",
"type": "extern_image"
}
]
}
],
"extensions": { "section": "None" }
}
]
}
Require implemented issue #50 to complete mp4 wrapper link
please note if video is youtube it should return a stream of format 22 - mp4
3 hours
youtube payload takes too much in payload. We should be able to edit freshly created youtube. This will require bunch of updates.
Remove this from payload:
"sections": [
{
"title": "string",
"category": "string",
"id": "string"
}
],
"authors": [
0
]
Steps to reproduce the behavior:
Payload should only take youtube argument
author id or author name should be url parameter.
get should return videos by specific author in expected json structure
Get list of all authors in following json structure:
{
"type": {
"value": "feed"
},
"author": {
"name": "author name"
},
"id": "NSB-03",
"title": "LATEST",
"media_group": [],
"entry": [
{
"author": {
"name": "SAS Software"
},
"type": {
"value": "video"
},
"id": "NSBT-0001",
"title": "STEM Career Showcase for Students with Disabilities 2017",
"summary": "Students with disabilities meet and learn from successful STEM role models with similar disabilities at the North Carolina Museum of Natural Sciences.",
"published": "2005-04-06T20:25:05-08:00",
"updated": "2005-04-06T20:25:05-08:00",
"content": {
"src": "https://www.youtube.com/watch?v=AsAvCVAiqJo",
"type": "video/hls"
},
"link": {
"type": "link",
"href": ""
},
"media_group": [
{
"type": "image",
"media_item": [
{
"key": "image_base",
"src": "http://i3.ytimg.com/vi/AsAvCVAiqJo/maxresdefault.jpg",
"type": "extern_image"
}
]
}
],
"extensions": {}
}
]
}
We do not have endpoint which list all available authors
Get list of all authors in following json structure:
{
authors: [
{
id:"author Id",
name: "author name"
}]
}
We have no endpoint to add author to db at the moment
post following JSON structure:
{
name:"author_name",
profile_image: "profile_image_url" or null,
}
so it can be added to the database.
If author with that name already exists then endpoint should return error.
Alternatively if user with this name exists it can return that user data.
Consider how to add second author with the same name.
When we register a new user, the verify link is returned in the response, which is not a good thing.
In order to verify user, our system needs to send the verification link to user's registered email address.
To be able to send an email we can use third party services like mailgun but using gmail SMTP would be preferred.
NOTE: Make sure you turned on two factor authentication as Gmail uses it, in order to work in third party applications.
As a first time contributor,
I need a bot to help guide my first contribution,
so that I can follow this org's contribution guidelines.
0.5 hours
I want to have ability to change the category title
PATCH endpoint sending new title for given id
PUT endpoint.
What to do: make some changes (polishing ones) to the existing codebase:
1.remove unused imports
2. format the code (by PEP8 convention)
3. restructure files:
users, videos etc.It is much easier to do this at the very beginning of the project - better for consistency and will prevent some code refactoring in the future. It would make the code more clean and concise.
We have no endpoint to add section to db at the moment
post following JSON structure:
{
"url": "YouTube video url",
"sections": [
{
"title": "section title",
"category": "category title"
},
{
"id": "existing section id"
}
],
"authors": [
{
"name": "author name"
},
{
"id": "existing author id"
}
]
}
so it can be added to the database.
This endpoint should use YouTube API to fetch all informations about video. YouTube API token should be added to environment variables.
Authors and sections-category can be determinate by unique data or identifiers.
User need to be authorised(logged in) with access_token
I think we need some database constraints (unique, not null) and indexes for some fields. That's the reason we have some bugs in our use-cases: multiple categories with the same name, users with the same username/email. This should be combined with the POST/PUT data validations.
Steps to reproduce the behavior:
categoriesAdd unique constraints for identifying columns in all tables, Add not null constraints, validations for emails....Also, add indexes for the field we expect to be searched extensively. (think about this, do we need it)
Add any other context about the problem here.
Out of 8 platforms only 1 at the moment supports youtube videos. We should be allowed to filter videos by supported formats.
The endpoint should take either include or exclude parameter in url and return only list of videos which satisfy filtered types.
Provide youtube plugin to all 8 platforms which is impossible atm. Due to youtube API limitation (no support on TV platforms).
We need to make sure unauthorised people can not change our database.
Add User table which contains:
USERS TABLE
| Key | Type |
|---|---|
| id | INTEGER |
| name | VARCHAR(30) |
| username | VARCHAR(30) |
| VARCHAR(30) | |
| password_hash | VARCHAR(100) |
| registration_date | FLOAT |
| terms_and_conditions_checked | BOOLEAN |
| access_rights | INT |
| is_email_verified | BOOLEAN |
| email_verification_date | DATETIME |
User Rights are sum of integers depending on level of access.
| Value | Table access rights |
|---|---|
| 1 | VIDEO_READ |
| 2 | VIDEO_WRITE |
| 4 | AUTHOR_READ |
| 8 | AUTHOR_WRITE |
| 16 | VIDEO_AUTHOR_READ |
| 32 | VIDEO_AUTHOR_WRITE |
| 64 | SECTION_READ |
| 128 | SECTION_WRITE |
| 512 | CATEGORY_READ |
| 1024 | CATEGORY_WRITE |
| 2048 | SECTION_VIDEO_READ |
| 4096 | SECTION_VIDEO_WRITE |
| 8192 | CATEGORY_SECTION_READ |
| 16384 | CATEGORY_SECTION_WRITE |
| 32768 | USERS_READ |
| 65536 | USERS_WRITE |
So Admin with all right will have 131 071
App Is not deploying on Heroku as we have not uploaded google credentials json file.
To solve this we need to add buildpack which can make use of google credential json file in the cloud without having to push it in our repository.
We have no endpoint to add category to db at the moment
post following JSON structure:
{
title:"title",
}
so it can be added to the database.
If category with that title already exists then endpoint should return error.
User need to be authorised(logged in) with access_token
As a developer,
I need to see the issue templates preloaded on clicking new issue,
so that I can use those templates to create issues.
Created Issue Templates for
1 hour
For using YT API (we need it to get the details about the YT video in the /videos/youtube endpoint) we need to enable it in the Google Cloud console. Otherwise, the YT API will give the permission error. I think we need to add it to the README.
Add a note about the YT API enabling to the README with the instructions on how to do that
N/A
N/A
Swagger should explain what are acceptable formats for stream converter
Endpoint should take youtube video id as argument and return stream by selected format:
Steps to reproduce the behaviour:
Show available formats as below
249 - audio only (DASH audio), webm, 50
250 - audio only (DASH audio), webm, 70
171 - audio only (DASH audio), webm, 128
140 - audio only (DASH audio), m4a, 128
251 - audio only (DASH audio), webm, 160
141 - audio only (DASH audio), m4a, 256
278 - 256x144 (DASH video), webm,
160 - 256x144 (DASH video), mp4,
242 - 426x240 (DASH video), webm,
133 - 426x240 (DASH video), mp4,
243 - 640x360 (DASH video), webm,
134 - 640x360 (DASH video), mp4,
244 - 854x480 (DASH video), webm,
135 - 854x480 (DASH video), mp4,
247 - 1280x720 (DASH video), webm,
136 - 1280x720 (DASH video), mp4,
248 - 1920x1080 (DASH video), webm,
137 - 1920x1080 (DASH video), mp4,
17 - 176x144 (small), 3gp,
36 - 320x240 (small), 3gp,
5 - 400x240 (small), flv,
43 - 640x360 (medium), webm,
18 - 640x360 (medium), mp4,
22 - 1280x720 (hd720), mp4,
We have no endpoint to add section to db at the moment
post following JSON structure:
{
"url": "video url",
"title": "title",
"preview": "title",
"published": "published",
"source": "YouTube", // unless different
"channel": "channel title",
"duration": duration_in_seconds,
"archived": true or false,
"free_to_reuse": true or false,
"authorised_to_reuse": true or false,
"sections": [
{
"title": "section title",
"category": "category title"
},
{
"id": "existing section id"
}
],
"authors": [
{
"name": "author name"
},
{
"id": "existing author id"
}
]
}
so it can be added to the database.
Authors and sections-category can be determinate by unique data or identifiers.
User need to be authorised(logged in) with access_token
As a developer,
I need database,
so that I can hold videos links and metadata.
VIDEOS TABLE
| Key | Type |
|---|---|
| ID | unique id |
| URL | string |
| TITLE | string |
| PUBLISHED | int(date) |
| SOURCE | string |
| CHANNEL | string |
| DURATION | int |
| ARCHIVED | bool |
| FREE_TO_REUSE | bool |
| AUTHORISED_TO_REUSE | bool |
AUTHOR TABLE
| Key | Type |
|---|---|
| ID | unique id |
| NAME | string |
| PROFILE_IMAGE | string |
VIDEO_AUTHOR TABLE
| Key | Type |
|---|---|
| ID | unique id |
| VIDEO_ID | string |
| AUTHOR_ID | string |
SECTION TABLE
| Key | Type |
|---|---|
| ID | unique id |
| TITLE | string |
CATEGORY TABLE
| Key | Type |
|---|---|
| ID | unique id |
| TITLE | string |
SECTION_VIDEO TABLE
| Key | Type |
|---|---|
| ID | unique id |
| SECTION_ID | string |
| VIDEO_ID | string |
CATEGORY_SECTION TABLE
| Key | Type |
|---|---|
| ID | unique id |
| CATEGORY_ID | string |
| SECTION_ID | string |
[8] hours
I want to have ability to change the section title
PATCH endpoint sending new title for given id
PUT endpoint.
hierarchy for our data structure is:
Categories contains sections, sections contains videos.
move /sections/category/{id} to category/{id}/section
Steps to reproduce the behavior:
url should be category
add code of conduct and guidelines about the repository
1 hours
We want to avoid multiple lines loops and use lambda expressions instead.
In our CMS we want to list all sections for selected category
Add GET all sections endpoint for given category id
endpoint path format: /categories/{id}/sections
Endpoint returns all sections for given category with titles and identifiers
As a user
I need stream creative comons youtube videos to mp4,
so that I can watch videos on any platform.
I have updated this script to python3 and was able to hear audio, if we could stream youtube to mp4 videos then we would be able to prepare content for creative commons license and support multiple devices!!!
from wsgiref.simple_server import make_server
import os
import urllib
import youtube_dl
def youtube_dl_extract_info(video_id):
ydl = youtube_dl.YoutubeDL()
full_video_url = "%s%s" % ("https://www.youtube.com/watch?v=", video_id)
with ydl:
result = ydl.extract_info(
full_video_url,
download=False
)
return result
def youtube_dl_extract(video_id, formats_ids):
formats_ids_arr = formats_ids.split(',') if formats_ids else None
info = youtube_dl_extract_info(video_id)
#print "\n".join(["%s, %s, %s" % (i['format'].encode("utf-8"), i['ext'], i['abr'] if 'abr' in i else '') for i in info['formats']])
return next((y['url'] for x in formats_ids_arr for y in info['formats'] if x in y['format'])) if formats_ids else info['formats'][0]['url']
def stream_media(media_url, start_response):
req = urllib.request.Request(media_url, headers={'User-Agent': "Magic Browser"})
u = urllib.request.urlopen(req)
meta = u.info()
u.headers['Content-Length']
file_size = int(u.headers['Content-Length'])
file_size_dl = 0
block_sz = 8192
mp3file = urllib.request.urlopen(media_url)
headers = [('Content-type', 'audio/mp4'), ('Content-length', str(file_size)), ('Accept-Ranges', 'bytes')]
write = start_response('200 OK', headers)
while True:
chuck = mp3file.read(block_sz)
if not chuck:
print("break %s".format(file_size_dl))
break
yield chuck
def hello_world_app(environ, start_response):
print(environ['QUERY_STRING'])
params = urllib.parse.parse_qs(environ['QUERY_STRING'])
video_id = params.get('id', [False])[0]
formats = params.get('formats', [False])[0]
if(not video_id):
headers = [('Content-type', 'text/html')]
start_response('200 OK', headers)
return ['youtube-dl heroku <a href="https://github.com/kobiburnley/youtube-dl/blob/heroku/README.md">read me</a>']
# get media by type & quality
# type = params.get('type', [False])[0]
# quality = params.get('quality', [False])[0]
try:
media_url = youtube_dl_extract(video_id, formats)
return stream_media(media_url, start_response)
except:
headers = [('Content-type', 'text/html')]
start_response('200 OK', headers)
return ['An error occurred.']
port = os.environ.get("PORT", "5000")
httpd = make_server('', int(port), hello_world_app)
print("Serving HTTP on port " + port + "...")
httpd.serve_forever()
3 hours
Create a post endpoint to add section category connection
I want to be able to create multiple connections between categories and sections
Move Add Category from video endpoint to category just like section endpoint
Steps to reproduce the behavior:
Post Category should be separate from video
A clear and concise description of what the bug is.
Currently when a user tries to register to stem-diverse .It only searches for user with username not with email .A user can create multiple account with same email id but with different username each time .You might get error while creating the user with same email id in firebase .but if you switch to any other database then you need to check the request in the backend whether the user with that email id exists or not
Steps to reproduce the behavior:
A user must not be able to create multiple accounts with same email id.
Create search author by id endpoint.
As a developer I want to put search query as parameter of the endpoint and receive authors array in JSON structure:
{
authors: [
{
id:"author_id",
name:"author_name",
profile_image: "profile_image_url" or null,
}]
}
if there are no result I want to receive empty array in following JSON structure:
{
authors: []
}
In our CMS we want to remove existing existing connection between section and video
DELETE should be authenticated
Return success or fail
Our STEM diverse have multiple client apps:
Steps to reproduce the behavior:
Getting content in applicaster format should be free from authentication
If we require authentication tokens for those urls then we should consider creating api tokens not user tokens. Those tokens should be embedded in url then. So applicaster clients can use them.
We need to provide preview url for our front-end so we can see on video cell.
Extend videos table with preview url, so it looks as follows:
VIDEOS TABLE
| Key | Type |
|---|---|
| ID | unique id |
| URL | string |
| PREVIEW | string |
| TITLE | string |
| PUBLISHED | int(date) |
| SOURCE | string |
| CHANNEL | string |
| DURATION | int |
| ARCHIVED | bool |
| FREE_TO_REUSE | bool |
| AUTHORISED_TO_REUSE | bool |
There is no pull request template for this repository as of now. Therefore the pull request template mentioned below needs to be created and placed in .github folder (so that it gets preloaded).
Template attached below:
### Description
Include a summary of the change and relevant motivation/context. List any dependencies that are required for this change.
Fixes # [ISSUE]
### Type of Change:
**Delete irrelevant options.**
- Code
- Quality Assurance
- User Interface
- Outreach
- Documentation
**Code/Quality Assurance Only**
- Bugfix (non-breaking change which fixes an issue)
- This change requires a documentation update (software upgrade on readme file)
- New feature (non-breaking change which adds functionality pre-approved by mentors)
### How Has This Been Tested?
Describe the tests you ran to verify your changes. Provide instructions or GIFs so we can reproduce. List any relevant details for your test.
### Checklist:
**Delete irrelevant options.**
- [ ] My PR follows the style guidelines of this project
- [ ] I have performed a self-review of my own code or materials
- [ ] I have commented on my code or provided relevant documentation, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [ ] Any dependent changes have been merged
- [ ] I have written Docs whenever is applicable
**Code/Quality Assurance Only**
- [ ] My changes generate no new warnings
- [ ] My PR currently breaks something (fix or feature that would cause existing functionality to not work as expected)
- [ ] I have added tests that prove my fix is effective or that my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been published in downstream modules
Expected time to complete: 1 hour
The json file downloaded from firebase console is to be renamed as 'google-credentials.json' instead of 'firebase-cred.json'
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.