feat: add zh-hant language (#39)

.gitignore

@@ -10,3 +10,6 @@ package-lock.json
 .eslintcache
 *.log
 .DS_Store
+
+# Editor
+.vscode

CONTRIBUTING.md

@@ -1,4 +1,4 @@
-English | [简体中文](./CONTRIBUTING-zh_CN.md)
+English | [简体中文](./CONTRIBUTING-zh-Hans.md)
 
 # How to Contribute
 

README-ja_JP.md → README-ja.md

@@ -10,7 +10,7 @@
 ![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/zhihu/griffith/blob/master/CONTRIBUTING.md)
 
-[English](./README.md) | [简体中文](./README-zh_CN.md) | [日本語](./README-ja_JP.md)
+[English](./README.md) | [简体中文](./README-zh-Hans.md) | [日本語](./README-ja.md)
 
 # はじめに
 

README-zh_CN.md → README-zh-Hans.md

@@ -10,7 +10,7 @@
 ![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/zhihu/griffith/blob/master/CONTRIBUTING.md)
 
-[English](./README.md) | [简体中文](./README-zh_CN.md) | [日本語](./README-ja_JP.md)
+[English](./README.md) | [简体中文](./README-zh-Hans.md) | [日本語](./README-ja.md)
 
 ## 简介
 
@@ -45,7 +45,7 @@ const sources = {
 render(<Player sources={sources} />)
 ```
 
-[查看详细使用方法](./packages/griffith/README-zh_CN.md)
+[查看详细使用方法](./packages/griffith/README-zh-Hans.md)
 
 **注意：暂不支持 SSR 应用**
 
@@ -68,7 +68,7 @@ const sources = {
 Griffith.createPlayer(element).render({sources})
 ```
 
-[查看 Standalone 模式详细使用方法](./packages/griffith-standalone/README-zh_CN.md)
+[查看 Standalone 模式详细使用方法](./packages/griffith-standalone/README-zh-Hans.md)
 
 ## 项目结构
 
@@ -120,7 +120,7 @@ module.exports = {
 
 ### 贡献指南
 
-查看我们的[贡献指南](./CONTRIBUTING-zh_CN.md)来了解我们的开发流程。
+查看我们的[贡献指南](./CONTRIBUTING-zh-Hans.md)来了解我们的开发流程。
 
 ### 贡献者
 

README.md

@@ -10,7 +10,7 @@
 ![Code style](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)
 [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/zhihu/griffith/blob/master/CONTRIBUTING.md)
 
-[English](./README.md) | [简体中文](./README-zh_CN.md) | [日本語](./README-ja_JP.md)
+[English](./README.md) | [简体中文](./README-zh-Hans.md) | [日本語](./README-ja.md)
 
 # Introduction
 

packages/griffith-message/README.md

@@ -1,6 +1,6 @@
 # griffith-message
 
-English | [简体中文](./README-zh_CN.md)
+English | [简体中文](./README-zh-Hans.md)
 
 Griffith message communication plugin
 
@@ -92,10 +92,10 @@ Events received from the player
 
 Event sent to the player
 
-| `messageName`                     | Description      | `data`                                                      | Status |
-| --------------------------------- | ---------------- | ----------------------------------------------------------- | ------ |
-| `ACTIONS.PLAYER.PLAY`             | Play             | `{applyOnFullScreen: boolean}` Applied to full screen video | TODO   |
-| `ACTIONS.PLAYER.PAUSE`            | Pause            | Applied to full screen video                                | ✅     |
-| `ACTIONS.PLAYER.SET_VOLUME`       | Set the volume   | `{volume: number}` Volume value from 0 to 1                 | TODO   |
-| `ACTIONS.PLAYER.ENTER_FULLSCREEN` | Enter fullScreen | null                                                        | TODO   |
-| `ACTIONS.PLAYER.EXIT_FULLSCREEN`  | Exit fullscreen  | null                                                        | TODO   |
+| `messageName`                     | Description      | `data`                                                      | Status    |
+| --------------------------------- | ---------------- | ----------------------------------------------------------- | --------- |
+| `ACTIONS.PLAYER.PLAY`             | Play             | `{applyOnFullScreen: boolean}` Applied to full screen video | TODO      |
+| `ACTIONS.PLAYER.PAUSE`            | Pause            | Applied to full screen video                                | SUPPORTED |
+| `ACTIONS.PLAYER.SET_VOLUME`       | Set the volume   | `{volume: number}` Volume value from 0 to 1                 | TODO      |
+| `ACTIONS.PLAYER.ENTER_FULLSCREEN` | Enter fullScreen | null                                                        | TODO      |
+| `ACTIONS.PLAYER.EXIT_FULLSCREEN`  | Exit fullscreen  | null                                                        | TODO      |

packages/griffith-standalone/README.md

@@ -1,6 +1,6 @@
 # griffith-standalone
 
-English | [简体中文](./README-zh_CN.md)
+English | [简体中文](./README-zh-Hans.md)
 
 Griffith bundled with React, React DOM and other dependencies. You can use it by add a `script` tag in your HTML file.
 

packages/griffith/README-zh_CN.md → packages/griffith/README-zh-Hans.md

@@ -29,7 +29,7 @@ render(<Player {...props} />)
 | `shouldObserveResize` | `boolean`                                         | `false`   | 是否监听窗口 resize                        |
 | `initialObjectFit`    | `fill \| \contain \| cover \| none \| scale-down` | `contain` | object-fit 参数                            |
 | `useMSE`              | `boolean`                                         | `false`   | 是否启用 MSE                               |
-| `locale`              | `en \| zh_cn`                                     | `en`      | 界面语言                                   |
+| `locale`              | `en \| ja \| zh-Hans \| zh-Hant`                  | `en`      | 界面语言                                   |
 
 `sources` 字段：
 

packages/griffith/README.md

@@ -1,6 +1,6 @@
 # griffith
 
-English | [简体中文](./README-zh_CN.md)
+English | [简体中文](./README-zh-Hans.md)
 
 ## Usage
 
@@ -30,7 +30,7 @@ render(<Player {...props} />)
 | `shouldObserveResize` | `boolean`                                        | `false`   | Listen to the window resize                                              |
 | `initialObjectFit`    | `fill \| contain \| cover \| none \| scale-down` | `contain` | object-fit                                                               |
 | `useMSE`              | `boolean`                                        | `false`   | Enable Media Source Extensions™                                          |
-| `locale`              | `en \| zh_cn`                                    | `en`      | UI Locale                                                                |
+| `locale`              | `en \| ja \| zh-Hans \| zh-Hant`                 | `en`      | UI Locale                                                                |
 
 `sources`:
 

packages/griffith/index.d.ts

@@ -26,7 +26,7 @@ interface PlayerContainerProps {
   shouldObserveResize?: boolean
   initialObjectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'
   useMSE?: boolean
-  locale?: 'en' | 'zh_cn'
+  locale?: 'en' | 'ja' | 'zh-Hans' | 'zh-Hant'
 }
 
 interface Subscription {

packages/griffith/src/components/TranslatedText/strings.js

@@ -7,12 +7,30 @@ export default {
     'action-enter-fullscreen': 'Fullscreen',
     'action-exit-fullscreen': 'Exit Fullscreen',
   },
-  zh_cn: {
+  ja: {
+    'quality-auto': '自動',
+    'quality-ld': '低画質',
+    'quality-sd': '標準画質',
+    'quality-hd': '高画質',
+    'action-enter-fullscreen': '全画面',
+    'action-exit-fullscreen': '全画面終了',
+  },
+  // covers zh-Hans-CN and zh-Hans-SG
+  'zh-Hans': {
     'quality-auto': '自动',
     'quality-ld': '低清',
     'quality-sd': '标清',
     'quality-hd': '超清',
     'action-enter-fullscreen': '全屏',
     'action-exit-fullscreen': '退出全屏',
   },
+  // covers zh-Hant-HK and zh-Hant-TW
+  'zh-Hant': {
+    'quality-auto': '自動',
+    'quality-ld': '低畫質',
+    'quality-sd': '標準畫質',
+    'quality-hd': '高畫質',
+    'action-enter-fullscreen': '全螢幕',
+    'action-exit-fullscreen': '結束全螢幕',
+  },
 }