Moved to ts (#6593)

* Moved to ts

* Fixed type check

* Removed js suffixes

* Migrated to ts

* Fixed ts.

* Fixed type check

* Installed missing d ts

src/static/js/cssmanager.ts

@@ -0,0 +1,73 @@
+// @ts-nocheck
+'use strict';
+
+/**
+ * This code is mostly from the old Etherpad. Please help us to comment this code.
+ * This helps other people to understand this code better and helps them to improve it.
+ * TL;DR COMMENTS ON THIS FILE ARE HIGHLY APPRECIATED
+ */
+
+/**
+ * Copyright 2009 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS-IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+exports.makeCSSManager = (browserSheet) => {
+  const browserRules = () => (browserSheet.cssRules || browserSheet.rules);
+
+  const browserDeleteRule = (i) => {
+    if (browserSheet.deleteRule) browserSheet.deleteRule(i);
+    else browserSheet.removeRule(i);
+  };
+
+  const browserInsertRule = (i, selector) => {
+    if (browserSheet.insertRule) browserSheet.insertRule(`${selector} {}`, i);
+    else browserSheet.addRule(selector, null, i);
+  };
+  const selectorList = [];
+
+  const indexOfSelector = (selector) => {
+    for (let i = 0; i < selectorList.length; i++) {
+      if (selectorList[i] === selector) {
+        return i;
+      }
+    }
+    return -1;
+  };
+
+  const selectorStyle = (selector) => {
+    let i = indexOfSelector(selector);
+    if (i < 0) {
+      // add selector
+      browserInsertRule(0, selector);
+      selectorList.splice(0, 0, selector);
+      i = 0;
+    }
+    return browserRules().item(i).style;
+  };
+
+  const removeSelectorStyle = (selector) => {
+    const i = indexOfSelector(selector);
+    if (i >= 0) {
+      browserDeleteRule(i);
+      selectorList.splice(i, 1);
+    }
+  };
+
+  return {
+    selectorStyle,
+    removeSelectorStyle,
+    info: () => `${selectorList.length}:${browserRules().length}`,
+  };
+};