Skip to content

Commit 95bf50e

Browse files
authored
Merge pull request #56 from guocaoyi/feat/0.9.0
feat(vanilla):out of box functions, countor \ newtab timer \ events
2 parents 16bb0a3 + 1179700 commit 95bf50e

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

70 files changed

+1088
-398
lines changed

template-lit-ts/popup.html

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,12 +5,9 @@
55
<link rel="icon" href="/icons/logo.ico" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Chrome Extension + Lit + TS + Vite App - Popup</title>
8-
<link rel="stylesheet" href="./src/index.css" />
98
</head>
109
<body>
11-
<lit-popup>
12-
<h1>Vite + Lit</h1>
13-
</lit-popup>
10+
<lit-popup></lit-popup>
1411
<script type="module" src="./src/popup/index.ts"></script>
1512
</body>
1613
</html>

template-lit-ts/src/index.css

Lines changed: 0 additions & 23 deletions
This file was deleted.

template-preact-js/devtools.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,6 @@
99

1010
<body>
1111
<div id="app"></div>
12-
<script type="module" src="./src/devtools/index.jsx"></script>
12+
<script type="module" src="./src/devtools/index.js"></script>
1313
</body>
1414
</html>

template-preact-js/newtab.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,6 @@
99

1010
<body>
1111
<div id="app"></div>
12-
<script type="module" src="./src/newtab/index.jsx"></script>
12+
<script type="module" src="./src/newtab/index.js"></script>
1313
</body>
1414
</html>

template-preact-js/options.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
</head>
99
<body>
1010
<div id="app"></div>
11-
<script type="module" src="/src/options/index.jsx"></script>
11+
<script type="module" src="/src/options/index.js"></script>
1212
</body>
1313
</html>

template-preact-js/popup.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
</head>
99
<body>
1010
<div id="app"></div>
11-
<script type="module" src="/src/popup/index.jsx"></script>
11+
<script type="module" src="/src/popup/index.js"></script>
1212
</body>
1313
</html>

template-preact-js/sidepanel.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
</head>
99
<body>
1010
<div id="app"></div>
11-
<script type="module" src="/src/sidepanel/index.jsx"></script>
11+
<script type="module" src="/src/sidepanel/index.js"></script>
1212
</body>
1313
</html>

template-preact-js/src/devtools/index.jsx renamed to template-preact-js/src/devtools/index.js

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
import { render } from 'preact'
1+
import { createElement, render } from 'preact'
22
import { DevTools } from './DevTools'
33
import './index.css'
44

5-
render(<DevTools />, document.getElementById('app'))
5+
render(createElement(DevTools, null), document.getElementById('app'))
66

