Skip to content

Commit a970da5

Browse files
betocantu93betocantu93
committed
Scaffold New Application
1 parent 6822ad7 commit a970da5

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

42 files changed

+15004
-133
lines changed

‎apps/test-app/.ember-cli

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
/**
3+
Ember CLI sends analytics information by default. The data is completely
4+
anonymous, but there are times when you might want to disable this behavior.
5+
6+
Setting `disableAnalytics` to true will prevent any data from being sent.
7+
*/
8+
"disableAnalytics": true
9+
}

‎apps/test-app/.watchmanconfig

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"ignore_dirs": ["tmp", "dist"]
3+
}

‎apps/test-app/README.md

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
# test-app

‎apps/test-app/app/app.ts

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
import Application from '@ember/application';
2+
import Resolver from 'ember-resolver';
3+
import loadInitializers from 'ember-load-initializers';
4+
import config from 'test-app/config/environment';
5+
6+
export default class App extends Application {
7+
modulePrefix = config.modulePrefix;
8+
podModulePrefix = config.podModulePrefix;
9+
Resolver = Resolver;
10+
}
11+
12+
loadInitializers(App, config.modulePrefix);

‎apps/test-app/app/components/.gitkeep

Whitespace-only changes.

‎apps/test-app/app/config/environment.d.ts

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
/**
2+
* Type declarations for
3+
* import config from 'my-app/config/environment'
4+
*/
5+
declare const config: {
6+
apiNamespace: string;
7+
apiHost: string;
8+
apiCacheHardExpires: number;
9+
apiCacheSoftExpires: number;
10+
environment: string;
11+
modulePrefix: string;
12+
podModulePrefix: string;
13+
locationType: "history" | "hash" | "none" | "auto";
14+
rootURL: string;
15+
APP: Record<string, unknown>;
16+
};
17+
18+
export default config;

‎apps/test-app/app/helpers/.gitkeep

Whitespace-only changes.

‎apps/test-app/app/index.html

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>
7+
test-app
8+
</title>
9+
<meta name="description" content="">
10+
<meta name="viewport"
11+
content="viewport-fit=cover, width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
12+
13+
{{content-for "head"}}
14+
15+
<link rel="shortcut icon" href="/assets/images/icon-32.png" type="image/x-icon" />
16+
<link rel="icon" href="/assets/images/icon.svg" type="image/svg+xml" sizes="any" />
17+
18+
<link integrity="" rel="stylesheet" href="{{rootURL}}assets/vendor.css">
19+
<link integrity="" rel="stylesheet" href="{{rootURL}}assets/test-app.css">
20+
21+
{{content-for "head-footer"}}
22+
</head>
23+
<body>
24+
{{content-for "body"}}
25+
26+
<div id="launch-screen"></div>
27+
28+
<script type="text/javascript">
29+
(function () {
30+
// begin load of en-us translations immediately
31+
const translations = fetch(`/translations/en-us.json`);
32+
window.enUSTranslationsPromise = translations.then(result => result.json());
33+
})();
34+
</script>
35+
<script src="{{rootURL}}assets/vendor.js"></script>
36+
<script src="{{rootURL}}assets/test-app.js"></script>
37+
38+
{{content-for "body-footer"}}
39+
</body>
40+
</html>

‎apps/test-app/app/models/.gitkeep

Whitespace-only changes.

‎apps/test-app/app/router.ts

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
import EmberRouter from '@ember/routing/router';
2+
import config from 'test-app/config/environment';
3+
4+
export default class Router extends EmberRouter {
5+
location = config.locationType;
6+
rootURL = config.rootURL;
7+
}
8+
9+
Router.map(function () {});

‎apps/test-app/app/routes/.gitkeep

Whitespace-only changes.

‎apps/test-app/app/routes/application/route.ts

