Rename interface to global, as the former is too spec-ific (terrible pun intended)

Author: LeaVerou

src/classes/Feature/InterfaceFeature.js renamed to src/classes/Feature/GlobalFeature.js

@@ -1,6 +1,6 @@
 import Feature from '../Feature.js';
 import testExtends from '../../supports/extends.js';
-import supportsInterface from '../../supports/interface.js';
+import supportsGlobal from '../../supports/global.js';
 import supportsMember from '../../supports/member.js';
 
 export class MemberFeature extends Feature {
@@ -12,7 +12,7 @@ export class MemberFeature extends Feature {
 	static gatingTest = true;
 
 	get base () {
-		return this.closest(f => f instanceof InterfaceFeature)?.base;
+		return this.closest(f => f instanceof GlobalFeature)?.base;
 	}
 
 	get memberType () {
@@ -48,16 +48,16 @@ export class MemberFeature extends Feature {
 	}
 }
 
-export default class InterfaceFeature extends Feature {
+export default class GlobalFeature extends Feature {
 	static children = {
 		/** @deprecated Alias of members */
 		tests: { type: MemberFeature },
 
 		/** The object needs to be an instance of this class */
-		instanceof: { type: InterfaceFeature },
+		instanceof: { type: GlobalFeature },
 
 		/** The object should be a subclass of this class */
-		extends: { type: InterfaceFeature },
+		extends: { type: GlobalFeature },
 
 		/** Properties that should exist on this object */
 		properties: { type: MemberFeature },
@@ -93,7 +93,7 @@ export default class InterfaceFeature extends Feature {
 	}
 
 	/**
-	 * Get the InterfaceFeature that contains the actual interface these are testing stuff in
+	 * Get the GlobalFeature that contains the actual interface these are testing stuff in
 	 */
 	get base () {
 		if (this.def.fromParent === 'extends') {
@@ -115,9 +115,9 @@ export default class InterfaceFeature extends Feature {
 			let Class = this.id;
 			let name = this.parent.id;
 
-			return supportsInterface(name, {instanceof: Class});
+			return supportsGlobal(name, {instanceof: Class});
 		}
 
-		return supportsInterface(this.id);
+		return supportsGlobal(this.id);
 	}
 }

src/classes/Feature/index.js

@@ -1,4 +1,4 @@
 export { default as CSSValueFeature } from './CSSValueFeature.js';
 export { default as CSSPropertyFeature } from './CSSPropertyFeature.js';
 export { default as CSSAtruleFeature } from './CSSAtruleFeature.js';
-export { default as InterfaceFeature } from './InterfaceFeature.js';
+export { default as GlobalFeature } from './GlobalFeature.js';

src/data/types.js

@@ -1,4 +1,4 @@
-import { CSSPropertyFeature, CSSValueFeature, CSSAtruleFeature, InterfaceFeature } from '../classes/Feature/index.js';
+import { CSSPropertyFeature, CSSValueFeature, CSSAtruleFeature, GlobalFeature } from '../classes/Feature/index.js';
 
 const meta = {
 	properties: {
@@ -17,9 +17,9 @@ const meta = {
 		class: CSSAtruleFeature,
 		title: '@Rules & Descriptors',
 	},
-	interfaces: {
-		class: InterfaceFeature,
-		title: 'Interfaces',
+	globals: {
+		class: GlobalFeature,
+		title: 'Globals',
 	},
 	mediaqueries: {
 		supports: 'mq',

src/supports.js

@@ -13,7 +13,7 @@ import selector from './supports/selector.js';
 import atrule from './supports/atrule.js';
 import mq from './supports/mq.js';
 import variable from './supports/variable.js';
-import Interface from './supports/interface.js';
+import Global from './supports/global.js';
 import member from './supports/member.js';
 import testExtends from './supports/extends.js';
 
@@ -28,7 +28,7 @@ const Supports = {
 	atrule,
 	mq,
 	variable,
-	interface: Interface,
+	global: Global,
 	member,
 	extends: testExtends,
 };
@@ -38,5 +38,5 @@ if (IS_DEV) {
 }
 
 export default Supports;
-export { property, value, descriptor, descriptorvalue, selector, atrule, mq, variable, Interface, member, testExtends };
+export { property, value, descriptor, descriptorvalue, selector, atrule, mq, variable, Global, member, testExtends };
 

src/supports/interface.js renamed to src/supports/global.js

@@ -1,6 +1,6 @@
 import { domPrefixes as prefixes, prefixCamelCase as prefixName } from './shared.js';
 
-import supportsInterface from './interface.js';
+import supportsGlobal from './global.js';
 
 /**
  * Check for the presence of a member or static property
@@ -29,7 +29,7 @@ export default function member (name, options) {
 	let object = contextObject ?? callback?.() ?? globalThis[contextName];
 
 	if (!object) {
-		let contextSupported = supportsInterface(contextName);
+		let contextSupported = supportsGlobal(contextName);
 
 		if (!contextSupported.success) {
 			return {success: false};

src/supports/member.js

@@ -1,6 +1,6 @@
 # CSS Test Data Schema
 
-This document describes the data schema used in the CSS test files located in the `tests/` directory. Each test file exports a JavaScript object that defines tests for various CSS features, properties, values, and interfaces.
+This document describes the data schema used in the CSS test files located in the `tests/` directory. Each test file exports a JavaScript object that defines tests for various CSS features, properties, values, and globals.
 
 ## Schema Summary
 
@@ -56,8 +56,8 @@ This document describes the data schema used in the CSS test files located in th
     }
   },
 
-  // Tests for JavaScript/DOM interfaces
-  interfaces?: {
+  // Tests for JavaScript/DOM globals
+  globals?: {
     "InterfaceName": {
       links: { /* documentation links */ },
       tests: string[],
@@ -152,12 +152,12 @@ atrules: {
 
 <a name="at-rules-tests"></a>
 
-### 5. [Interfaces Tests](#interfaces-tests)
+### 5. [Globals Tests](#globals-tests)
 
-Tests for JavaScript/DOM interfaces related to CSS.
+Tests for JavaScript/DOM globals related to CSS.
 
 ```javascript
-interfaces: {
+globals: {
   'InterfaceName': {
     links: { /* documentation links */ },
     tests: ['method1', 'method2', 'property1'],
@@ -166,7 +166,7 @@ interfaces: {
 }
 ```
 
-<a name="interfaces-tests"></a>
+<a name="globals-tests"></a>
 
 ## Test Value Types
 
@@ -238,7 +238,7 @@ export default {
 }
 ```
 
-### Interface Test
+### Global Test
 ```javascript
 export default {
   title: 'CSS Typed OM Level 1',
@@ -247,7 +247,7 @@ export default {
     dev: 'css-typed-om-1',
     devtype: 'houdini'
   },
-  interfaces: {
+  globals: {
     CSSStyleValue: {
       links: {
         dev: '#stylevalue-objects',

tests/README.md

@@ -405,7 +405,7 @@ export default {
 			descriptors: ['top', 'left', 'bottom', 'right', 'position-area', 'margin'],
 		},
 	},
-	interfaces: {
+	globals: {
 		CSSPositionTryRule: {
 			links: {
 				dev: '#om-position-try',

tests/css-anchor-position-1.js

@@ -4,7 +4,7 @@ export default {
 	group: 'houdini',
 	link: 'css-animation-worklet-1',
 	status: 'experimental',
-	interfaces: {
+	globals: {
 		CSS: {
 			link: '#animation-worklet-desc',
 			properties: {

tests/css-animation-worklet-1.js

@@ -60,7 +60,7 @@ export default {
 			// TODO from, to, <percentage>
 		},
 	},
-	interfaces: {
+	globals: {
 		AnimationEvent: {
 			link: '#interface-animationevent',
 			mdnGroup: 'DOM',