admin/kiss-translator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add format script (prettier)

Browse Source
This commit is contained in:
Gabe
2025-07-03 19:08:33 +08:00
parent 42c7dae495
commit 73f80692d3
12 changed files with 226 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

133
public/content.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
@@ -16,7 +16,7 @@
}
</style>
<script>
document.addEventListener("DOMContentLoaded", function () {
document.addEventListener('DOMContentLoaded', function () {
// (() => {
// var shadow = document.querySelector("#shadow1");
// var root = shadow.attachShadow({ mode: "open" });
@@ -54,8 +54,8 @@
// }, 1000);
setTimeout(function () {
var el = document.querySelector("h2>p>span");
el.innerText = "hello world";
var el = document.querySelector('h2>p>span');
el.innerText = 'hello world';
}, 1000);
});
</script>
@@ -105,28 +105,26 @@
<br />
<div id="content">
<p>You need to enable JavaScript to run <span>this app.</span></p>
The <span>embargo</span> has just lifted to confirm that AmpereOne is
coming to Google Cloud with the C3A instances.
The <span>embargo</span> has just lifted to confirm that AmpereOne is coming to
Google Cloud with the C3A instances.
<br />
But these upcoming instances for now are only in private preview form.
<br />
<br />
Needless to say I also haven't had any AmpereOne access to check out the
performance and power efficiency of these new Arm server processors from
Ampere Computing.
performance and power efficiency of these new Arm server processors from Ampere
Computing.
<br />
</div>
<h2>
<p>
<span
>React is a JavaScript library for building user interfaces.</span
>
<span>React is a JavaScript library for building user interfaces.</span>
</p>
</h2>
<hr />
<input id="input1" style="width: 80%;" />
<input id="input1" style="width: 80%" />
<hr />
<textarea id="textarea1" style="width: 80%;">test</textarea>
<textarea id="textarea1" style="width: 80%">test</textarea>
<hr />
<div id="addtitle"></div>
<h2>Shadow 1</h2>
@@ -166,15 +164,47 @@
<br />
<br />
<h2>
React Server Components (or RSC) is a new application architecture
designed by the React team.
React Server Components (or RSC) is a new application architecture designed by the
React team.
</h2>
<iframe
id="iframe1"
width="800px"
height="600px"
src="http://localhost:3000/index.html"
></iframe>
src="http://localhost:3000/index.html"></iframe>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h2>We’ve first shared our research on RSC in an introductory talk and an RFC.</h2>
<br />
<br />
<br />
@@ -208,52 +238,10 @@
<br />
<br />
<h2>
We’ve first shared our research on RSC in an introductory talk and an
RFC.
To recap them, we are introducing a new kind of component—Server Components—that
run ahead of time and are excluded from your JavaScript bundle.
</h2>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<h2>
To recap them, we are introducing a new kind of component—Server
Components—that run ahead of time and are excluded from your JavaScript
bundle.
</h2>
<iframe
id="iframe2"
width="800px"
height="600px"
src="https://react.dev/"
></iframe>
<iframe id="iframe2" width="800px" height="600px" src="https://react.dev/"></iframe>
<br />
<br />
<br />
@@ -288,15 +276,14 @@
<br />
<div class="cont cont1">
<h2>
Server Components can run during the build, letting you read from the
filesystem or fetch static content.
Server Components can run during the build, letting you read from the filesystem
or fetch static content.
</h2>
<ul>
<li>
They can also run on the server, letting you access your data layer
without having to build an API. You can pass data by props from
Server Components to the interactive Client Components in the
browser.
They can also run on the server, letting you access your data layer without
having to build an API. You can pass data by props from Server Components to
the interactive Client Components in the browser.
</li>
<li>以声明式编写 UI，可以让你的代码更加可靠，且方便调试。</li>
</ul>
@@ -315,14 +302,14 @@
<br />
<div class="cont cont2">
<h2>
Since our last update, we have merged the React Server Components RFC
to ratify the proposal.
Since our last update, we have merged the React Server Components RFC to ratify
the proposal.
</h2>
<ul>
<li>
RSC combines the simple “request/response” mental model of
server-centric Multi-Page Apps with the seamless interactivity of
client-centric Single-Page Apps, giving you the best of both worlds.
RSC combines the simple “request/response” mental model of server-centric
Multi-Page Apps with the seamless interactivity of client-centric Single-Page
Apps, giving you the best of both worlds.
</li>
<li>
React 使创建交互式 UI

2
public/index.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />

7
public/manifest.json
View File

@@ -45,12 +45,7 @@
"description": "__MSG_open_options__"
}
},
"permissions": [
"storage",
"contextMenus",
"scripting",
"declarativeNetRequest"
],
"permissions": ["storage", "contextMenus", "scripting", "declarativeNetRequest"],
"host_permissions": ["<all_urls>"],
"icons": {
"16": "images/logo16.png",

4
public/manifest.thunderbird.json
View File

@@ -11,7 +11,7 @@
"id": "yugang2002@gmail.com",
"strict_min_version": "78.0"
}
},
},
"background": {
"scripts": ["background.js"]
},
@@ -54,7 +54,7 @@
"<all_urls>",
"storage",
"menus",
"messagesModify",
"messagesModify",
"scripting",
"declarativeNetRequest"
],