Merge pull request #913 from zirreal/robonomics-wiki-test

fixed bugs and added one command for all translations

config/shortcodes/robo-wiki-video/index.js

@@ -8,11 +8,12 @@ export const roboWikiVideo = async (...args) => {
 
 	let clss = videos[0].src.includes('static') ? 'robo-wiki-video' : 'robo-wiki-video robo-wiki-video--s hide' ;
 	let loaderClss = videos[0].src.includes('static') ? 'hide' : 'video-loading';
+	let defaultGW = 'https://gw.crust-gateway.com/ipfs/'
 
 	if(videos.length > 0 ) {
 		return `<video class="${clss}" controls muted playsinline ${attrs} ${cover ? 'poster="/assets/images/video-covers/' + cover + '"'  : ''}>
 		${videos.map(video => {
-			return`<source src="${!video.src.includes('static') ? '/' + video.src + '#t=0.001' : video.src + '#t=0.001'}" type="${'video/' + video.type}" />`
+			return`<source data-source="${video.src}" src="${!video.src.includes('static') ? defaultGW + video.src + '#t=0.001' : video.src + '#t=0.001'}" type="${'video/' + video.type}" />`
 		}).join("")}</video><div class="${loaderClss}"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><circle fill="#5D9DEB" stroke="#5D9DEB" stroke-width="15" r="15" cx="40" cy="65"><animate attributeName="cy" calcMode="spline" dur="2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.4"></animate></circle><circle fill="#5D9DEB" stroke="#5D9DEB" stroke-width="15" r="15" cx="100" cy="65"><animate attributeName="cy" calcMode="spline" dur="2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="-.2"></animate></circle><circle fill="#5D9DEB" stroke="#5D9DEB" stroke-width="15" r="15" cx="160" cy="65"><animate attributeName="cy" calcMode="spline" dur="2" values="65;135;65;" keySplines=".5 0 .5 1;.5 0 .5 1" repeatCount="indefinite" begin="0"></animate></circle></svg><span>VIDEO LOADING...</span></div>`
 	}
 }

eleventy.config.js

@@ -4,8 +4,6 @@ import yaml from 'js-yaml';
 import dotenv from 'dotenv';
 dotenv.config();
 
-const NOT_FOUND_PATH = "dist/404.html";
-
 // all translation files
 const en = JSON.parse(fs.readFileSync('./translations/pages/en.json'))
 const ar = JSON.parse(fs.readFileSync('./translations/pages/ar/ar.json'))
@@ -94,38 +92,9 @@ import metagen from 'eleventy-plugin-metagen'; // for pages metadata
 
 export default async function(eleventyConfig) {
 
-	// to get 404 page
-	eleventyConfig.setBrowserSyncConfig({
-		callbacks: {
-			ready: function (err, bs) {
-				bs.addMiddleware("*", (req, res) => {
-					if (!fs.existsSync(NOT_FOUND_PATH)) {
-						throw new Error(
-							`Expected a \`${NOT_FOUND_PATH}\` file but could not find one. Did you create a 404.html template?`
-						);
-					}
-
-					const content_404 = fs.readFileSync(NOT_FOUND_PATH);
-					// Add 404 http status code in request header.
-					res.writeHead(404, { "Content-Type": "text/html; charset=UTF-8" });
-					// Provides the 404 content without redirect.
-					res.write(content_404);
-					res.end();
-				});
-			},
-		},
-		files: './_dist',
-		rewriteRules: [
-			{
-				match: /\/$/,
-				fn: function(req, res, match) {
-					if (req.url.endsWith('/')) {
-						req.url = req.url.slice(0, -1); // Remove trailing slash
-					}
-					return req.url;
-				}
-			}
-		]
+	eleventyConfig.setServerOptions({
+		// Show local network IP addresses for device testing
+		showAllHosts: true,
 	});
 
 	// eleventy copy assets

package.json

@@ -15,6 +15,7 @@
     "build:11ty": "cross-env ELEVENTY_ENV=production eleventy",
     "translate-md": "node translations/prompt-md.js",
     "translate": "node translations/prompt.js",
+    "translate-all": "node translations/prompt.js && node translations/prompt-md.js",
     "start": "run-p dev:*",
     "build": "run-s clean build:*"
   },

src/ar/pages/pages.11tydata.js

@@ -2,12 +2,20 @@ export default  {
   eleventyComputed: {
     title: function (data) { 
       if(data.title) {
-        return this.t(data.title, {}, 'ar');
+        try {
+          return this.t(data.title, {}, 'ar');
+        } catch(e) {
+          // console.log(e)
+        }
       }
     },
     description: function (data) { 
       if(data.description) {
-        return this.t(data.description, {}, 'ar');
+        try {
+          return this.t(data.description, {}, 'ar');
+        } catch(e) {
+          // console.log(e)
+        }
       }
     },
   }

src/assets/css/components/code.css

@@ -84,8 +84,10 @@ pre{
 
 .code-helper {
 	margin: calc(var(--space)* 0.6) 0;
+	margin-bottom: var(--space);
 }
 
+
 .code__additionalLine {
 	position: relative;
 	width: 100%;

src/assets/js/components/video.js

@@ -37,9 +37,10 @@ document.addEventListener('DOMContentLoaded', async () => {
 
 		const changeSource = () => {
 			videos.forEach((v) => {
-				if(readyGateway && !v.src.includes(readyGateway)) {
-					const src = v.src.substring(v.src.lastIndexOf('/') + 1);
-					v.src = readyGateway + src;
+				if(readyGateway && !v.getAttribute('data-done')) {
+					const src = v.getAttribute('data-source');
+					v.src = readyGateway + src + '#t=0.001';
+					v.setAttribute('data-done', true);
 					v.parentElement.classList.remove('hide');
 					v.parentElement.nextSibling.classList.add('hide');
 					v.parentElement.load();