downgrade typescript to 3.3 (microsoft/TypeScript#30663 (comment))

package.json

@@ -28,7 +28,7 @@
         "color": "git+https://github.com/karifrederiksen/color.git",
         "css-loader": "^1.0.1",
         "cssnano": "^4.1.10",
-        "fork-ts-checker-webpack-plugin": "^1.1.0",
+        "fork-ts-checker-webpack-plugin": "1.0.1",
         "html-webpack-plugin": "^3.2.0",
         "jest": "^24.3.1",
         "jsverify": "^0.8.4",
@@ -42,10 +42,9 @@
         "ts-jest": "^24.0.0",
         "ts-loader": "^5.3.3",
         "ts-node": "^7.0.1",
-        "typescript": "^3.4.4",
+        "typescript": "^3.3.4000",
         "webpack": "^4.30.0",
-        "webpack-cli": "^3.3.0",
-        "webpack-merge": "^4.2.1",
+        "webpack-cli": "^3.3.1",
         "webpack-serve": "^2.0.3"
     }
 }

src/app/index.tsx

@@ -9,7 +9,8 @@ import * as Canvas from "../canvas"
 import * as Setup from "./setup"
 import { SetOnce, FrameStream, CancelFrameStream, Lazy, Store } from "../util"
 import * as Buttons from "../views/buttons"