+46
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
import { action } from '@ember/object';
2+
import Route from '@ember/routing/route';
3+
import type RouterService from '@ember/routing/router-service';
4+
import { inject as service } from '@ember/service';
5+
import { tracked } from '@glimmer/tracking';
6+
7+
import type IntlService from 'ember-intl/addon/services/intl';
8+
9+
declare global {
10+
interface Window {
11+
enUSTranslationsPromise: Promise<object>;
12+
}
13+
}
14+
15+
export default class extends Route {
16+
@service declare intl: IntlService;
17+
@service declare router: RouterService;
18+
19+
@tracked isInitialRender = true;
20+
21+
async beforeModel() {
22+
// this is setup in index.html for eager kick-off
23+
// TODO if another locale is selected by the user, await the load of it instead
24+
// TODO if a user's locale can be determined upfront AND we support it's translation
25+
// we should have eagerly loaded it instead of en-us
26+
const translations = await window.enUSTranslationsPromise;
27+
this.intl.addTranslations('en-US', translations);
28+
this.intl.setLocale('en-US');
29+
document.querySelector('#launch-screen')!.remove();
30+
}
31+
32+
@action
33+
didTransition() {
34+
if (this.isInitialRender) {
35+
this.isInitialRender = false;
36+
const one_second = 1000;
37+
const launchScreen = document.querySelector('#launch-screen');
38+
39+
if (launchScreen) {
40+
launchScreen.setAttribute('aria-hidden', 'true');
41+
launchScreen.classList.add('hidden');
42+
// setTimeout(() => launchScreen.remove(), one_second);
43+
}
44+
}
45+
}
46+
}

‎apps/test-app/app/routes/application/template.hbs

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
<screen>
2+
{{outlet}}
3+
</screen>

‎apps/test-app/app/styles/app.scss

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
@import "./variables.scss";
2+
3+
* {
4+
box-sizing: border-box;
5+
}
6+
7+
body {
8+
font-size: 125%;
9+
font-family: $default-font;
10+
background-color: var(--main-bg-color);
11+
transition: background-color 1s ease-out;
12+
color: var(--main-text-color);
13+
padding: 0;
14+
padding-top: 0;
15+
padding-top: env(safe-area-inset-top, 0);
16+
margin: 0;
17+
height: 100vh;
18+
}
19+
20+
screen,
21+
page {
22+
min-height: calc(100vh - env(safe-area-inset-top)) !important;
23+
}
24+
25+
.svg-icon {
26+
display: inline-block;
27+
position: relative;
28+
fill: currentColor;
29+
width: 1.2em;
30+
height: 1.2em;
31+
vertical-align: sub;
32+
}

‎apps/test-app/app/styles/base/.gitkeep

Whitespace-only changes.

‎apps/test-app/app/styles/components/.gitkeep

Whitespace-only changes.

‎apps/test-app/app/styles/other/.gitkeep

Whitespace-only changes.

‎apps/test-app/app/styles/pages/.gitkeep

Whitespace-only changes.

‎apps/test-app/app/styles/variables.scss

+33
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
$background-grey: rgb(242, 242, 242);
2+
$title-grey: rgb(50, 52, 54);
3+
4+
$default-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans",
5+
"Helvetica Neue", sans-serif;
6+
7+
:root {
8+
--title-text-color: #{$title-grey};
9+
--main-text-color: #{$title-grey};
10+
--main-bg-color: #{$background-grey};
11+
}
12+
13+
@media (prefers-color-scheme: dark) {
14+
:root {
15+
--title-text-color: #{$title-grey};
16+
--main-text-color: #{$title-grey};
17+
--main-bg-color: #{$background-grey};
18+
}
19+
}
20+
21+
@media (prefers-color-scheme: dark) {
22+
:root body.force-light-mode {
23+
--title-text-color: #{$title-grey};
24+
--main-text-color: #{$title-grey};
25+
--main-bg-color: #{$background-grey};
26+
}
27+
}
28+
29+
:root body.force-dark-mode {
30+
--title-text-color: #{$title-grey};
31+
--main-text-color: #{$title-grey};
32+
--main-bg-color: #{$background-grey};
33+
}

‎apps/test-app/config/ember-cli-update.json

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{
2+
"schemaVersion": "1.0.0",
3+
"packages": [
4+
{
5+
"name": "ember-cli",
6+
"version": "4.2.0",
7+
"blueprints": [
8+
{
9+
"name": "app",
10+
"outputRepo": "https://github.com/ember-cli/ember-new-output",
11+
"codemodsSource": "ember-app-codemods-manifest@1",
12+
"isBaseBlueprint": true,
13+
"options": [
14+
"--no-welcome",
15+
"--embroider",
16+
"--ci-provider=github"
17+
]
18+
}
19+
]
20+
}
21+
]
22+
}

