totallyRonja/CabinGame
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

progress: lots of important architecture

Browse source
This commit is contained in:
Ronja 2020-02-06 11:57:43 +01:00
parent 2d6f770272
commit 79cf912e9a
37 changed files with 622 additions and 257 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
Assets/Background.aseprite
View file

Binary file not shown.

BIN
Assets/Door.aseprite Normal file
View file

Binary file not shown.

33
Assets/Door.json Normal file
View file

@ -0,0 +1,33 @@
{ "frames": [
{
"filename": "Door 0.aseprite",
"frame": { "x": 0, "y": 0, "w": 21, "h": 23 },
"rotated": false,
"trimmed": false,
"spriteSourceSize": { "x": 0, "y": 0, "w": 21, "h": 23 },
"sourceSize": { "w": 21, "h": 23 },
"duration": 100
},
{
"filename": "Door 1.aseprite",
"frame": { "x": 21, "y": 0, "w": 21, "h": 23 },
"rotated": false,
"trimmed": false,
"spriteSourceSize": { "x": 0, "y": 0, "w": 21, "h": 23 },
"sourceSize": { "w": 21, "h": 23 },
"duration": 100
}
],
"meta": {
"app": "http://www.aseprite.org/",
"version": "1.2.16.3-x64",
"image": "Door.png",
"format": "RGBA8888",
"size": { "w": 42, "h": 23 },
"scale": "1",
"frameTags": [
],
"slices": [
]
}
}

BIN
Assets/Human.aseprite Normal file
View file

Binary file not shown.

BIN
Assets/Mockup.aseprite Normal file
View file

Binary file not shown.

BIN
Program/assets/Background.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

33
Program/assets/Door.json Normal file
View file

@ -0,0 +1,33 @@
{ "frames": [
{
"filename": "Door 0",
"frame": { "x": 0, "y": 0, "w": 21, "h": 23 },
"rotated": false,
"trimmed": false,
"spriteSourceSize": { "x": 0, "y": 0, "w": 21, "h": 23 },
"sourceSize": { "w": 21, "h": 23 },
"duration": 100
},
{
"filename": "Door 1",
"frame": { "x": 21, "y": 0, "w": 21, "h": 23 },
"rotated": false,
"trimmed": false,
"spriteSourceSize": { "x": 0, "y": 0, "w": 21, "h": 23 },
"sourceSize": { "w": 21, "h": 23 },
"duration": 100
}
],
"meta": {
"app": "http://www.aseprite.org/",
"version": "1.2.16.3-x64",
"image": "Door.png",
"format": "RGBA8888",
"size": { "w": 42, "h": 23 },
"scale": "1",
"frameTags": [
],
"slices": [
]
}
}

BIN
Program/assets/Door.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 409 B

BIN
Program/assets/Human.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 285 B

0
src/assets/bunny.png → Program/assets/bunny.png
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 449 B

After

Width:  |  Height:  |  Size: 449 B

4
src/index.html → Program/index.html
View file

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Hello!</title> <title><%= htmlWebpackPlugin.options.title %></title>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
@ -18,9 +18,7 @@
image-rendering: crisp-edges; image-rendering: crisp-edges;
} }
</style> </style>
<script> var exports = {}; </script>
</head> </head>
<body> <body>
<script src="game.ts"></script>
</body> </body>
</html> </html>

18
Program/package.json Normal file
View file

@ -0,0 +1,18 @@
{
"scripts": {
"start": "webpack-dev-server -w",
"build": "rm -rf dist && webpack --config ./webpack.config.js --mode production --progress --colors"
},
"dependencies": {
"ecsy": "^0.2.2",
"pixi.js": "^5.2.1"
},
"devDependencies": {
"html-webpack-plugin": "^3.2.0",
"ts-loader": "^6.2.1",
"typescript": "^3.7.5",
"webpack": "^4.41.5",
"webpack-cli": "^3.3.10",
"webpack-dev-server": "^3.10.2"
}
}

24
Program/src/Components/door.ts Normal file
View file

