Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Begin support for translations #902

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Begin support for translations #902

Show file tree
Hide file tree
Changes from 3 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e4e1499
Extract translations for the browser-support page
NullVoxPopuli Feb 20, 2022
5e5338f
Lint + address percy-identified change
NullVoxPopuli Feb 20, 2022
bb6b9b1
Extract english translations from the index page
NullVoxPopuli Feb 20, 2022
9a51445
Cleanup some .gitkeeps, fix a translation's html rendering
NullVoxPopuli Feb 20, 2022
47c366a
Add sample translations for Chinese, Spanish, Japanese, and Russian
NullVoxPopuli Feb 20, 2022
07b3bcc
Simplify <LanguageSwitcher>
NullVoxPopuli Feb 20, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
27 changes: 27 additions & 0 deletions app/formats.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
export default {
time: {
hhmmss: {
hour: 'numeric',
minute: 'numeric',
second: 'numeric',
},
},
date: {
hhmmss: {
hour: 'numeric',
minute: 'numeric',
second: 'numeric',
},
},
number: {
compact: { notation: 'compact' },
EUR: {
style: 'currency',
currency: 'EUR',
},
USD: {
style: 'currency',
currency: 'USD',
},
},
};
93 changes: 29 additions & 64 deletions app/templates/browser-support.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,15 +1,12 @@
{{page-title "Browser Support"}}
{{page-title (t "browser-support.title")}}

<div class="container layout">
<section aria-labelledby="section-browser-support-policy">
<h1 id="section-browser-support-policy">Ember.js Browser Support Policy</h1>

<h2>Ember 3.0.0</h2>

<p>
Ember currently targets Internet Explorer 11 as a baseline for support. This means that generally all modern and relatively recent browsers will work with Ember, since browsers are backwards compatible by design. Ember runs tests against the latest desktop versions of the following browsers:
</p>
<h1 id="section-browser-support-policy">{{t "browser-support.heading"}}</h1>

<h2>{{t "browser-support.ember3.heading"}}</h2>

<p>{{t "browser-support.ember3.support"}}</p>

<div class="layout my-3">
<div class="card lg:col-2 lg:start-3">
Expand All @@ -25,15 +22,13 @@
</div>
</div>

<h2>Ember 4.0.0</h2>
<h2>{{t "browser-support.ember4.heading"}}</h2>

<p>
In Ember 4.0.0, the framework will support the following major browsers:
</p>
<p>{{t "browser-support.ember4.support"}}</p>

<ul class="list-unstyled layout my-3">
<EsCard class="lg:col-2">
<div class="text-center text-md">Desktop</div>
<div class="text-center text-md">{{t "form-factors.desktop"}}</div>
<ul>
<li>Google Chrome</li>
<li>Mozilla Firefox</li>
Expand All @@ -42,134 +37,104 @@
</ul>
</EsCard>
<EsCard class="lg:col-2">
<div class="text-center text-md">Mobile</div>
<div class="text-center text-md">{{t "form-factors.mobile"}}</div>
<ul>
<li>Google Chrome</li>
<li>Mozilla Firefox</li>
<li>Safari</li>
</ul>
</EsCard>
<EsCard class="lg:col-2">
<div class="text-center text-md">Testing</div>
<div class="text-center text-md">{{t "form-factors.testing"}}</div>
<ul>
<li>Google Chrome</li>
<li>Mozilla Firefox</li>
</ul>
</EsCard>
</ul>

<p>
Other browsers may work with Ember.js, but are not explicitly supported. If you
would like to add support for a new browser, please <a href="https://github.com/emberjs/rfcs">submit an RFC or RFC issue for discussion</a>!
</p>

<p>{{t "browser-support.ember4.other-browsers" htmlSafe=true}}</p>
<p>{{t "browser-support.ember4.evergreen.support" htmlSafe=true}}</p>

<p>
We determine support on a browser-by-browser basis. Browsers are categorized as
either <em>evergreen</em> or <em>non-evergreen</em>. The categorization is as follows:
</p>