‎apps/test-app/config/ember-intl.js

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
module.exports = function () {
2+
return {
3+
publicOnly: true,
4+
};
5+
};

‎apps/test-app/config/environment.js

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
/* eslint-env node */
2+
'use strict';
3+
4+
module.exports = function (environment) {
5+
const ENV = {
6+
modulePrefix: 'test-app',
7+
podModulePrefix: 'test-app/routes',
8+
environment,
9+
rootURL: '/',
10+
locationType: 'history',
11+
apiNamespace: 'api/v1/',
12+
apiHost: 'http://localhost:4200',
13+
apiCacheHardExpires: 900_000, // 15 min
14+
apiCacheSoftExpires: 60_000, // 1 min
15+
EmberENV: {
16+
FEATURES: {
17+
// Here you can enable experimental features on an ember canary build
18+
// e.g. EMBER_NATIVE_DECORATOR_SUPPORT: true
19+
},
20+
},
21+
22+
APP: {
23+
// Here you can pass flags/options to your application instance
24+
// when it is created
25+
},
26+
};
27+
28+
if (environment === 'development') {
29+
ENV.APP.LOG_RESOLVER = true;
30+
ENV.APP.LOG_ACTIVE_GENERATION = true;
31+
ENV.APP.LOG_TRANSITIONS = true;
32+
ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
33+
ENV.APP.LOG_VIEW_LOOKUPS = true;
34+
}
35+
36+
if (environment === 'test') {
37+
// Testem prefers this...
38+
ENV.locationType = 'none';
39+
40+
// keep test console output quieter
41+
ENV.APP.LOG_ACTIVE_GENERATION = false;
42+
ENV.APP.LOG_VIEW_LOOKUPS = false;
43+
44+
ENV.APP.rootElement = '#ember-testing';
45+
ENV.APP.autoboot = false;
46+
}
47+
48+
if (environment === 'production') {
49+
// here you can enable a production-specific feature
50+
}
51+
52+
return ENV;
53+
};

‎apps/test-app/config/flexi.js

+36
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
/* eslint-env node */
2+
'use strict';
3+
4+
module.exports = {
5+
// breakpoints, order does not matter, they will be sorted by `begin`
6+
// `name` is used for layout names and booleans on the device/layout service
7+
// `prefix` is used for column classes, column attributes, and container breakpoint classes
8+
// `begin` is the pixel value at which this breakpoint becomes active
9+
breakpoints: [
10+
{ name: 'mobile', prefix: 'xs', begin: 0 },
11+
{ name: 'tablet', prefix: 'sm', begin: 768 },
12+
{ name: 'desktop', prefix: 'md', begin: 992 },
13+
{ name: 'huge', prefix: 'lg', begin: 1200 },
14+
],
15+
16+
// the number of columns for the grid
17+
columns: 12,
18+
19+
// optional, used for column classes: '<colPrefix>-<breakpointPrefix>-<columnNumber>'
20+
columnPrefix: 'col',
21+
22+
// if false, @media css is not included
23+
includeMediaCSS: true,
24+
25+
// if false, default element styles are not included
26+
includeElementCSS: true,
27+
28+
// if true, will convert layout attributes on non-layout elements to classes as well
29+
transformAllElementLayoutAttributes: false,
30+
31+
// grid and layout element gutters
32+
gutterPadding: '.5rem',
33+
34+
// if false, no styles are included (trumps 'includeMediaCSS' and 'includeElementCSS')
35+
includeCSS: true,
36+
};

‎apps/test-app/config/optional-features.json

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"application-template-wrapper": false,
3+
"default-async-observers": true,
4+
"jquery-integration": false,
5+
"template-only-glimmer-components": true
6+
}

‎apps/test-app/config/targets.js

+11
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
'use strict';
2+
3+
const browsers = [
4+
'last 1 Chrome versions',
5+
'last 1 Firefox versions',
6+
'last 1 Safari versions',
7+
];
8+
9+
module.exports = {
10+
browsers,
11+
};

0 commit comments

Comments
 (0)