@ -0,0 +1,24 @@
import { Point } from "../Datatypes/point"
import { Texture } from "pixi.js"
// Door component
export class Door {
open: boolean
openPosition: Point
closedPosition: Point
openTex: Texture
closedTex: Texture
reset() {
this.open = false
this.openPosition = null
this.closedPosition = null
this.openTex = null
this.closedTex = null
}
}

10
Program/src/Components/position.ts Normal file
View file

@ -0,0 +1,10 @@
import { Point } from "../Datatypes/point"
// Position component
export class Position {
value: Point
reset() {
this.value = new Point(0, 0)
}
}

10
Program/src/Components/shape.ts Normal file
View file

@ -0,0 +1,10 @@
// Shape component
export class Shape {
onStage = false
shape: PIXI.Graphics
reset() {
this.onStage = false
this.shape = null
}
}

9
Program/src/Components/spriteRenderer.ts Normal file
View file

@ -0,0 +1,9 @@
import { Sprite } from "pixi.js";
export class SpriteRenderer{
sprite: Sprite
reset() :void {
this.sprite = null
}
}

10
Program/src/Components/velocity.ts Normal file
View file

@ -0,0 +1,10 @@
import { Vector } from "../Datatypes/vector"
// Velocity component
export class Velocity {
value: Vector
reset() {
this.value = new Vector(0, 0)
}
}

39
Program/src/Datatypes/point.ts Normal file
View file

@ -0,0 +1,39 @@
import { IPoint } from "pixi.js"
import { Vector } from "./vector"
// my own point I can extend however I want to, compatible with pixijs points
export class Point implements IPoint{
x: number
y: number
constructor(x: number, y: number){
this.x = x
this.y = y
}
to(other: Point): Vector{
return new Vector(this.x - other.x, this.y - other.y)
}
add(vec: Vector): Point{
return this.set(vec.x, vec.y)
}
set(x?: number, y?: number): this {
if (x !== undefined)
this.x = x
if (y !== undefined)
this.y = y
return this
}
copyFrom(p: IPoint): this {
return this.set(p.x, p.y)
}
copyTo(p: IPoint): IPoint {
p.set(this.x, this.y)
return p
}
equals(p: IPoint): boolean {
return this.x === p.x && this.y === p.y
}
}

53
Program/src/Datatypes/vector.ts Normal file
View file

@ -0,0 +1,53 @@
import { IPoint } from "pixi.js"
// my own point I can extend however I want to, compatible with pixijs points
export class Vector implements IPoint{
x: number
y: number
constructor(x: number, y: number){
this.x = x
this.y = y
}
normalize(): this {
let len = this.length()
if(len < 0.001){
this.set(0, 0)
} else {
this.scale(1/len)
}
return this
}
length(): number {
return Math.sqrt(this.x*this.x + this.y*this.y)
}
scale(scalar: number): this {
this.set(this.x*scalar, this.y*scalar)
return this
}
scaled(scalar: number): Vector {
return new Vector(this.x * scalar, this.y * scalar)
}
set(x?: number, y?: number): void {
if (x !== undefined)
this.x = x
if (y !== undefined)
this.y = y
}
copyFrom(p: IPoint): this {
this.set(p.x, p.y)
return this
}
copyTo(p: IPoint): IPoint {
p.set(this.x, this.y)
return p
}
equals(p: IPoint): boolean {
return this.x === p.x && this.y === p.y
}
}

48
Program/src/Systems/DoorSystem.ts Normal file
View file

