euv-example 0.28.7

An example application demonstrating the euv UI framework with reactive signals, custom components, and WebAssembly.
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155

/// The HTML id for the localStorage key input element.
pub(crate) const LOCAL_STORAGE_KEY_ID: &str = "local-storage-key";

/// The HTML id for the localStorage value input element.
pub(crate) const LOCAL_STORAGE_VALUE_ID: &str = "local-storage-value";

/// The HTML id for the sessionStorage key input element.
pub(crate) const SESSION_STORAGE_KEY_ID: &str = "session-storage-key";

/// The HTML id for the sessionStorage value input element.
pub(crate) const SESSION_STORAGE_VALUE_ID: &str = "session-storage-value";

/// The HTML id for the clipboard text input element.
pub(crate) const CLIPBOARD_TEXT_ID: &str = "clipboard-text";

/// The HTML id for the console message input element.
pub(crate) const CONSOLE_MESSAGE_ID: &str = "console-message";

/// The HTML name attribute for the localStorage key input element.
pub(crate) const LOCAL_STORAGE_KEY_NAME: &str = "local_key";

/// The HTML name attribute for the localStorage value input element.
pub(crate) const LOCAL_STORAGE_VALUE_NAME: &str = "local_value";

/// The HTML name attribute for the sessionStorage key input element.
pub(crate) const SESSION_STORAGE_KEY_NAME: &str = "session_key";

/// The HTML name attribute for the sessionStorage value input element.
pub(crate) const SESSION_STORAGE_VALUE_NAME: &str = "session_value";

/// The HTML name attribute for the clipboard text input element.
pub(crate) const CLIPBOARD_TEXT_NAME: &str = "clipboard_text";

/// The HTML name attribute for the console message input element.
pub(crate) const CONSOLE_MESSAGE_NAME: &str = "console_message";

/// The HTML input type for text.
pub(crate) const BROWSER_TEXT_TYPE: &str = "text";

/// The HTML autocomplete attribute value for off.
pub(crate) const BROWSER_AUTOCOMPLETE_OFF: &str = "off";

/// The HTML placeholder for the localStorage key input element.
pub(crate) const LOCAL_STORAGE_KEY_PLACEHOLDER: &str = "Storage key...";

/// The HTML placeholder for the localStorage value input element.
pub(crate) const LOCAL_STORAGE_VALUE_PLACEHOLDER: &str = "Storage value...";

/// The HTML placeholder for the sessionStorage key input element.
pub(crate) const SESSION_STORAGE_KEY_PLACEHOLDER: &str = "Session key...";

/// The HTML placeholder for the sessionStorage value input element.
pub(crate) const SESSION_STORAGE_VALUE_PLACEHOLDER: &str = "Session value...";

/// The HTML placeholder for the clipboard text input element.
pub(crate) const CLIPBOARD_TEXT_PLACEHOLDER: &str = "Enter text to copy...";

/// The HTML placeholder for the console message input element.
pub(crate) const CONSOLE_MESSAGE_PLACEHOLDER: &str = "Type a message to log...";

/// The label of the console error button.
pub(crate) const BROWSER_ERROR_BUTTON_LABEL: &str = "Error";

/// The label of the console warn button.
pub(crate) const BROWSER_WARN_BUTTON_LABEL: &str = "Warn";

/// The label of the console message input.
pub(crate) const BROWSER_CONSOLE_MESSAGE_LABEL: &str = "Console message";

/// The description of the developer console demo.
pub(crate) const BROWSER_CONSOLE_CARD_DESC: &str = "Send log, warning, and error messages to the browser developer console. Open DevTools (F12) to see the output.";

/// The card title of the developer console demo.
pub(crate) const BROWSER_CONSOLE_CARD_TITLE: &str = "Console";

/// The label of the location pathname readout.
pub(crate) const BROWSER_PATHNAME_LABEL: &str = "Pathname";

/// The label of the location origin readout.
pub(crate) const BROWSER_ORIGIN_LABEL: &str = "Origin";

