typescriptification part 2

src/api/css.ts

@@ -1,11 +1,11 @@
-function injectCSS(str) {
+function injectCSS(str: string) {
 	const style = document.createElement("style");
 	style.className = "demon-element-css";
 	style.innerHTML = str;
 	document.head.appendChild(style);
 }
 
-function createClass(name, style) {
+function createClass(name: string, style: object) {
 	const stylestr = Object.entries(style)
 		.map(([k, v]) => `${k}:${v}`)
 		.join(";");

src/api/utils/modals.tsx

@@ -8,7 +8,7 @@ const Colors = findByProps("button", "colorRed");
 const ConfirmModal = findByDisplayName("ConfirmModal");
 const Markdown = findByDisplayNameAll("Markdown")[1];
 
-function rawOpenConfirmModal(component, props, insideProps, insideContent) {
+function rawOpenConfirmModal(component: any, props: any, insideProps: any, insideContent: any) {
 	if (insideProps === undefined) {
 		insideProps = {};
 	}
@@ -16,7 +16,7 @@ function rawOpenConfirmModal(component, props, insideProps, insideContent) {
 		insideContent = "";
 	}
 	let confirmed;
-	openModal((e) => {
+	openModal((e: {transitionState: any, onClose: () => void}) => {
 		if (e.transitionState === 3) {
 			return false; //TODO: the fuck does this do?
 		}
@@ -24,11 +24,14 @@ function rawOpenConfirmModal(component, props, insideProps, insideContent) {
 		return (
 			<ConfirmModal
 				transitionState={e.transitionState}
-				onClose={() => (confirmed = false)}
+				onClose={() => (confirmed = false)} 
+				//@ts-ignore
 				onCancel={() => (confirmed = false & e.onClose())}
+				//@ts-ignore 
 				onConfirm={() => (confirmed = true & e.onClose())}
 				{...props}
 			>
+				{/* @ts-ignore */}
 				<component {...insideProps}>{insideContent}</component>
 			</ConfirmModal>
 		);
@@ -37,7 +40,12 @@ function rawOpenConfirmModal(component, props, insideProps, insideContent) {
 	return confirmed;
 }
 
-function openConfirmModal(content, type, opts) {
+function openConfirmModal(content: string, type: string, opts: {
+	header: string,
+	confirmText: string,
+	cancelText: string,
+	color: any
+}) {
 	let buttonColor;
 	if (!!opts.color) {
 		buttonColor = opts.color;

src/index.js

@@ -1,11 +1,11 @@
-import webpack from "./api/webpack.js";
-import common from "./api/common.js";
-import utils from "./api/utils/index.js";
-import plugins from "./api/plugin.js";
-import settings from "./api/ui/settings/settings.js";
-import css from "./api/css.js";
-import patcher from "./api/patcher.js";
-import findByRitual from "./api/ritual.js";
+import webpack from "./api/webpack";
+import common from "./api/common";
+import utils from "./api/utils/index";
+import plugins from "./api/plugin";
+import settings from "./api/ui/settings/settings";
+import css from "./api/css";
+import patcher from "./api/patcher";
+import findByRitual from "./api/ritual";
 
 Object.assign(webpack, {
 	findByRitual