@ -0,0 +1,48 @@
import { System, Entity } from "ecsy"
import { Position } from "../Components/position";
import { Door } from "../Components/door";
import { SpriteRenderer } from "../Components/spriteRenderer";
import { IPoint, Texture, Sprite } from "pixi.js";
import { addOrSetComponent } from "../util";
// MovableSystem
export class DoorSystem extends System {
// This method will get called on every frame by default
execute(delta : number) {
// Iterate through all the entities on the query
this.queries.newDoors.added.forEach((entity: Entity) => {
let door = entity.getComponent(Door)
let doorPos: IPoint = door.open ? door.openPosition : door.closedPosition
addOrSetComponent(entity, Position, {value: doorPos})
let doorTex: Texture = door.open ? door.openTex : door.closedTex
addOrSetComponent(entity, SpriteRenderer, {sprite: new Sprite(doorTex)})
})
this.queries.changedDoors.changed.forEach((entity: Entity) => {
let door = entity.getComponent(Door)
let pos = entity.getMutableComponent(Position)
let renderer = entity.getMutableComponent(SpriteRenderer)
pos.value = door.open ? door.openPosition : door.closedPosition
renderer.sprite.texture = door.open ? door.openTex : door.closedTex
})
}
static queries = {
newDoors: {
components: [ Door ],
listen: {
added: true,
}
},
changedDoors: {
components: [ Door, Position, SpriteRenderer ],
listen: {
changed: [ Door ],
}
}
}
queries: any;
}

31
Program/src/Systems/MovableSystem.ts Normal file
View file

@ -0,0 +1,31 @@
import { System, Entity } from "ecsy"
import { canvasWidth, canvasHeight } from "..";
import { Velocity } from "../Components/velocity";
import { Position } from "../Components/position";
import { SHAPE_HALF_SIZE } from "../constants";
// MovableSystem
export class MovableSystem extends System {
// This method will get called on every frame by default
execute(delta : number) {
// Iterate through all the entities on the query
this.queries.moving.results.forEach((entity: Entity) => {
var velocity = entity.getComponent(Velocity);
var position = entity.getMutableComponent(Position);
//if this system breaks, this is the error: scale might change the base component
position.value.add(velocity.value.scaled(delta))
if (position.value.x > canvasWidth + SHAPE_HALF_SIZE) position.value.x = - SHAPE_HALF_SIZE;
if (position.value.x < - SHAPE_HALF_SIZE) position.value.x = canvasWidth + SHAPE_HALF_SIZE;
if (position.value.y > canvasHeight + SHAPE_HALF_SIZE) position.value.y = - SHAPE_HALF_SIZE;
if (position.value.y < - SHAPE_HALF_SIZE) position.value.y = canvasHeight + SHAPE_HALF_SIZE;
});
}
static queries = {
moving: {
components: [Velocity, Position]
}
}
queries: any;
}

12
Program/src/Systems/RenderSystem.ts Normal file
View file

@ -0,0 +1,12 @@
import { System } from "ecsy"
import { app } from "..";
// MovableSystem
export class RenderSystem extends System {
priority: 100
// This method will get called on every frame by default
execute(_delta : number) {
app.renderer.render(app.stage);
}
}

36
Program/src/Systems/ShapeRenderSystem.ts Normal file
View file

@ -0,0 +1,36 @@
import { System, Entity } from "ecsy";
import { app } from "..";
import { Position } from "../Components/position";
import { Shape } from "../Components/shape";
// RendererSystem
export class ShapeRenderSystem extends System {
static queries = {
renderables: {
components: [Position, Shape],
}
};
queries: any;
// This method will get called on every frame by default
execute(delta : number) {
// Iterate through all the entities on the query
this.queries.renderables.results.forEach((entity: Entity) => {
var shape = entity.getComponent(Shape);
var position = entity.getComponent(Position);
this.drawShape(position, shape);
});
}
drawShape(position : Position, shape : Shape) {
if(!shape.onStage){
app.stage.addChild(shape.shape);
shape.onStage = true;
}
shape.shape.x = position.value.x;
shape.shape.y = position.value.y;
}
}

43
Program/src/Systems/SpriteSystem.ts Normal file
View file

