fix: Unbound namespace error with ios and android (#1053)

Author: Alexander Vakrilov

xml-namespace-loader.spec.ts

@@ -27,11 +27,17 @@ function getContext(
     done: DoneFn,
     { resolveMap, expectedDeps, expectedRegs, assureNoDeps, ignore, expectError }: TestSetup) {
     const actualDeps: string[] = [];
+    let callbackCalled = false;
 
     const loaderContext = {
         rootContext: "app",
         context: "app/component",
         async: () => (error, source: string) => {
+            if (callbackCalled) {
+                done.fail("Callback called more than once!");
+            }
+            callbackCalled = true;
+
             expectedDeps.forEach(expectedDep => expect(actualDeps).toContain(expectedDep));
 
             expectedRegs.forEach(({ name, path }) => {
@@ -221,4 +227,54 @@ describe("XmlNamespaceLoader", () => {
 
         xmlNsLoader.call(loaderContext, testXml);
     })
+
+    it("doesn't throw with ios and android platform namespaces", (done) => {
+        const resolveMap = {};
+        const expectedDeps = [];
+        const expectedRegs = [];
+
+        const testXml = `
+        <Page xmlns="http://www.nativescript.org/tns.xsd">
+            <ios:GridLayout />
+            <android:GridLayout />
+        </Page>`;
+
+        const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs, assureNoDeps: true });
+
+        xmlNsLoader.call(loaderContext, testXml);
+    })
+
+    it("doesn't throw with ios and android platform namespaces", (done) => {
+        const resolveMap = {};
+        const expectedDeps = [];
+        const expectedRegs = [];
+
+        const testXml = `
+        <Page xmlns="http://www.nativescript.org/tns.xsd">
+            <ios:GridLayout />
+            <ios:GridLayout></ios:GridLayout>
+            <android:GridLayout />
+            <android:GridLayout></android:GridLayout>
+        </Page>`;
+
+        const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs, assureNoDeps: true });
+
+        xmlNsLoader.call(loaderContext, testXml);
+    })
+
+    it("throws with unbound namespace namespaces", (done) => {
+        const resolveMap = {};
+        const expectedDeps = [];
+        const expectedRegs = [];
+
+        const testXml = `
+        <Page xmlns="http://www.nativescript.org/tns.xsd">
+            <custom1:CustomComponent />
+            <custom2:CustomComponent />
+        </Page>`;
+
+        const loaderContext = getContext(done, { resolveMap, expectedDeps, expectedRegs, expectError: true });
+
+        xmlNsLoader.call(loaderContext, testXml);
+    })
 });

xml-namespace-loader.ts

@@ -12,12 +12,20 @@ interface NamespaceEntry {
 
 const loader: loader.Loader = function (source: string, map) {
     const { ignore } = this.query;
+
+    let callbackCalled = false;
     const callback = this.async();
+    const callbackWrapper = (error?: Error, content?: string, map?: any) => {
+        if (!callbackCalled) {
+            callbackCalled = true;
+            callback(error, content, map);
+        }
+    }
+
 
     const resolvePromise = promisify(this.resolve);
     const promises: Promise<any>[] = [];
     const namespaces: NamespaceEntry[] = [];
-    let parsingError = false;
 
     const handleOpenTag = (namespace: string, elementName: string) => {
         const moduleName = `${namespace}/${elementName}`;
@@ -88,11 +96,15 @@ const loader: loader.Loader = function (source: string, map) {
     }
 
     const saxParser = parser(true, { xmlns: true });
+
+    // Register ios and android prefixes as namespaces to avoid "unbound xml namespace" errors
+    (<any>saxParser).ns["ios"] = "http://schemas.nativescript.org/tns.xsd";
+    (<any>saxParser).ns["android"] = "http://schemas.nativescript.org/tns.xsd";
+
     saxParser.onopentag = (node: QualifiedTag) => { handleOpenTag(node.uri, node.local); };
     saxParser.onerror = (err) => {
         saxParser.error = null;
-        parsingError = true;
-        callback(err);
+        callbackWrapper(err);
     };
     saxParser.write(source).close();
 
@@ -113,13 +125,9 @@ const loader: loader.Loader = function (source: string, map) {
 
         const wrapped = `${moduleRegisters.join("")}\nmodule.exports = ${json}`;
 
-        if (!parsingError) {
-            callback(null, wrapped, map);
-        }
+        callbackWrapper(null, wrapped, map);
     }).catch((err) => {
-        if (!parsingError) {
-            callback(err);
-        }
+        callbackWrapper(err);
     })
 }