quieten gettext warnings, fix l10n for svelte

fix test_locales.sh script to test with pirate locale

scripts/test_locales.sh

@@ -23,9 +23,19 @@ echo "extract and merge...."
 echo "creating dir...."
 mkdir -p locale/xx/LC_MESSAGES
 
-echo "copying messages.pot file...."
-cp locale/templates/LC_MESSAGES/messages.pot locale/xx/LC_MESSAGES/messages.po
+echo "copying pot files...."
+for potfile in $(find locale/templates/LC_MESSAGES/ -name "*.pot")
+do 
+    stem=$(basename $potfile .pot)
+    cp $potfile locale/xx/LC_MESSAGES/${stem}.po
+done
 
 echo "translate messages.po file...."
-./manage.py translate --pipeline=html,pirate locale/xx/LC_MESSAGES/messages.po
-locale/compile-mo.sh locale/xx/
+for pofile in $(find locale/xx/LC_MESSAGES/ -name "*.po")
+do
+    dennis-cmd translate --pipeline=html,pirate $pofile
+
+    dir=$(dirname $pofile)
+    stem=$(basename $pofile .po)
+    msgfmt -o ${dir}/${stem}.mo $pofile
+done

svelte/contribute/Area.svelte

@@ -2,6 +2,7 @@
     import Header from "./Header";
     import Steps from "./Steps";
     import Picker from "./Picker";
+    import { gettext } from "../utils";
 
     export let area;
     export let images;

svelte/contribute/Contribute.svelte

@@ -2,6 +2,7 @@
     import { Router, Route } from "svelte-navigator";
     import Area from "./Area";
     import Landing from "./Landing";
+    import { gettext } from "../utils";
 
     // this is a little verbose, but dynamic imports aren't SSRed
     // if we do this in more places, we could write a webpack loader

svelte/contribute/Header.svelte

@@ -1,6 +1,6 @@
 <script>
     import { Link } from "svelte-navigator";
-    import { srcset } from "../utils";
+    import { srcset, gettext } from "../utils";
 
     export let area = "";
     export let images;

svelte/contribute/Landing.svelte

@@ -1,7 +1,7 @@
 <script>
     import Header from "./Header";
     import Picker from "./Picker";
-    import { srcset } from "../utils"
+    import { srcset, gettext } from "../utils";
 
     import imgAboutPng from "./img/About Us.png";
     import imgAboutWebp from "./img/About Us.webp";

svelte/contribute/Picker.svelte

@@ -1,5 +1,7 @@
 <script>
     import Tile from "./Tile";
+    import { gettext } from "../utils";
+
     import forumImg from "./img/Support Forum.svg";
     import kbImg from "./img/Support Articles.svg";
     import l10nImg from "./img/Localization.svg";

svelte/contribute/Steps.svelte

@@ -1,4 +1,6 @@
 <script>
+    import { gettext } from "../utils";
+
     export let steps = [];
     export let fact = {};
 </script>

svelte/utils.js

@@ -9,3 +9,7 @@ export function srcset(...sources) {
     )
     .join(", ");
 }
+
+export function gettext(...args) {
+  return (typeof window === "undefined" ? global : window).gettext(...args);
+}