Skip to content

WIP: Bootstrap fixes #43

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: bootstrap-utility-1.0
Choose a base branch
from
Open

WIP: Bootstrap fixes #43

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
00903db
WIP: trying to fix load issues
ross-spencer Oct 23, 2025
5fc6785
wip: remove erroneous alert
ross-spencer Oct 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
129 changes: 127 additions & 2 deletions static/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,22 @@
<script src="js/load-static.js"></script>
<script src="js/clone.js"></script>

<!-- sf wasm -->
<link rel="stylesheet" href="css/sf.css">
<script src="wasm/example.js"></script>
<script src="wasm/wasm_exec.js"></script>
<script>
const go = new window.Go();
WebAssembly.instantiateStreaming(
fetch("wasm/sf.wasm"),
go.importObject
).then(
(obj) => {
go.run(obj.instance);
}
);
</script>

</head>
<body>

Expand Down Expand Up @@ -283,9 +299,118 @@ <h3>Container signatures</h3>
</div>

<!-- Try it! Tab -->
<div id="try-container">

<!-- Container for Siegfried/Roy. -->
</div>
<div id="Try" class="tab" style="display:none">
<div>
<div class="row">
<div class="twelve columns">
<h3>Try it with Siegfried!</h3>
<p>
To allow you to test your new file format signatures,
<a href="https://github.com/richardlehane/siegfried" target="_blank">
Siegfried
</a>
and its signature editing utility Roy have been
compiled into this web page. Load new signatures and test
them against your own data before submitting them to The
National Archives, UK.
</p>
<p>
Siegfried implements PRONOM signatures just as DROID does.
Testing your signatures here is a good indicator they will
work as anticipated when you are ready to share them with
the PRONOM team.
</p>
<p>
<a hred="https://developer.mozilla.org/en-US/docs/WebAssembly" target="_blank">
WebAssembly (WASM)
</a>
is a technology that enables you to run low-level
code in the safety of your own browser, protecting your computer and
your data. Richard Lehane talks more about the WASM implementation
of Siegfried on
<a href="https://www.linkedin.com/pulse/siegfried-front-end-richard-lehane-dlvaf/" target="_blank">
his blog on LinkedIn
</a>.
</p>
<p>
Roy's WebAssembly will generate a signature file as it would given an
equivalent instruction on the command line:
<pre>./roy build --noreports -extend /path/to/your/signature/file.xml</pre>
</p>
<div class="info">
<p><strong>Tip!</strong>
open a new tab in your browser and keep the "<b>Try it out!</b>" tab in this utility
open so that you don't have to reload your test signatures unless you
want to.
<br>
</p>
</div>
</div>
</div>
<div class="row">
<div class="twelve columns" style="margin-top: 1%;">
<h4 class="subtitle">Config</h4>
</div>
</div>
<div class="row">
<div class="four columns" style="margin-top: 1%;">
<label for="format">Format</label>
<select name="format" id="format">
<option value="yaml">yaml</option>
<!--
<option value="json">json</option>
<option value="csv">csv</option>
<option value="droid">droid</option>
-->
</select>
</div>
<div class="four columns" style="margin-top: 1%;">
<label for="hash">Hash</label>
<select name="hash" id="hash">
<option value="none">none</option>
<option value="md5">md5</option>
<option value="sha1">sha1</option>
<option value="sha256">sha256</option>
<option value="sha512">sha512</option>
<option value="crc">crc</option>
</select>
</div>
<div class="four columns" style="margin-top: 1%;">
<label for="z">Scan within archives</label>
<input id="archives" type="radio" name="z" value="true"> <span class="label-body">true</span>
&nbsp;&nbsp;
<input id="archives" type="radio" name="z" value="false" checked> <span class="label-body">false</span>
</div>
</div>
<div class="row">
<div class="twelve columns" style="margin-top: 1%;">
<h4 class="subtitle">Run Siegfried and Roy</h4>
</div>
</div>
<div class="row">
<div class="four columns">
<input class="button u-full-width" id="butOpen" type="button" value="Siegfried: File ID">
</div>
<div class="four columns">
<input class="button u-full-width" id="butDirectory" type="button" value="Siegfried: Directory ID">
</div>
<div class="four columns">
<input class="button u-full-width" id="butRoy" type="button" value="Roy: Load signature">
</div>
</div>
<div class="row">
<div class="twelve columns" style="margin-top: 1%;">
<hr>
<h3>Results</h3>
<textarea id="results" class="results" name="results" rows="200" cols="70" readonly></textarea>
</div>
</div>
<br/><br/>
</div>
</div>


<!-- Guide Tab -->
<div id="guide-container">
Expand Down
1 change: 0 additions & 1 deletion static/js/clone.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,6 @@ $(document).ready(function() {
cloneAndAddPath();

// Add static components to pages.
cloneAndAddTry()
cloneAndAddGuide()
cloneAndAddAbout()

Expand Down
11 changes: 0 additions & 11 deletions static/js/load-static.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,17 +4,6 @@ tryContainerSelector = "#try-container"
guideContainerSelector = "#guide-container"
aboutContainerSelector = "#about-container"

// cloneAndAddSequence ...
function cloneAndAddTry() {
fetch("./try.htm")
.then(response => {
return response.text()
})
.then(data => {
$(data).insertAfter(tryContainerSelector)
});
}

// cloneAndAddSequence ...
function cloneAndAddGuide() {
fetch("./guide.htm")
Expand Down
19 changes: 1 addition & 18 deletions static/try.htm
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,21 +1,4 @@
<head>
<!-- sf wasm -->
<link rel="stylesheet" href="css/sf.css">
<script src="wasm/example.js"></script>
<script src="wasm/wasm_exec.js"></script>
<script>
const go = new window.Go();
WebAssembly.instantiateStreaming(
fetch("wasm/sf.wasm"),
go.importObject
).then(
(obj) => {
go.run(obj.instance);
}
);
</script>
</head>
<body>
<div id="Try" class="tab" style="display:none">
<div>
<div class="row">
Expand Down Expand Up @@ -125,4 +108,4 @@ <h3>Results</h3>
<br/><br/>
</div>
</div>
</body>

3 changes: 3 additions & 0 deletions static/wasm/example.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,7 @@ function getArgs() {

window.onload = () => {
document.getElementById('butOpen').addEventListener('click', () => {
console.log("select file for identification: opening dialog");
window.showOpenFilePicker().then(handles => {
for (const idx in handles) {
const args = getArgs();
Expand All @@ -31,6 +32,7 @@ window.onload = () => {
);
});
document.getElementById('butDirectory').addEventListener('click', () => {
console.log("select directory for identification: opening dialog");
window.showDirectoryPicker().then(handle => {
const args = getArgs();
args.unshift(handle);
Expand All @@ -43,6 +45,7 @@ window.onload = () => {
);
});
document.getElementById('butRoy').addEventListener('click', () => {
console.log("select signature file to load: opening dialog");
window.showOpenFilePicker().then(handles => {
for (const idx in handles) {
const args = getArgs();
Expand Down