@ -0,0 +1,43 @@
import { System, Entity } from "ecsy"
import { Position } from "../Components/position";
import { SpriteRenderer } from "../Components/spriteRenderer";
import { app } from "..";
// MovableSystem
export class SpriteSystem extends System {
priority: 90
// This method will get called on every frame by default
execute(delta : number) {
// Iterate through all the entities on the query
this.queries.sprites.added.forEach((entity: Entity) => {
let renderer = entity.getMutableComponent(SpriteRenderer)
let pos = entity.getComponent(Position)
renderer.sprite.position = pos.value
app.stage.addChild(renderer.sprite)
})
this.queries.sprites.removed.forEach((entity: Entity) => {
let renderer = entity.getRemovedComponent(SpriteRenderer)
app.stage.removeChild(renderer.sprite)
})
this.queries.sprites.changed.forEach((entity: Entity) => {
let renderer = entity.getMutableComponent(SpriteRenderer)
let pos = entity.getComponent(Position)
renderer.sprite.position = pos.value;
})
}
static queries = {
sprites: {
components: [ SpriteRenderer, Position ],
listen: {
added: true,
removed: true,
changed: [ Position ]
}
},
}
queries: any;
}

21
Program/src/Systems/TestSystem.ts Normal file
View file

@ -0,0 +1,21 @@
import { System, Entity } from "ecsy"
import { Door } from "../Components/door";
// MovableSystem
export class TestSystem extends System {
priority = -100
// This method will get called on every frame by default
execute(delta : number) {
// Iterate through all the entities on the query
this.queries.doors.results.forEach((entity: Entity) => {
//entity.getMutableComponent(Door).open = Math.random() > 0.5 //violently vibrate door
})
}
static queries = {
doors: {
components: [ Door ]
},
}
queries: any;
}

4
Program/src/constants.ts Normal file
View file

@ -0,0 +1,4 @@
export const NUM_ELEMENTS = 60
export const SPEED_MULTIPLIER = 1
export const SHAPE_SIZE = 5
export const SHAPE_HALF_SIZE = SHAPE_SIZE / 2

65
Program/src/index.ts Normal file
View file

@ -0,0 +1,65 @@
import { loadResources } from "./Resources"
import { Door } from "./Components/door"
import { DoorSystem } from "./Systems/DoorSystem"
import { SpriteSystem } from "./Systems/SpriteSystem"
import { Application, Ticker, settings, SCALE_MODES, Sprite, Loader } from "pixi.js"
import { World } from "ecsy"
import { RenderSystem } from "./Systems/RenderSystem"
import { TestSystem } from "./Systems/TestSystem"
// Initialize pixi
export let canvasWidth = 81
export let canvasHeight = 81
export const app = new Application({
width: canvasWidth,
height: canvasHeight,
backgroundColor: 0xFFFFFF,
resolution: 1,
antialias: false,
})
document.body.appendChild(app.view)
settings.SCALE_MODE = SCALE_MODES.NEAREST
settings.ROUND_PIXELS = true
recalculateSize()
window.addEventListener( 'resize', recalculateSize, false )
function recalculateSize(){
let multiplier = Math.min((window.innerWidth/canvasWidth)|0, (window.innerHeight/canvasHeight)|0)
app.view.style.width = canvasWidth * multiplier + "px"
app.view.style.height = canvasHeight * multiplier + "px"
}
// Create world and register the systems on it
export let world = new World();
world
.registerSystem(TestSystem) //prio -100
.registerSystem(DoorSystem) //prio 0
.registerSystem(SpriteSystem) //prio 90
.registerSystem(RenderSystem) //prio 100
loadResources(init)
function init(){
let resources = Loader.shared.resources;
//base sprites without entity representation
const bgTex = new Sprite(resources["Background"].texture)
app.stage.addChild(bgTex)
//start entities
world.createEntity()
.addComponent(Door, <Door>{open: false,
openPosition: {x:38, y:2}, openTex: resources["Door"].spritesheet.textures[0],
closedPosition: {x:38, y:2}, closedTex: resources["Door"].spritesheet.textures[1]})
// Run!
Ticker.shared.add((delta : number) => {
let time = performance.now()
// Run all the systems
world.execute(delta, time)
});
}

45
Program/src/random.ts Normal file
View file