<h3 class="text-center">Evergreen</h3>
<h3 class="text-center">{{t "browser-support.ember4.evergreen.sub-heading"}}</h3>

<ul class="list-unstyled layout my-3">
<EsCard class="lg:col-2">
<div class="text-center text-md">Desktop</div>
<div class="text-center text-md">{{t "form-factors.desktop"}}</div>
<ul>
<li>Google Chrome</li>
<li>Mozilla Firefox</li>
<li>Microsoft Edge</li>
</ul>
</EsCard>
<EsCard class="lg:col-2">
<div class="text-center text-md">Mobile</div>
<div class="text-center text-md">{{t "form-factors.mobile"}}</div>
<ul>
<li>Google Chrome</li>
<li>Mozilla Firefox</li>
</ul>
</EsCard>
<EsCard class="lg:col-2">
<div class="text-center text-md">Testing</div>
<div class="text-center text-md">{{t "form-factors.testing"}}</div>
<ul>
<li>Google Chrome</li>
<li>Mozilla Firefox</li>
</ul>
</EsCard>
</ul>

<h3 class="text-center">Non-evergreen</h3>
<h3 class="text-center">{{t "browser-support.ember4.non-evergreen.sub-heading"}}</h3>

<div class="layout">
<ul class="list-unstyled layout lg:col-4 lg:start-2 my-3">
<EsCard class="lg:col-3">
<div class="text-center text-md">Desktop</div>
<div class="text-center text-md">{{t "form-factors.desktop"}}</div>
<ul>
<li>Safari</li>
</ul>
</EsCard>
<EsCard class="lg:col-3">
<div class="text-center text-md">Mobile</div>
<div class="text-center text-md">{{t "form-factors.mobile"}}</div>
<ul>
<li>Safari</li>
</ul>
</EsCard>
</ul>
</div>

<p>
For evergreen browsers, the minimum version of the browser that we support is
determined at the time of every minor release, following this formula:
</p>
<p>{{t "browser-support.ember4.formula.intro"}}</p>

<div class="layout my-3">
<div class="card">
<div class="card__content">
<p>Whichever browser version is greater/more recent out of:</p>

<ol>
<li>
The lowest/least recent version that fulfills any one of these properties:
<ul>
<li>It is the latest version of the browser.</li>
<li>It is the latest LTS/extended support version of the browser (such as Firefox ESR).</li>
<li>It has at least <em>0.25%</em> of global marketshare usage across mobile and
desktop, based on <a href="https://gs.statcounter.com/">statcounter</a>.</li>
</ul>
</li>
<li>
The minimum version supported in the previous release
</li>
</ol>
<p>{{t "browser-support.ember4.formula.query"}}</p>

{{t "browser-support.ember4.formula.properties" htmlSafe=true}}
</div>
</div>
</div>

<p>
To simplify, the supported version either moves forward or stays the same for
each release based on overall usage and LTS/current release versions.
</p>

<p>
For non-evergreen browsers, support is locked at a specific major version, and
we support all major versions above that version:
</p>
<p>{{t "browser-support.ember4.formula.p1"}}</p>
<p>{{t "browser-support.ember4.formula.p2"}}</p>

<div class="layout">
<ul class="list-unstyled layout lg:col-4 lg:start-2 my-3">
<EsCard class="lg:col-3">
<div class="text-center text-md">Desktop</div>
<div class="text-center text-md">{{t "form-factors.desktop"}}</div>
<ul>
<li>Safari: 12</li>
</ul>
</EsCard>
<EsCard class="lg:col-3">
<div class="text-center text-md">Mobile</div>
<div class="text-center text-md">{{t "form-factors.mobile"}}</div>
<ul>
<li>Safari: 12</li>
</ul>
</EsCard>
</ul>
</div>

Within a version of a browser, we only support the most recent patch release.

{{t "browser-support.ember4.patch-stipulation"}}
</section>
</div>
Loading