From 915a472e587af780aec68fcc907b1d59d0c314cd Mon Sep 17 00:00:00 2001 From: Haris Razis Date: Fri, 8 Apr 2022 13:18:20 +0300 Subject: [PATCH] feat: add indicator if CID is cached in local datastore --- assets/dir-index-html/dir-index.html | 7 ++++++- assets/dir-index-html/package.json | 10 +++++----- assets/dir-index-html/src/dir-index.html | 3 +++ assets/dir-index-html/src/icons.css | 8 ++++++++ assets/dir-index-html/src/script.js | 22 ++++++++++++++++++++++ assets/dir-index-html/src/style.css | 4 ++++ 6 files changed, 48 insertions(+), 6 deletions(-) create mode 100644 assets/dir-index-html/src/script.js diff --git a/assets/dir-index-html/dir-index.html b/assets/dir-index-html/dir-index.html index ec00da79880..1029c249e86 100644 --- a/assets/dir-index-html/dir-index.html +++ b/assets/dir-index-html/dir-index.html @@ -19,8 +19,11 @@ {{ .Path }} +
@@ -71,6 +74,7 @@ + {{ range .Listing }} @@ -80,6 +84,7 @@ {{ .Name }} + {{ if .Hash }} diff --git a/assets/dir-index-html/package.json b/assets/dir-index-html/package.json index 4b242757406..ec309fa1363 100644 --- a/assets/dir-index-html/package.json +++ b/assets/dir-index-html/package.json @@ -7,11 +7,11 @@ "license": "MIT", "scripts": { "start": "cd test && go run .", - "build": "npm run build:clean && npm run build:remove-style-links && npm run build:minify-wrap-css && npm run build:combine-html-css && npm run build:remove-unused", + "build": "npm run build:clean && npm run build:remove-links && npm run build:minify-wrap && npm run build:combine-html-css-js && npm run build:remove-unused", "build:clean": "rm dir-index.html", - "build:remove-style-links": "sed '/ ./base-html.html", - "build:minify-wrap-css": "(echo \"\") > ./minified-wrapped-style.html", - "build:combine-html-css": "sed '/<\\/title>/ r ./minified-wrapped-style.html' ./base-html.html > ./dir-index.html", - "build:remove-unused": "rm ./base-html.html && rm ./minified-wrapped-style.html" + "build:remove-links": "sed -e '/\") > ./minified-wrapped.html", + "build:combine-html-css-js": "sed '/<\\/title>/ r ./minified-wrapped.html' ./base-html.html > ./dir-index.html", + "build:remove-unused": "rm ./base-html.html && rm ./minified-wrapped.html" } } diff --git a/assets/dir-index-html/src/dir-index.html b/assets/dir-index-html/src/dir-index.html index f3dfd632878..a29492405ea 100644 --- a/assets/dir-index-html/src/dir-index.html +++ b/assets/dir-index-html/src/dir-index.html @@ -19,6 +19,7 @@ + {{ .Path }} @@ -70,6 +71,7 @@ + {{ range .Listing }} @@ -79,6 +81,7 @@ {{ .Name }} + {{ if .Hash }} diff --git a/assets/dir-index-html/src/icons.css b/assets/dir-index-html/src/icons.css index dcdbd3cd9e2..8000a412111 100644 --- a/assets/dir-index-html/src/icons.css +++ b/assets/dir-index-html/src/icons.css @@ -1,3 +1,11 @@ +/* Source - https://gateway.ipfs.io/ipfs/QmQYzfzGKAeBWgarrmTSsG2PJ8AFfFEBprhVBFaudcFTof/ */ + +.ipfs-_attention { + background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBkPSJNODYuMzkgNzAuNDlMNTguNiAyMi4zN2E3LjEzIDcuMTMgMCAwMC0xMi4zNyAwTDE4LjQ1IDcwLjQ5YTcuMTUgNy4xNSAwIDAwNi4xOSAxMC43Mkg4MC4yYTcuMTUgNy4xNSAwIDAwNi4xOS0xMC43MnptLTIuMjYgNS44NGE0LjQ4IDQuNDggMCAwMS0zLjkzIDIuMjhIMjQuNjRhNC41NSA0LjU1IDAgMDEtMy45NC02LjgybDI3Ljc4LTQ4LjEyYTQuNTUgNC41NSAwIDAxNy44NyAwbDI3Ljc4IDQ4LjEyYTQuNDUgNC40NSAwIDAxMCA0LjU0eiIvPjxwYXRoIGQ9Ik01NS4xNiA2NC4yNGgtNS40OWEuNzYuNzYgMCAwMC0uNzUuNzV2NS40OWEuNzYuNzYgMCAwMC43NS43NWg1LjQ5YS43Ni43NiAwIDAwLjc1LS43NVY2NWEuNzYuNzYgMCAwMC0uNzUtLjc2em0tLjc1IDUuNDloLTR2LTRoNHptLjc1LTMyLjAyaC01LjQ5YS43Ni43NiAwIDAwLS43NS43NXYyMS43NmEuNzYuNzYgMCAwMC43NS43NWg1LjQ5YS43Ni43NiAwIDAwLjc1LS43NVYzOC40NmEuNzYuNzYgMCAwMC0uNzUtLjc1em0tLjc1IDIxLjc2aC00VjM5LjIxaDR6Ii8+PC9zdmc+); + background-repeat:no-repeat; + background-size:contain +} + /* Source - fileicons.org */ .ipfs-_blank { diff --git a/assets/dir-index-html/src/script.js b/assets/dir-index-html/src/script.js new file mode 100644 index 00000000000..b90eabb9b14 --- /dev/null +++ b/assets/dir-index-html/src/script.js @@ -0,0 +1,22 @@ +document.addEventListener('DOMContentLoaded', () => { + const listingsPath = [ + {{ range .Listing }} + '{{.Path}}', + {{ end }} + ]; + + const init = { + method: 'GET', + headers: {'Accept': 'application/vnd.ipfs.cache.local'} + }; + + const notCachedHTML = '
 
'; + + listingsPath.forEach((element, index) => { + fetch(element, init) + .then(response => { + if (response.status === 404) + document.getElementsByClassName('not-cached-locally').item(index).innerHTML = notCachedHTML; + }); + }); +}); diff --git a/assets/dir-index-html/src/style.css b/assets/dir-index-html/src/style.css index 3e7b8a734bc..400559a8e8b 100644 --- a/assets/dir-index-html/src/style.css +++ b/assets/dir-index-html/src/style.css @@ -132,6 +132,10 @@ td { width:1.15em } +.not-cached-locally { + vertical-align: bottom; +} + .no-linebreak { white-space:nowrap }