@ -0,0 +1,45 @@
import { Velocity } from "./Components/velocity"
import { Position } from "./Components/position"
import { Vector } from "./Datatypes/vector"
import { canvasWidth, canvasHeight } from "."
import { Point } from "./Datatypes/point"
import { SHAPE_HALF_SIZE, SHAPE_SIZE } from "./constants"
// Some helper functions when creating the components
function getRandomVelocity(speedMultiplier: number): Velocity {
return <Velocity> {
value: new Vector(
speedMultiplier * (2 * Math.random() - 1),
speedMultiplier * (2 * Math.random() - 1)
)
}
}
function getRandomPosition(): Position{
return <Position> {
value: new Point(
Math.random() * canvasWidth,
Math.random() * canvasHeight
)
}
}
function getRandomShape() {
let graphics = new PIXI.Graphics()
if(Math.random() >= 0.5) {
graphics.beginFill(0x888888)
graphics.lineStyle(1, 0x222222)
graphics.drawCircle(0, 0, SHAPE_HALF_SIZE)
} else {
graphics.beginFill(0xf28d89)
graphics.lineStyle(1, 0x800904)
graphics.drawRect(-SHAPE_HALF_SIZE, -SHAPE_HALF_SIZE, SHAPE_SIZE, SHAPE_SIZE)
}
return {
shape: graphics
}
}

13
Program/src/resources.ts Normal file
View file

@ -0,0 +1,13 @@
import { Loader } from "pixi.js"
export function loadResources(init: Function){
Loader.shared.add("Door", "assets/Door.json")
.add("Background", "assets/Background.png")
.add("Human", "assets/Human.png")
.load(setup)
function setup(loader: Loader){
init()
}
}

19
Program/src/util.ts Normal file
View file

@ -0,0 +1,19 @@
import { Entity, ComponentConstructor, Component } from "ecsy";
export function addOrSetComponent(entity: Entity, Component: ComponentConstructor<Component>, values: object) {
if(entity.hasComponent(Component)){
//component exists, copy values into it
let component: any = entity.getMutableComponent(Component)
if(component.copy){
component.copy(values)
} else {
for (var name in values) {
component[name] = values[name];
}
}
} else {
//component doesn't exist, add new one
entity.addComponent(Component, values)
}
}

11
Program/style.css Normal file
View file

@ -0,0 +1,11 @@
html, body {
margin: 0;
padding: 0;
}
canvas {
image-rendering: -moz-crisp-edges;
image-rendering: -webkit-crisp-edges;
image-rendering: pixelated;
image-rendering: crisp-edges;
}

7
Program/tsconfig.json Normal file
View file

@ -0,0 +1,7 @@
{
"compilerOptions": {
"sourceMap": true,
"target": "es6",
"moduleResolution": "Node"
}
}

26
Program/webpack.config.js Normal file
View file

@ -0,0 +1,26 @@
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
module.exports = {
context: __dirname,
entry: './src/index.ts',
mode: 'development',
module: {
rules: [
{
test: /\.ts?$/,
exclude: /node_modules/,
use: 'ts-loader',
},
]
},
resolve: {
extensions: ['.ts', '.js']
},
plugins: [
new HtmlWebpackPlugin({
template: "index.html",
title: "Cabin Game",
}),
],
}

BIN
src/assets/Background.png
View file

Binary file not shown.
Side by side

Before

Width:  |  Height:  |  Size: 6.1 KiB

182
src/game.ts
View file

