mirror of
https://github.com/electron/electron.git
synced 2026-05-02 03:00:22 -04:00
2c94aac330
* build: add oxfmt for code formatting and import sorting
Adds oxfmt as a devDependency alongside oxlint and wires it into the
lint pipeline. The .oxfmtrc.json config matches Electron's current JS
style (single quotes, semicolons, 2-space indent, trailing commas off,
printWidth 100) and configures sortImports with custom groups that
mirror the import/order pathGroups previously enforced by ESLint:
@electron/internal, @electron/*, and {electron,electron/**} each get
their own ordered group ahead of external modules.
- `yarn lint:fmt` runs `oxfmt --check` over JS/TS sources and is
chained into `yarn lint` so CI enforces it automatically.
- `yarn format` runs `oxfmt --write` for local fix-up.
- lint-staged invokes `oxfmt --write` on staged .js/.ts/.mjs/.cjs
files before oxlint, so formatting is applied at commit time.
The next commit applies the formatter to the existing codebase so the
check actually passes.
* chore: apply oxfmt formatting to JS and TS sources
Runs `yarn format` across lib/, spec/, script/, build/, default_app/,
and npm/ to bring the codebase in line with the .oxfmtrc.json settings
added in the previous commit. This is a pure formatting pass: import
statements are sorted into the groups defined by the config, method
chains longer than printWidth are broken, single-quoted strings
containing apostrophes are switched to double quotes, and a handful of
single-statement `if` bodies are re-wrapped and get braces added by
`oxlint --fix` to satisfy the `curly: multi-line` rule.
No behavior changes.
70 lines
2.1 KiB
TypeScript
70 lines
2.1 KiB
TypeScript
const { ipcRenderer, contextBridge } = require('electron/renderer');
|
|
|
|
const policy = window.trustedTypes.createPolicy('electron-default-app', {
|
|
// we trust the SVG contents
|
|
createHTML: (input) => input
|
|
});
|
|
|
|
async function getOcticonSvg(name: string) {
|
|
try {
|
|
const response = await fetch(`octicon/${name}.svg`);
|
|
const div = document.createElement('div');
|
|
div.innerHTML = policy.createHTML(await response.text());
|
|
return div;
|
|
} catch {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
async function loadSVG(element: HTMLSpanElement) {
|
|
for (const cssClass of element.classList) {
|
|
if (cssClass.startsWith('octicon-')) {
|
|
const icon = await getOcticonSvg(cssClass.substr(8));
|
|
if (icon) {
|
|
for (const elemClass of element.classList) {
|
|
icon.classList.add(elemClass);
|
|
}
|
|
element.before(icon);
|
|
element.remove();
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
async function initialize() {
|
|
const electronPath = await ipcRenderer.invoke('bootstrap');
|
|
function replaceText(selector: string, text: string, link?: string) {
|
|
const element = document.querySelector<HTMLElement>(selector);
|
|
if (element) {
|
|
if (link) {
|
|
const anchor = document.createElement('a');
|
|
anchor.textContent = text;
|
|
anchor.href = link;
|
|
anchor.target = '_blank';
|
|
element.appendChild(anchor);
|
|
} else {
|
|
element.innerText = text;
|
|
}
|
|
}
|
|
}
|
|
|
|
replaceText('.electron-version', `Electron v${process.versions.electron}`, 'https://electronjs.org/docs');
|
|
replaceText('.chrome-version', `Chromium v${process.versions.chrome}`, 'https://developer.chrome.com/docs/chromium');
|
|
replaceText(
|
|
'.node-version',
|
|
`Node v${process.versions.node}`,
|
|
`https://nodejs.org/docs/v${process.versions.node}/api`
|
|
);
|
|
replaceText('.v8-version', `v8 v${process.versions.v8}`, 'https://v8.dev/docs');
|
|
replaceText('.command-example', `${electronPath} path-to-app`);
|
|
|
|
for (const element of document.querySelectorAll<HTMLSpanElement>('.octicon')) {
|
|
loadSVG(element);
|
|
}
|
|
}
|
|
|
|
contextBridge.exposeInMainWorld('electronDefaultApp', {
|
|
initialize
|
|
});
|