77
chrome.devtools.panels.create('PreactCrx', '', '../../devtools.html', function () {
88
console.log('devtools panel create')
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { Options, render } from 'preact'
2+
import { NewTab } from './NewTab'
3+
import './index.css'
4+
5+
render(Options(NewTab, null), document.getElementById('app'))

template-preact-js/src/newtab/index.jsx

Lines changed: 0 additions & 5 deletions
This file was deleted.
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { createElement, render } from 'preact'
2+
import { Options } from './Options'
3+
import './index.css'
4+
5+
render(createElement(Options, null), document.getElementById('app'))

template-preact-js/src/options/index.jsx

Lines changed: 0 additions & 5 deletions
This file was deleted.

template-preact-js/src/popup/index.js

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { createElement, render } from 'preact'
2+
import { Popup } from './Popup'
3+
import './index.css'
4+
5+
render(createElement(Popup, null), document.getElementById('app'))

template-preact-js/src/popup/index.jsx

Lines changed: 0 additions & 5 deletions
This file was deleted.
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { createElement, render } from 'preact'
2+
import { SidePanel } from './SidePanel'
3+
import './index.css'
4+
5+
render(createElement(SidePanel, null), document.getElementById('app'))

template-preact-js/src/sidepanel/index.jsx

Lines changed: 0 additions & 5 deletions
This file was deleted.

template-preact-ts/devtools.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,6 @@
99

1010
<body>
1111
<div id="app"></div>
12-
<script type="module" src="./src/devtools/index.tsx"></script>
12+
<script type="module" src="./src/devtools/index.ts"></script>
1313
</body>
1414
</html>

template-preact-ts/newtab.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,6 @@
99

1010
<body>
1111
<div id="app"></div>
12-
<script type="module" src="./src/newtab/index.tsx"></script>
12+
<script type="module" src="./src/newtab/index.ts"></script>
1313
</body>
1414
</html>

template-preact-ts/options.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
</head>
99
<body>
1010
<div id="app"></div>
11-
<script type="module" src="/src/options/index.tsx"></script>
11+
<script type="module" src="/src/options/index.ts"></script>
1212
</body>
1313
</html>

template-preact-ts/popup.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
</head>
99
<body>
1010
<div id="app"></div>
11-
<script type="module" src="/src/popup/index.tsx"></script>
11+
<script type="module" src="/src/popup/index.ts"></script>
1212
</body>
1313
</html>

template-preact-ts/sidepanel.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,6 +8,6 @@
88
</head>
99
<body>
1010
<div id="app"></div>
11-
<script type="module" src="/src/sidepanel/index.tsx"></script>
11+
<script type="module" src="/src/sidepanel/index.ts"></script>
1212
</body>
1313
</html>

template-preact-ts/src/devtools/index.tsx renamed to template-preact-ts/src/devtools/index.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
import { render } from 'preact'
1+
import { createElement, render } from 'preact'
22
import { DevTools } from './DevTools'
33
import './index.css'
44

5-
render(<DevTools />, document.getElementById('app') as HTMLElement)
5+
render(createElement(DevTools, null), document.getElementById('app') as HTMLElement)
66

77
chrome.devtools.panels.create('PreactCrx', '', '../../devtools.html', function () {
88
console.log('devtools panel create')
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { createElement, render } from 'preact'
2+
import { NewTab } from './NewTab'
3+
import './index.css'
4+
5+
render(createElement(NewTab, null), document.getElementById('app') as HTMLElement)

template-preact-ts/src/newtab/index.tsx

Lines changed: 0 additions & 5 deletions
This file was deleted.
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { createElement, render } from 'preact'
2+
import { Options } from './Options'
3+
import './index.css'
4+
5+
render(createElement(Options, null), document.getElementById('app') as HTMLElement)

template-preact-ts/src/options/index.tsx

Lines changed: 0 additions & 5 deletions
This file was deleted.

template-preact-ts/src/popup/index.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { createElement, render } from 'preact'
2+
import { Popup } from './Popup'
3+
import './index.css'
4+
5+
render(createElement(Popup, null), document.getElementById('app') as HTMLElement)

template-preact-ts/src/popup/index.tsx

Lines changed: 0 additions & 5 deletions
This file was deleted.
Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
import { createElement, render } from 'preact'
2+
import { SidePanel } from './SidePanel'
3+
import './index.css'
4+
5+
render(createElement(SidePanel, null), document.getElementById('app') as HTMLElement)

template-preact-ts/src/sidepanel/index.tsx

Lines changed: 0 additions & 5 deletions
This file was deleted.

template-stencil-ts/src/components.d.ts

Lines changed: 49 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -4,51 +4,60 @@
44
* This is an autogenerated file created by the Stencil compiler.
55
* It contains typing information for all components that exist in this project.
66
*/
7-
import { HTMLStencilElement, JSXBase } from '@stencil/core/internal'
7+
import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
88
export namespace Components {
9-
interface OptionsRoot {}
10-
interface PopupRoot {}
11-
interface SideRoot {}
9+
interface OptionsRoot {
10+
}
11+
interface PopupRoot {
12+
}
13+
interface SideRoot {
14+
}
1215
}
1316
declare global {
14-
interface HTMLOptionsRootElement extends Components.OptionsRoot, HTMLStencilElement {}
15-
var HTMLOptionsRootElement: {
16-
prototype: HTMLOptionsRootElement
17-
new (): HTMLOptionsRootElement
18-
}
19-
interface HTMLPopupRootElement extends Components.PopupRoot, HTMLStencilElement {}
20-
var HTMLPopupRootElement: {
21-
prototype: HTMLPopupRootElement
22-
new (): HTMLPopupRootElement
23-
}
24-
interface HTMLSideRootElement extends Components.SideRoot, HTMLStencilElement {}
25-
var HTMLSideRootElement: {
26-
prototype: HTMLSideRootElement
27-
new (): HTMLSideRootElement
28-
}
29-
interface HTMLElementTagNameMap {
30-
'options-root': HTMLOptionsRootElement
31-
'popup-root': HTMLPopupRootElement
32-
'side-root': HTMLSideRootElement
33-
}
17+
interface HTMLOptionsRootElement extends Components.OptionsRoot, HTMLStencilElement {
18+
}
19+
var HTMLOptionsRootElement: {
20+
prototype: HTMLOptionsRootElement;
21+
new (): HTMLOptionsRootElement;
22+
};
23+
interface HTMLPopupRootElement extends Components.PopupRoot, HTMLStencilElement {
24+
}
25+
var HTMLPopupRootElement: {
26+
prototype: HTMLPopupRootElement;
27+
new (): HTMLPopupRootElement;
28+
};
29+
interface HTMLSideRootElement extends Components.SideRoot, HTMLStencilElement {
30+
}
31+
var HTMLSideRootElement: {
32+
prototype: HTMLSideRootElement;
33+
new (): HTMLSideRootElement;
34+
};
35+
interface HTMLElementTagNameMap {
36+
"options-root": HTMLOptionsRootElement;
37+
"popup-root": HTMLPopupRootElement;
38+
"side-root": HTMLSideRootElement;
39+
}
3440
}
3541
declare namespace LocalJSX {
36-
interface OptionsRoot {}
37-
interface PopupRoot {}
38-
interface SideRoot {}
39-
interface IntrinsicElements {
40-
'options-root': OptionsRoot
41-
'popup-root': PopupRoot
42-
'side-root': SideRoot
43-
}
44-
}
45-
export { LocalJSX as JSX }
46-
declare module '@stencil/core' {
47-
export namespace JSX {
42+
interface OptionsRoot {
43+
}
44+
interface PopupRoot {
45+
}
46+
interface SideRoot {
47+
}
4848
interface IntrinsicElements {
49-
'options-root': LocalJSX.OptionsRoot & JSXBase.HTMLAttributes<HTMLOptionsRootElement>
50-
'popup-root': LocalJSX.PopupRoot & JSXBase.HTMLAttributes<HTMLPopupRootElement>
51-
'side-root': LocalJSX.SideRoot & JSXBase.HTMLAttributes<HTMLSideRootElement>
49+
"options-root": OptionsRoot;
50+
"popup-root": PopupRoot;
51+
"side-root": SideRoot;
52+
}
53+
}
54+
export { LocalJSX as JSX };
55+
declare module "@stencil/core" {
56+
export namespace JSX {
57+
interface IntrinsicElements {
58+
"options-root": LocalJSX.OptionsRoot & JSXBase.HTMLAttributes<HTMLOptionsRootElement>;
59+
"popup-root": LocalJSX.PopupRoot & JSXBase.HTMLAttributes<HTMLPopupRootElement>;
60+
"side-root": LocalJSX.SideRoot & JSXBase.HTMLAttributes<HTMLSideRootElement>;
61+
}
5262
}
53-
}
5463
}

template-vanilla-js/devtools.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" href="/icon/logo.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Chrome Extension + Vanilla + JS + Vite</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/src/devtools/index.js"></script>
12+
</body>
13+
</html>

template-vanilla-js/newtab.html

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" href="/icon/logo.ico" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Chrome Extension + Vanilla + JS + Vite</title>
8+
</head>
9+
<body>
10+
<div id="app"></div>
11+
<script type="module" src="/src/newtab/index.js"></script>
12+
</body>
13+
</html>

template-vanilla-js/options.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<link rel="icon" href="/icons/logo.ico" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Chrome Extension + Vanilla + JS + Vite App - Options</title>
7+
<title>Chrome Extension + Vanilla + JS + Vite</title>
88
</head>
99
<body>
1010
<div id="app"></div>

template-vanilla-js/popup.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<link rel="icon" href="/icon/logo.ico" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Chrome Extension + Vanilla + JS + Vite App - Popup</title>
7+
<title>Chrome Extension + Vanilla + JS + Vite</title>
88
</head>
99
<body>
1010
<div id="app"></div>

template-vanilla-js/sidepanel.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="UTF-8" />
55
<link rel="icon" href="/icons/logo.ico" />
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7-
<title>Chrome Extension + Vanilla + JS + Vite App - Side Panel</title>
7+
<title>Chrome Extension + Vanilla + JS</title>
88
</head>
99
<body>
1010
<div id="app"></div>

0 commit comments

Comments
 (0)