@ -1,182 +0,0 @@
import * as PIXI from "pixi.js"
import * as ECSY from "ecsy"
import { Entity } from "ecsy";
const NUM_ELEMENTS = 60;
const SPEED_MULTIPLIER = 1;
const SHAPE_SIZE = 10;
const SHAPE_HALF_SIZE = SHAPE_SIZE / 2;
// Initialize pixi
let canvasWidth = 81;
let canvasHeight = 144;
const app = new PIXI.Application({
width: canvasWidth,
height: canvasHeight,
backgroundColor: 0xFFFFFF,
resolution: 1,
antialias: false,
});
document.body.appendChild(app.view);
PIXI.settings.SCALE_MODE = PIXI.SCALE_MODES.NEAREST;
PIXI.settings.ROUND_PIXELS = true;
recalculateSize();
window.addEventListener( 'resize', recalculateSize, false );
function recalculateSize(){
let multiplier = Math.min(0, 0);
app.view.style.width = canvasWidth + "px";
app.view.style.height = "720px";
}
const bgTex = PIXI.Sprite.from('../assets/Background.png');
app.stage.addChild(bgTex);
//----------------------
// Components
//----------------------
// Velocity component
class Velocity {
x = 0;
y = 0;
}
// Position component
class Position {
x = 0;
y = 0;
}
// Shape component
class Shape {
onStage = false
shape: PIXI.Graphics
}
// Renderable component
class Renderable extends ECSY.TagComponent {}
//----------------------
// Systems
//----------------------
// MovableSystem
class MovableSystem extends ECSY.System {
// This method will get called on every frame by default
execute(delta : number) {
// Iterate through all the entities on the query
MovableSystem.queries.moving.results.forEach((entity: Entity) => {
var velocity = entity.getComponent(Velocity);
var position = entity.getMutableComponent(Position);
position.x += velocity.x * delta;
position.y += velocity.y * delta;
if (position.x > canvasWidth + SHAPE_HALF_SIZE) position.x = - SHAPE_HALF_SIZE;
if (position.x < - SHAPE_HALF_SIZE) position.x = canvasWidth + SHAPE_HALF_SIZE;
if (position.y > canvasHeight + SHAPE_HALF_SIZE) position.y = - SHAPE_HALF_SIZE;
if (position.y < - SHAPE_HALF_SIZE) position.y = canvasHeight + SHAPE_HALF_SIZE;
});
}
static queries = {
moving: {
components: [Velocity, Position],
results: []
}
}
}
// RendererSystem
class RendererSystem extends ECSY.System {
// This method will get called on every frame by default
execute(delta : number) {
// Iterate through all the entities on the query
RendererSystem.queries.renderables.results.forEach((entity: Entity) => {
var shape = entity.getComponent(Shape);
var position = entity.getComponent(Position);
this.drawShape(position, shape);
});
//app.renderer.render(app.stage);
}
drawShape(position : Position, shape : Shape) {
if(!shape.onStage){
app.stage.addChild(shape.shape);
shape.onStage = true;
}
shape.shape.x = position.x;
shape.shape.y = position.y;
}
static queries = {
renderables: {
components: [Renderable, Shape],
results: []
}
}
}
// Create world and register the systems on it
var world = new ECSY.World();
world
.registerSystem(MovableSystem)
.registerSystem(RendererSystem);
// Some helper functions when creating the components
function getRandomVelocity() {
return {
x: SPEED_MULTIPLIER * (2 * Math.random() - 1),
y: SPEED_MULTIPLIER * (2 * Math.random() - 1)
};
}
function getRandomPosition(){
return {
x: Math.random() * canvasWidth,
y: Math.random() * canvasHeight
};
}
function getRandomShape() {
let graphics = new PIXI.Graphics();
if(Math.random() >= 0.5) {
graphics.beginFill(0x888888);
graphics.lineStyle(1, 0x222222);
graphics.drawCircle(0, 0, SHAPE_HALF_SIZE);
} else {
graphics.beginFill(0xf28d89);
graphics.lineStyle(1, 0x800904);
graphics.drawRect(-SHAPE_HALF_SIZE, -SHAPE_HALF_SIZE, SHAPE_SIZE, SHAPE_SIZE);
}
return {
shape: graphics
};
}
for (let i = 0; i < NUM_ELEMENTS; i++) {
world
.createEntity()
.addComponent(Velocity, getRandomVelocity())
.addComponent(Shape, getRandomShape())
.addComponent(Position, getRandomPosition())
.addComponent(Renderable)
}
let time = 0
// Run!
PIXI.Ticker.shared.add((delta : number) => {
time += delta;
// Run all the systems
world.execute(delta, time);
});

9
src/package.json
View file

