Implement CSSNamespaceRule

Author: devongovett

node/src/stylesheet.rs

@@ -231,6 +231,10 @@ fn css_rule_to_js_unknown(rule: &CssRule<'static>, env: Env, css_rule: CSSRule)
       let rule = CSSImportRule::new(css_rule);
       unsafe { napi::bindgen_prelude::ToNapiValue::to_napi_value(env.raw(), rule)? }
     }
+    CssRule::Namespace(_) => {
+      let rule = CSSNamespaceRule::new(css_rule);
+      unsafe { napi::bindgen_prelude::ToNapiValue::to_napi_value(env.raw(), rule)? }
+    }
     _ => unreachable!(),
   };
 
@@ -1287,6 +1291,42 @@ impl CSSImportRule {
   // TODO: styleSheet?
 }
 
+#[napi(js_name = "CSSNamespaceRule")]
+struct CSSNamespaceRule {
+  rule: CSSRule,
+}
+
+#[napi]
+impl CSSNamespaceRule {
+  #[napi(constructor)]
+  pub fn constructor() {
+    unreachable!()
+  }
+
+  fn new(rule: CSSRule) -> Self {
+    Self { rule }
+  }
+
+  #[napi(getter, js_name = "namespaceURI")]
+  pub fn namespace_uri(&self) -> &str {
+    match self.rule.rule() {
+      CssRule::Namespace(namespace) => namespace.url.as_ref(),
+      _ => unreachable!(),
+    }
+  }
+
+  #[napi(getter)]
+  pub fn prefix(&self) -> &str {
+    match self.rule.rule() {
+      CssRule::Namespace(namespace) => match &namespace.prefix {
+        Some(prefix) => prefix.as_ref(),
+        None => "",
+      },
+      _ => unreachable!(),
+    }
+  }
+}
+
 fn extend_lifetime<T: ?Sized>(string: &T) -> &'static T {
   unsafe { std::mem::transmute::<&T, &'static T>(string) }
 }

node/test/cssom.js

@@ -1,5 +1,5 @@
 const { suite } = require('uvu');
-const { CSSStyleSheet, CSSStyleRule, CSSRuleList, CSSRule, CSSGroupingRule, CSSConditionRule, CSSMediaRule, CSSStyleDeclaration, MediaList, CSSSupportsRule, CSSKeyframesRule, CSSKeyframeRule, CSSImportRule } = require('../');
+const { CSSStyleSheet, CSSStyleRule, CSSRuleList, CSSRule, CSSGroupingRule, CSSConditionRule, CSSMediaRule, CSSStyleDeclaration, MediaList, CSSSupportsRule, CSSKeyframesRule, CSSKeyframeRule, CSSImportRule, CSSNamespaceRule } = require('../');
 const assert = require('assert');
 
 Object.setPrototypeOf(CSSStyleRule.prototype, CSSRule.prototype);
@@ -26,6 +26,9 @@ Object.setPrototypeOf(CSSKeyframeRule, CSSRule);
 Object.setPrototypeOf(CSSImportRule.prototype, CSSRule.prototype);
 Object.setPrototypeOf(CSSImportRule, CSSRule);
 
+Object.setPrototypeOf(CSSNamespaceRule.prototype, CSSRule.prototype);
+Object.setPrototypeOf(CSSNamespaceRule, CSSRule);
+
 function run(name, fn) {
   let test = suite(name);
   fn(test);
@@ -788,6 +791,24 @@ run('CSSImportRule', test => {
   });
 });
 
+run('CSSNamespaceRule', test => {
+  let stylesheet = new CSSStyleSheet();
+  stylesheet.replaceSync(`
+    @namespace "http://toto.example.org";
+    @namespace toto "http://toto.example.org";
+  `);
+
+  test('namespaceURI', () => {
+    assert.equal(stylesheet.cssRules.item(0).namespaceURI, 'http://toto.example.org');
+    assert.equal(stylesheet.cssRules.item(1).namespaceURI, 'http://toto.example.org');
+  });
+
+  test('prefix', () => {
+    assert.equal(stylesheet.cssRules.item(0).prefix, '');
+    assert.equal(stylesheet.cssRules.item(1).prefix, 'toto');
+  });
+});
+
 // setTimeout(() => {
 //   console.log("GC")
 //   global.gc();