-
+import * as Debugging from "../debugging"
+console.log(Debugging)
 // HMR hooks
 declare global {
     interface NodeModule {

src/canvas/brushShader.ts

@@ -115,7 +115,7 @@ export class Shader {
         return this.offset > 0
     }
 
-    addPoints(points: readonly BrushPoint[]): void {
+    addPoints(points: ReadonlyArray<BrushPoint>): void {
         const nextOffset = 6 * floatsPerVertex * points.length + this.offset
         while (nextOffset > this.array.length) {
             this.array = doubleSize(this.array)

src/canvas/context.ts

@@ -25,7 +25,7 @@ export interface RenderArgs {
 }
 
 export interface Context {
-    addBrushPoints(brushPoints: readonly BrushShader.BrushPoint[]): void
+    addBrushPoints(brushPoints: ReadonlyArray<BrushShader.BrushPoint>): void
     endStroke(): void
     render(args: RenderArgs): void
     dispose(): void
@@ -216,7 +216,7 @@ class InternalContext implements Context, ContextState {
         console.info("context", this)
     }
 
-    addBrushPoints(brushPoints: readonly BrushShader.BrushPoint[]) {
+    addBrushPoints(brushPoints: ReadonlyArray<BrushShader.BrushPoint>) {
         addBrushPoints(this, brushPoints)
     }
 
@@ -255,7 +255,7 @@ function mergeAreas(prevArea: Vec4, nextArea: Vec4): Vec4 {
 
 function addBrushPoints(
     context: ContextState,
-    brushPoints: readonly BrushShader.BrushPoint[]
+    brushPoints: ReadonlyArray<BrushShader.BrushPoint>
 ): void {
     context.drawpointBatch.addPoints(brushPoints)
     if (context.stroke == null) {
@@ -511,8 +511,8 @@ function setupFb(context: ContextState, id: TextureId): WebGLFramebuffer {
 }
 
 function layersRequireRerender(
-    prev: readonly Layers.CollectedLayer[],
-    next: readonly Layers.CollectedLayer[]
+    prev: ReadonlyArray<Layers.CollectedLayer>,
+    next: ReadonlyArray<Layers.CollectedLayer>
 ): boolean {
     if (prev.length !== next.length) return true
     for (let i = 0; i < next.length; i++) {

src/canvas/index.ts

@@ -10,7 +10,7 @@ import { Vec2, Result, PerfTracker, T3 } from "../util"
 export interface Hooks {
     // readonly onCanvasSnapshot: (snapshot: Snapshot) => void
     // readonly onLayerSnapshot: (snapshot: Snapshot, layerId: number) => void
-    readonly onStats: (stats: readonly PerfTracker.Sample[]) => void
+    readonly onStats: (stats: ReadonlyArray<PerfTracker.Sample>) => void
 }
 
 export interface State {
@@ -114,17 +114,17 @@ class NoOpEffect {
 class FrameEffect {
     readonly type: EffectType.FrameEffect = EffectType.FrameEffect
     private nominal: void
-    constructor(readonly brushPoints: readonly BrushPoint[], readonly state: State) {}
+    constructor(readonly brushPoints: ReadonlyArray<BrushPoint>, readonly state: State) {}
 }
 class BrushPointsEffect {
     readonly type: EffectType.BrushPointsEffect = EffectType.BrushPointsEffect
     private nominal: void
-    constructor(readonly brushPoints: readonly BrushPoint[]) {}
+    constructor(readonly brushPoints: ReadonlyArray<BrushPoint>) {}
 }
 class ReleaseEffect {
     readonly type: EffectType.ReleaseEffect = EffectType.ReleaseEffect
     private nominal: void
-    constructor(readonly brushPoints: readonly BrushPoint[]) {}
+    constructor(readonly brushPoints: ReadonlyArray<BrushPoint>) {}
 }
 
 export interface MsgSender {

src/collections/stack.ts

@@ -106,7 +106,7 @@ export namespace Stack {
         return new Empty()
     }
 
-    export function fromArray<a>(arr: readonly a[]): Stack<a> {
+    export function fromArray<a>(arr: ReadonlyArray<a>): Stack<a> {
         let stack: Stack<a> = empty()
         let i = arr.length
         while (i--) {

src/collections/zipperList.ts

@@ -5,7 +5,7 @@ export class ZipperList<a> {
         return new ZipperList(Stack.empty(), value, Stack.empty())
     }
 
-    static fromArray<a>(arr: readonly a[]): ZipperList<a> | null {
+    static fromArray<a>(arr: ReadonlyArray<a>): ZipperList<a> | null {
         if (arr.length === 0) return null
 
         let right: Stack.Stack<a> = Stack.empty()

src/debugging/index.tsx

@@ -0,0 +1,18 @@
+import * as React from "react"
+import styled from "../styled"
+
+const Container = styled.div`
+    position: absolute;
+    right: 0;
+    bottom: 0;
+`
+
+export function DebugWindow() {
+    const a = 2
+    const b: 2 = 2
+    return (
+        <Container id="d">
+            Hello! {b} {a} aaa {2}
+        </Container>
+    )
+}

src/layers/model.ts

@@ -47,7 +47,7 @@ export class GroupLayer {
         readonly name: string,
         readonly opacity: number,
         readonly isHidden: boolean,
-        readonly children: readonly Layer[]
+        readonly children: ReadonlyArray<Layer>
     ) {}
 
     get isLeaf(): false {
@@ -68,7 +68,7 @@ export class GroupLayer {
         )
     }
 
-    withChildren(children: readonly Layer[]): GroupLayer {
+    withChildren(children: ReadonlyArray<Layer>): GroupLayer {
         return new GroupLayer(this.id, this.name, this.opacity, this.isHidden, children)
     }
 
@@ -197,9 +197,9 @@ export class GroupLayer {
 export type Layer = LeafLayer | GroupLayer
 
 export interface SplitLayers {
-    readonly above: readonly CollectedLayer[]
+    readonly above: ReadonlyArray<CollectedLayer>
     readonly current: CollectedLayer | null
-    readonly below: readonly CollectedLayer[]
+    readonly below: ReadonlyArray<CollectedLayer>
 }
 
 export type Msg = NewLayerMsg | RemoveMsg | SelectMsg | SetOpacityMsg | SetHiddenMsg

src/rng/rng.test.ts

@@ -1,7 +1,7 @@
 import * as Rng from "./rng"
 
 describe("rng", () => {
-    const seeds: readonly Rng.Seed[] = [
+    const seeds: ReadonlyArray<Rng.Seed> = [
         Rng.seed(0),
         Rng.seed(1),
         Rng.seed(2),

src/tools/brush.tsx

@@ -209,7 +209,7 @@ export function onDrag(
     brush: State,
     state: EphemeralState,
     input: Input.PointerInput
-): T2<EphemeralState, readonly BrushShader.BrushPoint[]> {
+): T2<EphemeralState, ReadonlyArray<BrushShader.BrushPoint>> {
     if (state === null) {
         const res = onClick(camera, brush, input)
         return [res[0], [res[1]]]
@@ -236,7 +236,7 @@ export function onFrame(
     brush: State,
     state: EphemeralState,
     currentTime: number
-): T2<EphemeralState, readonly BrushShader.BrushPoint[]> {
+): T2<EphemeralState, ReadonlyArray<BrushShader.BrushPoint>> {
     if (state === null) return [null, []]
     // if (brush.delay.duration <= 0) return [null, []]
 
@@ -260,7 +260,7 @@ export function onRelease(
     brush: State,
     state: EphemeralState,
     input: Input.PointerInput
-): T2<EphemeralState, readonly BrushShader.BrushPoint[]> {
+): T2<EphemeralState, ReadonlyArray<BrushShader.BrushPoint>> {
     if (state === null) return [null, []]
 
     return [null, []]