@ -1,9 +0,0 @@
{
"devDependencies": {
"typescript": "^3.7.5"
},
"dependencies": {
"ecsy": "^0.2.2",
"pixi.js": "^5.2.1"
}
}

62
src/tsconfig.json
View file

@ -1,62 +0,0 @@
{
"compilerOptions": {
/* Basic Options */
"target": "ES6", /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */
"module": "commonjs", /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */
// "lib": [], /* Specify library files to be included in the compilation. */
// "allowJs": true, /* Allow javascript files to be compiled. */
// "checkJs": true, /* Report errors in .js files. */
// "jsx": "preserve", /* Specify JSX code generation: 'preserve', 'react-native', or 'react'. */
"declaration": true, /* Generates corresponding '.d.ts' file. */
// "declarationMap": true, /* Generates a sourcemap for each corresponding '.d.ts' file. */
// "sourceMap": true, /* Generates corresponding '.map' file. */
// "outFile": "./", /* Concatenate and emit output to single file. */
"outDir": "lib", /* Redirect output structure to the directory. */
// "rootDir": "./", /* Specify the root directory of input files. Use to control the output directory structure with --outDir. */
// "composite": true, /* Enable project compilation */
// "removeComments": true, /* Do not emit comments to output. */
// "noEmit": true, /* Do not emit outputs. */
// "importHelpers": true, /* Import emit helpers from 'tslib'. */
// "downlevelIteration": true, /* Provide full support for iterables in 'for-of', spread, and destructuring when targeting 'ES5' or 'ES3'. */
// "isolatedModules": true, /* Transpile each file as a separate module (similar to 'ts.transpileModule'). */
/* Strict Type-Checking Options */
// "strict": true, /* Enable all strict type-checking options. */
"noImplicitAny": true, /* Raise error on expressions and declarations with an implied 'any' type. */
"strictNullChecks": true, /* Enable strict null checks. */
// "strictFunctionTypes": true, /* Enable strict checking of function types. */
// "strictPropertyInitialization": true, /* Enable strict checking of property initialization in classes. */
// "noImplicitThis": true, /* Raise error on 'this' expressions with an implied 'any' type. */
// "alwaysStrict": true, /* Parse in strict mode and emit "use strict" for each source file. */
/* Additional Checks */
// "noUnusedLocals": true, /* Report errors on unused locals. */
// "noUnusedParameters": true, /* Report errors on unused parameters. */
// "noImplicitReturns": true, /* Report error when not all code paths in function return a value. */
// "noFallthroughCasesInSwitch": true, /* Report errors for fallthrough cases in switch statement. */
/* Module Resolution Options */
// "moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */
// "baseUrl": "./", /* Base directory to resolve non-absolute module names. */
// "paths": {}, /* A series of entries which re-map imports to lookup locations relative to the 'baseUrl'. */
// "rootDirs": [], /* List of root folders whose combined content represents the structure of the project at runtime. */
// "typeRoots": [], /* List of folders to include type definitions from. */
// "types": [], /* Type declaration files to be included in compilation. */
"allowSyntheticDefaultImports": true, /* Allow default imports from modules with no default export. This does not affect code emit, just typechecking. */
"esModuleInterop": true, /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */
// "preserveSymlinks": true, /* Do not resolve the real path of symlinks. */
/* Source Map Options */
// "sourceRoot": "./", /* Specify the location where debugger should locate TypeScript files instead of source locations. */
// "mapRoot": "./", /* Specify the location where debugger should locate map files instead of generated locations. */
// "inlineSourceMap": true, /* Emit a single file with source maps instead of having a separate file. */
// "inlineSources": true, /* Emit the source alongside the sourcemaps within a single file; requires '--inlineSourceMap' or '--sourceMap' to be set. */
/* Experimental Options */
// "experimentalDecorators": true, /* Enables experimental support for ES7 decorators. */
// "emitDecoratorMetadata": true, /* Enables experimental support for emitting type metadata for decorators. */
/* Advanced Options */
// "declarationDir": "lib" /* Output directory for generated declaration files. */
}
}