Skip to content

Commit f1aa35e

Browse files
anthony-hyoanthony-hyo
committed
extension: Add missing per-site configuration options
1 parent 3401ed4 commit f1aa35e

File tree

1 file changed

+123
-14
lines changed

1 file changed

+123
-14
lines changed

‎web/packages/extension/assets/options.html‎

Lines changed: 123 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -181,6 +181,27 @@ <h3>Site-Specific Settings</h3>
181181
<small>Show unmute overlay when player is muted.</small>
182182
</div>
183183
</div>
184+
185+
<div class="settings-option">
186+
<input type="checkbox" class="settings-option-toggle" data-option-id="preloader">
187+
<div class="settings-option-control" id="control-preloader">
188+
<label for="site-preloader">Preloader</label>
189+
<select id="site-preloader">
190+
<option value="true">Enabled</option>
191+
<option value="false">Disabled</option>
192+
</select>
193+
<small>Whether or not to show a splash screen before the SWF has loaded with Ruffle (backwards-compatibility).</small>
194+
</div>
195+
</div>
196+
197+
<div class="settings-option">
198+
<input type="checkbox" class="settings-option-toggle" data-option-id="parameters">
199+
<div class="settings-option-control" id="control-parameters">
200+
<label for="site-parameters">Parameters (Flashvars)</label>
201+
<input type="text" id="site-parameters" placeholder="key1=value1&key2=value2">
202+
<small>Values that may be passed to and loaded by the movie.</small>
203+
</div>
204+
</div>
184205
</div>
185206

186207
<div>
@@ -242,7 +263,20 @@ <h3>Site-Specific Settings</h3>
242263
<small>Equivalent to Stage.quality (e.g., "low", "medium", "high", "best").</small>
243264
</div>
244265
</div>
245-
</div>
266+
267+
<div class="settings-option">
268+
<input type="checkbox" class="settings-option-toggle" data-option-id="scrollingBehavior">
269+
<div class="settings-option-control" id="control-scrollingBehavior">
270+
<label for="site-scrollingBehavior">Scrolling Behavior</label>
271+
<select id="site-scrollingBehavior">
272+
<option value="smart" selected>Smart - Scroll the page only when the Flash content hasn't handled the scroll.</option>
273+
<option value="never">Never - Never scroll the page.</option>
274+
<option value="always">Always - Always scroll the page.</option>
275+
</select>
276+
<small>Defines the scrolling behavior of Flash content on the web page.</small>
277+
</div>
278+
</div>
279+
</div>
246280

247281
<div>
248282
<div class="settings-section-title">Performance</div>
@@ -319,6 +353,46 @@ <h3>Site-Specific Settings</h3>
319353
<small>Console logging level for this site.</small>
320354
</div>
321355
</div>
356+
357+
<div class="settings-option">
358+
<input type="checkbox" class="settings-option-toggle" data-option-id="publicPath">
359+
<div class="settings-option-control" id="control-publicPath">
360+
<label for="site-publicPath">Public Path</label>
361+
<input type="text" id="site-publicPath" placeholder="/path/to/ruffle/">
362+
<small>The URL at which Ruffle can load its extra files (i.e. '.wasm').</small>
363+
</div>
364+
</div>
365+
366+
<div class="settings-option">
367+
<input type="checkbox" class="settings-option-toggle" data-option-id="polyfills">
368+
<div class="settings-option-control" id="control-polyfills">
369+
<label for="site-polyfills">Polyfills</label>
370+
<select id="site-polyfills">
371+
<option value="true">Enabled</option>
372+
<option value="false">Disabled</option>
373+
</select>
374+
<small>Enable polyfills on the page for legacy Flash content.</small>
375+
</div>
376+
</div>
377+
378+
<div class="settings-option">
379+
<input type="checkbox" class="settings-option-toggle" data-option-id="fontSources">
380+
<div class="settings-option-control" id="control-fontSources">
381+
<label for="site-fontSources">Font Sources</label>
382+
<input type="text" id="site-fontSources" placeholder="/path/to/font.swf,/path/to/font2.swf">
383+
<small>List of font URLs separated by comma to load.</small>
384+
</div>
385+
</div>
386+
387+
<!-- TODO: Add more inputs dynamic -->
388+
<!--<div class="settings-option">
389+
<input type="checkbox" class="settings-option-toggle" data-option-id="defaultFonts">
390+
<div class="settings-option-control" id="control-defaultFonts">
391+
<label for="site-defaultFonts">Default Fonts</label>
392+
<input type="text" id="site-defaultFonts" placeholder="...">
393+
<small>Names of fonts to use for each default Flash device font.</small>
394+
</div>
395+
</div>-->
322396
</div>
323397