/// The label of the location href readout.
pub(crate) const BROWSER_HREF_LABEL: &str = "Href";

/// The description of the location demo.
pub(crate) const BROWSER_LOCATION_CARD_DESC: &str = "Read the current page's full URL components: href, origin, and pathname. All values are read-only and update automatically on navigation.";

/// The card title of the location demo.
pub(crate) const BROWSER_LOCATION_CARD_TITLE: &str = "Location";

/// The label of the preferred language readout.
pub(crate) const BROWSER_LANGUAGE_LABEL: &str = "Language";

/// The label of the user agent readout.
pub(crate) const BROWSER_USER_AGENT_LABEL: &str = "User Agent";

/// The description of the navigator demo.
pub(crate) const BROWSER_NAVIGATOR_CARD_DESC: &str = "Read the browser's User-Agent string and preferred language. Useful for analytics, feature detection, and localization.";

/// The card title of the navigator demo.
pub(crate) const BROWSER_NAVIGATOR_CARD_TITLE: &str = "Navigator";

/// The label of the inner size readout.
pub(crate) const BROWSER_INNER_SIZE_LABEL: &str = "Inner Size";

/// The label of the window size refresh button.
pub(crate) const BROWSER_REFRESH_SIZE_BUTTON_LABEL: &str = "Refresh Size";

/// The description of the window metrics demo.
pub(crate) const BROWSER_WINDOW_CARD_DESC: &str = "Read the browser window's inner width and height in CSS pixels. Click Refresh Size after resizing the window.";

/// The card title of the window metrics demo.
pub(crate) const BROWSER_WINDOW_CARD_TITLE: &str = "Window";

/// The prefix shown before a browser API result value.
pub(crate) const BROWSER_RESULT_PREFIX: &str = "Result: ";

/// The label of the paste-from-clipboard button.
pub(crate) const BROWSER_PASTE_BUTTON_LABEL: &str = "Paste";

/// The label of the copy-to-clipboard button.
pub(crate) const BROWSER_COPY_BUTTON_LABEL: &str = "Copy";

/// The label of the clipboard text input.
pub(crate) const BROWSER_CLIPBOARD_TEXT_LABEL: &str = "Text to copy";

/// The description of the clipboard demo.
pub(crate) const BROWSER_CLIPBOARD_CARD_DESC: &str = "Write text to the system clipboard or read the current clipboard contents. Requires a secure context (HTTPS or localhost).";

/// The card title of the clipboard demo.
pub(crate) const BROWSER_CLIPBOARD_CARD_TITLE: &str = "Clipboard API";

/// The label of the remove entry button.
pub(crate) const BROWSER_REMOVE_BUTTON_LABEL: &str = "Remove";

/// The label of the key-value value input.
pub(crate) const BROWSER_VALUE_LABEL: &str = "Value";

/// The description of the sessionStorage demo.
pub(crate) const BROWSER_SESSION_STORAGE_CARD_DESC: &str = "Store key-value data for the duration of the page session. Data is cleared when the tab or window is closed.";

/// The card title of the sessionStorage demo.
pub(crate) const BROWSER_SESSION_STORAGE_CARD_TITLE: &str = "sessionStorage";

/// The description of the localStorage demo.
pub(crate) const BROWSER_LOCAL_STORAGE_CARD_DESC: &str = "Store, retrieve, and remove persistent key-value data. Data in localStorage survives page reloads and browser restarts.";

/// The card title of the localStorage demo.
pub(crate) const BROWSER_LOCAL_STORAGE_CARD_TITLE: &str = "localStorage";

/// The page header subtitle of the browser API demo.
pub(crate) const BROWSER_PAGE_SUBTITLE: &str = "Interact with browser storage, clipboard, window metrics, navigator info, location URL, and developer console — all through euv's typed hook APIs.";

/// The page header title of the browser API demo.
pub(crate) const BROWSER_PAGE_TITLE: &str = "Browser APIs";