3ad1d0a74f
Safari takes a while to initialize `document.styleSheets`, which results in a race condition when loading the pad. Avoid the race condition by accessing the CSSStyleSheet objects directly from the HTMLStyleElement DOM objects.
72 lines
2 KiB
JavaScript
72 lines
2 KiB
JavaScript
'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}`,
|
|
};
|
|
};
|