324398
<div>
@@ -385,6 +459,54 @@ <h3>Site-Specific Settings</h3>
385459
<small>Prefer real Adobe Flash Player if available.</small>
386460
</div>
387461
</div>
462+
463+
<!-- I am not sure if this can be done via UI -->
464+
<!--<div class="settings-option">
465+
<input type="checkbox" class="settings-option-toggle" data-option-id="openInNewTab">
466+
<div class="settings-option-control" id="control-openInNewTab">
467+
<label for="site-openInNewTab">Open in New Tab</label>
468+
<input type="text" id="site-openInNewTab" placeholder="...">
469+
<small>Function to open content in a new tab.</small>
470+
</div>
471+
</div>-->
472+
473+
<!-- TODO: Add more inputs dynamic or use Array? e.g. [{'port': 80, 'host': '0.0.0.0'..}] -->
474+
<!--<div class="settings-option">
475+
<input type="checkbox" class="settings-option-toggle" data-option-id="socketProxy">
476+
<div class="settings-option-control" id="control-socketProxy">
477+
<label for="site-socketProxy">Socket Proxy</label>
478+
<input type="text" id="site-socketProxy" placeholder="...">
479+
<small>Array of SocketProxy objects for socket connections.</small>
480+
</div>
481+
</div>-->
482+
483+
<div class="settings-option">
484+
<input type="checkbox" class="settings-option-toggle" data-option-id="credentialAllowList">
485+
<div class="settings-option-control" id="control-credentialAllowList">
486+
<label for="site-credentialAllowList">Credential Allow List</label>
487+
<input type="text" id="site-credentialAllowList" placeholder="https://example.org,https://example2.org">
488+
<small>List of origins separated by comma to which credentials can be sent.</small>
489+
</div>
490+
</div>
491+
492+
<div class="settings-option">
493+
<input type="checkbox" class="settings-option-toggle" data-option-id="gamepadButtonMapping">
494+
<div class="settings-option-control" id="control-gamepadButtonMapping">
495+
<label for="site-gamepadButtonMapping">Gamepad Button Mapping</label>
496+
<input type="text" id="site-gamepadButtonMapping" placeholder="dpad-up:38,dpad-down:40">
497+
<small>Mapping of gamepad buttons to ActionScript key codes.</small>
498+
</div>
499+
</div>
500+
501+
<!-- I am not sure if this can be done via UI without adding more inputs and validations -->
502+
<!--<div class="settings-option">
503+
<input type="checkbox" class="settings-option-toggle" data-option-id="urlRewriteRules">
504+
<div class="settings-option-control" id="control-urlRewriteRules">
505+
<label for="site-urlRewriteRules">URL Rewrite Rules</label>
506+
<input type="text" id="site-urlRewriteRules" placeholder="...">
507+
<small>Set of rules that rewrite URLs in network requests and links.</small>
508+
</div>
509+
</div>-->
388510
</div>
389511

390512
<div>
@@ -500,19 +622,6 @@ <h3>Site-Specific Settings</h3>
500622
<small>Base directory/URL for resolving relative paths in SWF.</small>
501623
</div>
502624
</div>
503-
504-
<div class="settings-option">
505-
<input type="checkbox" class="settings-option-toggle" data-option-id="scrollingBehavior">
506-
<div class="settings-option-control" id="control-scrollingBehavior">
507-
<label for="site-scrollingBehavior">Scrolling Behavior</label>
508-
<select id="site-scrollingBehavior">
509-
<option value="smart">Smart</option>
510-
<option value="always">Always</option>
511-
<option value="never">Never</option>
512-
</select>
513-
<small>How scrolling Flash content affects the web page.</small>
514-
</div>
515-
</div>
516625
</div>
517626
</div>
518627

0 commit comments

Comments
 (0)