TypeScript cleanup

scripts/Actions.ts

@@ -1,20 +0,0 @@
-export * from "./Actions/Audio"
-export * from "./Actions/AnimeList"
-export * from "./Actions/Diff"
-export * from "./Actions/Editor"
-export * from "./Actions/Explore"
-export * from "./Actions/FollowUser"
-export * from "./Actions/Forum"
-export * from "./Actions/InfiniteScroller"
-export * from "./Actions/Install"
-export * from "./Actions/Like"
-export * from "./Actions/Notifications"
-export * from "./Actions/Object"
-export * from "./Actions/Publish"
-export * from "./Actions/Search"
-export * from "./Actions/Serialization"
-export * from "./Actions/Shop"
-export * from "./Actions/SideBar"
-export * from "./Actions/StatusMessage"
-export * from "./Actions/Theme"
-export * from "./Actions/Upload"

scripts/Actions/AnimeList.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // Add anime to collection
 export async function addAnimeToCollection(arn: AnimeNotifier, button: HTMLButtonElement) {

scripts/Actions/Audio.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // Play audio
 export function playAudio(arn: AnimeNotifier, element: HTMLElement) {

scripts/Actions/Diff.ts

@@ -1,4 +1,5 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
+import { requestIdleCallback } from "../Utils"
 
 // Load
 export function load(arn: AnimeNotifier, element: HTMLElement) {
@@ -13,7 +14,7 @@ export function diff(arn: AnimeNotifier, element: HTMLElement) {
 	arn.diff(url)
 	.then(() => {
 		// Avoid instant layout thrashing
-		arn.requestIdleCallback(() => arn.scrollTo(element))
+		requestIdleCallback(() => arn.scrollTo(element))
 	})
 	.catch(console.error)
 }

scripts/Actions/Editor.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // newAnimeDiffIgnore
 export function newAnimeDiffIgnore(arn: AnimeNotifier, button: HTMLButtonElement) {

scripts/Actions/Explore.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 import { findAll } from "scripts/Utils";
 
 // Filter anime on explore page

scripts/Actions/FollowUser.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // Follow user
 export function followUser(arn: AnimeNotifier, elem: HTMLElement) {

scripts/Actions/Forum.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // Edit post
 export function editPost(arn: AnimeNotifier, element: HTMLElement) {

scripts/Actions/InfiniteScroller.ts

@@ -1,5 +1,5 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
-import { Diff } from "../Diff"
+import Diff from "../Diff"
 
 // Load more
 export async function loadMore(arn: AnimeNotifier, button: HTMLButtonElement) {

scripts/Actions/Install.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // Chrome extension installation
 export function installExtension(arn: AnimeNotifier, button: HTMLElement) {

scripts/Actions/Like.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // like
 export async function like(arn: AnimeNotifier, element: HTMLElement) {

scripts/Actions/Notifications.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // Enable notifications
 export async function enableNotifications(arn: AnimeNotifier, button: HTMLElement) {

scripts/Actions/Object.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // New
 export function newObject(arn: AnimeNotifier, button: HTMLButtonElement) {

scripts/Actions/Publish.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // Publish
 export function publish(arn: AnimeNotifier, button: HTMLButtonElement) {

scripts/Actions/Search.ts

@@ -1,5 +1,5 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
-import { delay } from "../Utils"
+import { delay, requestIdleCallback } from "../Utils"
 
 // Search page reference
 var emptySearchHTML = ""
@@ -122,7 +122,7 @@ export async function search(arn: AnimeNotifier, search: HTMLInputElement, e: Ke
 		.then(showResponseInElement(arn, url, "anime", animeSearchResults))
 		.catch(console.error)
 
-		arn.requestIdleCallback(() => {
+		requestIdleCallback(() => {
 			fetch("/_/character-search/" + term, fetchOptions)
 			.then(showResponseInElement(arn, url, "character", characterSearchResults))
 			.catch(console.error)

scripts/Actions/Serialization.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // Save new data from an input field
 export function save(arn: AnimeNotifier, input: HTMLElement) {

scripts/Actions/Shop.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // Charge up
 export function chargeUp(arn: AnimeNotifier, button: HTMLElement) {
@@ -55,7 +55,7 @@ export function buyItem(arn: AnimeNotifier, button: HTMLElement) {
 		if(body !== "ok") {
 			throw body
 		}
-		
+
 		return arn.reloadContent()
 	})
 	.then(() => arn.statusMessage.showInfo(`You bought ${itemName} for ${price} gems. Check out your inventory to confirm the purchase.`, 4000))

scripts/Actions/SideBar.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // Toggle sidebar
 export function toggleSidebar(arn: AnimeNotifier) {

scripts/Actions/StatusMessage.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 // Close status message
 export function closeStatusMessage(arn: AnimeNotifier) {

scripts/Actions/Theme.ts

@@ -1,4 +1,4 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
 
 let currentTheme = "light"
 

scripts/Actions/Upload.ts

@@ -1,5 +1,5 @@
-import { AnimeNotifier } from "../AnimeNotifier"
+import AnimeNotifier from "../AnimeNotifier"
-import { StatusMessage } from "../StatusMessage"
+import StatusMessage from "../StatusMessage"
 
 // Select file
 export function selectFile(arn: AnimeNotifier, button: HTMLButtonElement) {

scripts/Actions/index.ts

@@ -0,0 +1,20 @@
+export * from "./Audio"
+export * from "./AnimeList"
+export * from "./Diff"
+export * from "./Editor"
+export * from "./Explore"
+export * from "./FollowUser"
+export * from "./Forum"
+export * from "./InfiniteScroller"
+export * from "./Install"
+export * from "./Like"
+export * from "./Notifications"
+export * from "./Object"
+export * from "./Publish"
+export * from "./Search"
+export * from "./Serialization"
+export * from "./Shop"
+export * from "./SideBar"
+export * from "./StatusMessage"
+export * from "./Theme"
+export * from "./Upload"

scripts/Analytics.ts

@@ -1,4 +1,4 @@
-export class Analytics {
+export default class Analytics {
 	push() {
 		let analytics = {
 			general: {

scripts/AnimeNotifier.ts

@@ -1,19 +1,19 @@
-import { Application } from "./Application"
+import Application from "./Application"
-import { Diff } from "./Diff"
+import Diff from "./Diff"
-import { StatusMessage } from "./StatusMessage"
+import StatusMessage from "./StatusMessage"
-import { PushManager } from "./PushManager"
+import PushManager from "./PushManager"
-import { TouchController } from "./TouchController"
+import TouchController from "./TouchController"
-import { NotificationManager } from "./NotificationManager"
+import NotificationManager from "./NotificationManager"
-import { AudioPlayer } from "./AudioPlayer"
+import AudioPlayer from "./AudioPlayer"
-import { Analytics } from "./Analytics"
+import Analytics from "./Analytics"
-import { SideBar } from "./SideBar"
+import SideBar from "./SideBar"
-import { InfiniteScroller } from "./InfiniteScroller"
+import InfiniteScroller from "./InfiniteScroller"
-import { ServiceWorkerManager } from "./ServiceWorkerManager"
+import ServiceWorkerManager from "./ServiceWorkerManager"
 import { displayAiringDate, displayDate, displayTime } from "./DateView"
-import { findAll, delay, canUseWebP, swapElements } from "./Utils"
+import { findAll, canUseWebP, requestIdleCallback, swapElements, delay } from "./Utils"
 import * as actions from "./Actions"
 
-export class AnimeNotifier {
+export default class AnimeNotifier {
 	app: Application
 	analytics: Analytics
 	user: HTMLElement
@@ -86,15 +86,7 @@ export class AnimeNotifier {
 		window.addEventListener("popstate", this.onPopState.bind(this))
 
 		// Idle
-		this.requestIdleCallback(this.onIdle.bind(this))
+		requestIdleCallback(this.onIdle.bind(this))
-	}
-
-	requestIdleCallback(func: Function) {
-		if("requestIdleCallback" in window) {
-			window["requestIdleCallback"](func)
-		} else {
-			func()
-		}
 	}
 
 	onReadyStateChange() {

scripts/Application.ts

@@ -1,11 +1,11 @@
-import { Diff } from "./Diff"
+import Diff from "./Diff"
 
 class LoadOptions {
 	addToHistory?: boolean
 	forceReload?: boolean
 }
 
-export class Application {
+export default class Application {
 	fadeOutClass: string
 	activeLinkClass: string
 	content: HTMLElement

scripts/AudioPlayer.ts

@@ -1,7 +1,7 @@
-import { AnimeNotifier } from "./AnimeNotifier"
+import AnimeNotifier from "./AnimeNotifier"
 import { Anime } from "./Types/Anime"
 
-export class AudioPlayer {
+export default class AudioPlayer {
 	arn: AnimeNotifier
 
 	// Web audio

scripts/Diff.ts

@@ -1,6 +1,6 @@
 import { MutationQueue } from "./MutationQueue"
 
-export class Diff {
+export default class Diff {
 	static persistentClasses = new Set<string>()
 	static persistentAttributes = new Set<string>()
 

scripts/InfiniteScroller.ts

@@ -1,4 +1,4 @@
-export class InfiniteScroller {
+export default class InfiniteScroller {
 	container: HTMLElement
 	threshold: number
 

scripts/NotificationManager.ts

@@ -1,6 +1,6 @@
-import { Diff } from "./Diff"
+import Diff from "./Diff"
 
-export class NotificationManager {
+export default class NotificationManager {
 	unseen: number
 	icon: HTMLElement
 	counter: HTMLElement

scripts/PushManager.ts

@@ -1,6 +1,6 @@
-export class PushManager {
+export default class PushManager {
 	pushSupported: boolean
-	
+
 	constructor() {
 		this.pushSupported = ("serviceWorker" in navigator) && ("PushManager" in window)
 	}
@@ -52,7 +52,7 @@ export class PushManager {
 			console.error("Subscription does not exist")
 			return
 		}
-		
+
 		await subscription.unsubscribe()
 
 		this.unsubscribeOnServer(subscription, userId)

scripts/ServiceWorkerManager.ts

@@ -1,6 +1,6 @@
-import { AnimeNotifier } from "./AnimeNotifier"
+import AnimeNotifier from "./AnimeNotifier"
 
-export class ServiceWorkerManager {
+export default class ServiceWorkerManager {
 	arn: AnimeNotifier
 	uri: string
 

scripts/SideBar.ts

@@ -1,7 +1,7 @@
-import { TouchController } from "./TouchController"
+import TouchController from "./TouchController"
-import { Diff } from "./Diff"
+import Diff from "./Diff"
 
-export class SideBar {
+export default class SideBar {
 	element: HTMLElement
 	touchController: TouchController
 

scripts/StatusMessage.ts

@@ -1,6 +1,6 @@
 import { delay } from "./Utils"
 
-export class StatusMessage {
+export default class StatusMessage {
 	container: HTMLElement
 	text: HTMLElement
 

scripts/TouchController.ts

@@ -1,4 +1,4 @@
-export class TouchController {
+export default class TouchController {
 	x: number
 	y: number
 
@@ -46,7 +46,7 @@ export class TouchController {
 				this.downSwipe()
 			}
 		}
-		
+
 		this.x = undefined
 		this.y = undefined
 	}

scripts/Utils.ts

@@ -1,42 +0,0 @@
-export function* findAll(className: string): IterableIterator<HTMLElement> {
-	let elements = document.getElementsByClassName(className)
-
-	for(let i = 0; i < elements.length; ++i) {
-		yield elements[i] as HTMLElement
-	}
-}
-
-export function delay<T>(millis: number, value?: T): Promise<T> {
-	return new Promise(resolve => setTimeout(() => resolve(value), millis))
-}
-
-export function plural(count: number, singular: string): string {
-	return (count === 1 || count === -1) ? (count + " " + singular) : (count + " " + singular + "s")
-}
-
-export function canUseWebP(): boolean {
-	return document.createElement("canvas").toDataURL("image/webp").indexOf("data:image/webp") === 0
-}
-
-export function swapElements(a: Node, b: Node) {
-	let parent = b.parentNode
-	let bNext = b.nextSibling
-
-	// Special case for when a is the next sibling of b
-	if(bNext === a) {
-		// Just put a before b
-		parent.insertBefore(a, b)
-	} else {
-		// Insert b right before a
-		a.parentNode.insertBefore(b, a)
-
-		// Now insert a where b was
-		if(bNext) {
-			// If there was an element after b, then insert a right before that
-			parent.insertBefore(a, bNext)
-		} else {
-			// Otherwise just append it as the last child
-			parent.appendChild(a)
-		}
-	}
-}

scripts/Utils/canUseWebP.ts

@@ -0,0 +1,3 @@
+export function canUseWebP(): boolean {
+	return document.createElement("canvas").toDataURL("image/webp").indexOf("data:image/webp") === 0
+}

scripts/Utils/delay.ts

@@ -0,0 +1,3 @@
+export function delay<T>(millis: number, value?: T): Promise<T> {
+	return new Promise(resolve => setTimeout(() => resolve(value), millis))
+}

scripts/Utils/findAll.ts

@@ -0,0 +1,7 @@
+export function* findAll(className: string): IterableIterator<HTMLElement> {
+	let elements = document.getElementsByClassName(className)
+
+	for(let i = 0; i < elements.length; ++i) {
+		yield elements[i] as HTMLElement
+	}
+}

scripts/Utils/index.ts

@@ -0,0 +1,6 @@
+export * from "./canUseWebP"
+export * from "./delay"
+export * from "./findAll"
+export * from "./plural"
+export * from "./requestIdleCallback"
+export * from "./swapElements"

scripts/Utils/plural.ts

@@ -0,0 +1,3 @@
+export function plural(count: number, singular: string): string {
+	return (count === 1 || count === -1) ? (count + " " + singular) : (count + " " + singular + "s")
+}

scripts/Utils/requestIdleCallback.ts

@@ -0,0 +1,7 @@
+export function requestIdleCallback(func: Function) {
+	if("requestIdleCallback" in window) {
+		window["requestIdleCallback"](func)
+	} else {
+		func()
+	}
+}

scripts/Utils/swapElements.ts

@@ -0,0 +1,22 @@
+export function swapElements(a: Node, b: Node) {
+	let parent = b.parentNode
+	let bNext = b.nextSibling
+
+	// Special case for when a is the next sibling of b
+	if(bNext === a) {
+		// Just put a before b
+		parent.insertBefore(a, b)
+	} else {
+		// Insert b right before a
+		a.parentNode.insertBefore(b, a)
+
+		// Now insert a where b was
+		if(bNext) {
+			// If there was an element after b, then insert a right before that
+			parent.insertBefore(a, bNext)
+		} else {
+			// Otherwise just append it as the last child
+			parent.appendChild(a)
+		}
+	}
+}

scripts/main.ts

@@ -1,5 +1,5 @@
-import { Application } from "./Application"
+import Application from "./Application"
-import { AnimeNotifier } from "./AnimeNotifier"
+import AnimeNotifier from "./AnimeNotifier"
 
 let app = new Application()
 let arn = new AnimeNotifier(app)

sw/index.d.ts

@@ -654,7 +654,7 @@ interface ServiceWorkerGlobalScope extends EventTarget {
 
 interface NotificationOptions {
 	image?: string;
-	data?: string;
+	data?: any;
 	badge?: string;
 }