1- <!DOCTYPE html>
2- < html lang ="en ">
3-
4- < head >
5- < meta charset ="UTF-8 ">
6- < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
7- < meta name ="color-scheme " content ="light dark ">
8- < title > Tauri JS API Reference</ title >
9- < link rel ="stylesheet " href ="./assets/pico.slate.min.css ">
10- < style >
11- .grid {
12- --grid-min-value : 16rem ;
13- grid-template-columns : repeat (auto-fit, minmax (var (--grid-min-value ), 1fr ));
14- }
15-
16- .tauri-logo {
17- height : 2rem ;
18- vertical-align : middle;
19- margin-right : 0.5rem ;
20- }
21-
22- .logo-light {
23- display : none;
24- }
25-
26- .logo-dark {
27- display : none;
28- }
29-
30- @media (prefers-color-scheme : dark) {
31- .logo-dark {
32- display : inline;
33- }
34-
35- .logo-light {
36- display : none;
37- }
38- }
39-
40- @media (prefers-color-scheme : light),
41- (prefers-color-scheme : no-preference) {
42- .logo-light {
43- display : inline;
44- }
45-
46- .logo-dark {
47- display : none;
48- }
49- }
50-
51- [data-theme = "dark" ] .logo-dark {
52- display : inline;
53- }
54-
55- [data-theme = "dark" ] .logo-light {
56- display : none;
57- }
58-
59- [data-theme = "light" ] .logo-light {
60- display : inline;
61- }
62-
63- [data-theme = "light" ] .logo-dark {
64- display : none;
65- }
66- </ style >
67- </ head >
68-
69- < body >
70- < header class ="container ">
71- < nav >
72- < ul >
73- < li >
74- < img src ="./assets/logo_light.svg " alt ="Tauri Logo " class ="tauri-logo logo-light " loading ="lazy ">
75- < img src ="./assets/logo.svg " alt ="Tauri Logo " class ="tauri-logo logo-dark " loading ="lazy ">
76- </ li >
77- </ ul >
78- < ul >
79- < li >
80- < select id ="theme-switcher " aria-label ="Theme ">
81- < option value ="light "> Light</ option >
82- < option value ="dark "> Dark</ option >
83- < option value ="auto " selected > Auto</ option >
84- </ select >
85- </ li >
86- </ ul >
87- </ nav >
88- </ header >
89- < main class ="container ">
90- < hgroup >
91- < h1 > Javascript Reference</ h1 >
92- < p > API reference for Tauri core and plugins</ p >
93- </ hgroup >
94- < section >
95- < div > {{ tauriCard }}</ div >
96- < h3 > Plugins</ h3 >
97- < div class ="grid ">
98- {{ pluginsGridHtml }}
99- </ div >
100- </ section >
101- </ main >
102- < footer class ="container ">
103- < small > © 2025 Tauri Apps. All rights reserved.</ small >
104- </ footer >
105- < script >
106- const themeSwitcher = document . getElementById ( 'theme-switcher' ) ;
107- function setTheme ( theme ) {
108- if ( theme === 'auto' ) {
109- document . documentElement . removeAttribute ( 'data-theme' ) ;
110- localStorage . removeItem ( 'theme' ) ;
111- } else {
112- document . documentElement . setAttribute ( 'data-theme' , theme ) ;
113- localStorage . setItem ( 'theme' , theme ) ;
114- }
115- }
116- themeSwitcher . value = localStorage . getItem ( 'theme' ) || 'auto' ;
117- setTheme ( themeSwitcher . value ) ;
118- themeSwitcher . addEventListener ( 'change' , ( e ) => {
119- setTheme ( e . target . value ) ;
120- } ) ;
121- </ script >
122- </ body >
123-
124- </ html >
1+ <!doctype html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 " />
5+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 " />
6+ < meta name ="color-scheme " content ="light dark " />
7+ < title > Tauri JS API Reference</ title >
8+ < link rel ="stylesheet " href ="./assets/pico.slate.min.css " />
9+ < style >
10+ .grid {
11+ --grid-min-value : 16rem ;
12+ grid-template-columns : repeat (auto-fit, minmax (var (--grid-min-value ), 1fr ));
13+ }
14+
15+ .tauri-logo {
16+ height : 2rem ;
17+ vertical-align : middle;
18+ margin-right : 0.5rem ;
19+ }
20+
21+ .logo-light {
22+ display : none;
23+ }
24+
25+ .logo-dark {
26+ display : none;
27+ }
28+
29+ @media (prefers-color-scheme : dark) {
30+ .logo-dark {
31+ display : inline;
32+ }
33+
34+ .logo-light {
35+ display : none;
36+ }
37+ }
38+
39+ @media (prefers-color-scheme : light), (prefers-color-scheme : no-preference) {
40+ .logo-light {
41+ display : inline;
42+ }
43+
44+ .logo-dark {
45+ display : none;
46+ }
47+ }
48+
49+ [data-theme = 'dark' ] .logo-dark {
50+ display : inline;
51+ }
52+
53+ [data-theme = 'dark' ] .logo-light {
54+ display : none;
55+ }
56+
57+ [data-theme = 'light' ] .logo-light {
58+ display : inline;
59+ }
60+
61+ [data-theme = 'light' ] .logo-dark {
62+ display : none;
63+ }
64+ </ style >
65+ </ head >
66+
67+ < body >
68+ < header class ="container ">
69+ < nav >
70+ < ul >
71+ < li >
72+ < img
73+ src ="./assets/logo_light.svg "
74+ alt ="Tauri Logo "
75+ class ="tauri-logo logo-light "
76+ loading ="lazy "
77+ />
78+ < img
79+ src ="./assets/logo.svg "
80+ alt ="Tauri Logo "
81+ class ="tauri-logo logo-dark "
82+ loading ="lazy "
83+ />
84+ </ li >
85+ </ ul >
86+ < ul >
87+ < li >
88+ < select id ="theme-switcher " aria-label ="Theme ">
89+ < option value ="light "> Light</ option >
90+ < option value ="dark "> Dark</ option >
91+ < option value ="auto " selected > Auto</ option >
92+ </ select >
93+ </ li >
94+ </ ul >
95+ </ nav >
96+ </ header >
97+ < main class ="container ">
98+ < hgroup >
99+ < h1 > Javascript Reference</ h1 >
100+ < p > API reference for Tauri core and plugins</ p >
101+ </ hgroup >
102+ < section >
103+ < div > {{ tauriCard }}</ div >
104+ < h3 > Plugins</ h3 >
105+ < div class ="grid "> {{ pluginsGridHtml }}</ div >
106+ </ section >
107+ </ main >
108+ < footer class ="container ">
109+ < small > © 2025 Tauri Apps. All rights reserved.</ small >
110+ </ footer >
111+ < script >
112+ const themeSwitcher = document . getElementById ( 'theme-switcher' ) ;
113+ function setTheme ( theme ) {
114+ if ( theme === 'auto' ) {
115+ document . documentElement . removeAttribute ( 'data-theme' ) ;
116+ localStorage . removeItem ( 'theme' ) ;
117+ } else {
118+ document . documentElement . setAttribute ( 'data-theme' , theme ) ;
119+ localStorage . setItem ( 'theme' , theme ) ;
120+ }
121+ }
122+ themeSwitcher . value = localStorage . getItem ( 'theme' ) || 'auto' ;
123+ setTheme ( themeSwitcher . value ) ;
124+ themeSwitcher . addEventListener ( 'change' , ( e ) => {
125+ setTheme ( e . target . value ) ;
126+ } ) ;
127+ </ script >
128+ </ body >
129+ </ html >
0 commit comments