Transform class static block (#12143)

Co-authored-by: Nicolò Ribaudo <nicolo.ribaudo@gmail.com>
Co-authored-by: Brian Ng <bng412@gmail.com>

packages/babel-plugin-proposal-class-static-block/.npmignore

@@ -0,0 +1,3 @@
+src
+test
+*.log

packages/babel-plugin-proposal-class-static-block/README.md

@@ -0,0 +1,19 @@
+# @babel/plugin-proposal-class-static-block
+
+> Allow transforming of class static blocks
+
+See our website [@babel/plugin-proposal-class-static-block](https://babeljs.io/docs/en/next/babel-plugin-proposal-class-static-block.html) for more information.
+
+## Install
+
+Using npm:
+
+```sh
+npm install --save-dev @babel/plugin-proposal-class-static-block
+```
+
+or using yarn:
+
+```sh
+yarn add @babel/plugin-proposal-class-static-block --dev
+```

packages/babel-plugin-proposal-class-static-block/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@babel/plugin-proposal-class-static-block",
+  "version": "7.11.0",
+  "description": "Allow parsing of class static blocks",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/babel/babel.git",
+    "directory": "packages/babel-plugin-proposal-class-static-block"
+  },
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./lib/index.js",
+  "exports": {
+    ".": "./lib/index.js"
+  },
+  "keywords": [
+    "babel-plugin"
+  ],
+  "dependencies": {
+    "@babel/helper-plugin-utils": "workspace:^7.10.1",
+    "@babel/plugin-syntax-class-static-block": "workspace:^7.11.0"
+  },
+  "peerDependencies": {
+    "@babel/core": "^7.12.0"
+  },
+  "devDependencies": {
+    "@babel/core": "workspace:^7.11.6"
+  }
+}

packages/babel-plugin-proposal-class-static-block/src/index.js

@@ -0,0 +1,61 @@
+import { declare } from "@babel/helper-plugin-utils";
+import syntaxClassStaticBlock from "@babel/plugin-syntax-class-static-block";
+
+/**
+ * Generate a uid that is not in `denyList`
+ *
+ * @param {*} scope
+ * @param {Set<string>} a deny list that the generated uid should avoid
+ * @returns
+ */
+function generateUid(scope, denyList: Set<string>) {
+  const name = "";
+  let uid;
+  let i = 1;
+  do {
+    uid = scope._generateUid(name, i);
+    i++;
+  } while (denyList.has(uid));
+  return uid;
+}
+
+export default declare(({ types: t, template, assertVersion }) => {
+  // todo: change to ^7.12.0 when it is published
+  assertVersion("^7.11.6");
+
+  return {
+    name: "proposal-class-static-block",
+    inherits: syntaxClassStaticBlock,
+    visitor: {
+      Class(path: NodePath<Class>) {
+        const { scope } = path;
+        const classBody = path.get("body");
+        const privateNames = new Set();
+        let staticBlockPath;
+        for (const path of classBody.get("body")) {
+          if (path.isPrivate()) {
+            privateNames.add(path.get("key.id").node.name);
+          } else if (path.isStaticBlock()) {
+            staticBlockPath = path;
+          }
+        }
+        if (!staticBlockPath) {
+          return;
+        }
+        const staticBlockRef = t.privateName(
+          t.identifier(generateUid(scope, privateNames)),
+        );
+        classBody.pushContainer(
+          "body",
+          t.classPrivateProperty(
+            staticBlockRef,
+            template.expression.ast`(() => { ${staticBlockPath.node.body} })()`,
+            [],
+            /* static */ true,
+          ),
+        );
+        staticBlockPath.remove();
+      },
+    },
+  };
+});

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/class-binding/exec.js

@@ -0,0 +1,7 @@
+class Foo {
+  static {
+    this.foo = Foo.bar;
+  }
+  static bar = 42;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/class-declaration/exec.js

@@ -0,0 +1,7 @@
+class Foo {
+  static {
+    this.foo = this.bar;
+  }
+  static bar = 42;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/class-declaration/input.js

@@ -0,0 +1,7 @@
+class Foo {
+  static {
+    this.foo = this.bar;
+  }
+  static bar = 42;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/class-declaration/output.js

@@ -0,0 +1,8 @@
+class Foo {
+  static bar = 42;
+  static #_ = (() => {
+    this.foo = this.bar;
+  })();
+}
+
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/class-expression/exec.js

@@ -0,0 +1,6 @@
+class Foo {
+  static {
+    this.foo = 42;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/in-class-heritage/exec.js

@@ -0,0 +1,14 @@
+class Foo extends class extends class Base {
+  static {
+    this.qux = 21;
+  }
+} {
+  static {
+    this.bar = 21;
+  }
+} {
+  static {
+    this.foo = this.bar + this.qux;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/in-class-heritage/input.js

@@ -0,0 +1,14 @@
+class Foo extends class extends class Base {
+  static {
+    this.qux = 21;
+  }
+} {
+  static {
+    this.bar = 21;
+  }
+} {
+  static {
+    this.foo = this.bar + this.qux;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/in-class-heritage/output.js

@@ -0,0 +1,15 @@
+class Foo extends class extends class Base {
+  static #_ = (() => {
+    this.qux = 21;
+  })();
+} {
+  static #_ = (() => {
+    this.bar = 21;
+  })();
+} {
+  static #_ = (() => {
+    this.foo = this.bar + this.qux;
+  })();
+}
+
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/multiple-static-initializers/exec.js

@@ -0,0 +1,8 @@
+class Foo {
+  static #bar = 21;
+  static {
+    this.foo = this.#bar + this.qux;
+  }
+  static qux = 21;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/name-conflict/exec.js

@@ -0,0 +1,8 @@
+class Foo {
+  static #_ = 42;
+  // static block can not be tranformed as `#_` here
+  static {
+    this.foo = this.#_;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/name-conflict/input.js

@@ -0,0 +1,8 @@
+class Foo {
+  static #_ = 42;
+  // static block can not be tranformed as `#_` here
+  static {
+    this.foo = this.#_;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/name-conflict/output.js

@@ -0,0 +1,9 @@
+class Foo {
+  static #_ = 42; // static block can not be tranformed as `#_` here
+
+  static #_2 = (() => {
+    this.foo = this.#_;
+  })();
+}
+
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/non-static/exec.js

@@ -0,0 +1,7 @@
+class Foo {
+  bar = 21;
+  static {
+    this.foo = this.bar;
+  }
+}
+expect(Foo.foo).toBe(undefined);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/options.json

@@ -0,0 +1,4 @@
+{
+  "plugins": ["proposal-class-static-block", "syntax-class-properties"],
+  "minNodeVersion": "12.0.0"
+}

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/private-elements-access/exec.js

@@ -0,0 +1,8 @@
+let getFoo;
+class Foo {
+  static #foo = 42;
+  static {
+    getFoo = () => this.#foo;
+  }
+}
+expect(getFoo()).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/super-property/exec.js

@@ -0,0 +1,9 @@
+class Foo extends class {
+  static bar = 42;
+} {
+  static bar = 21;
+  static {
+    this.foo = super.bar;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/class-static-block/super-static-block/exec.js

@@ -0,0 +1,11 @@
+class Foo extends class {
+  static {
+    this.bar = 42;
+  }
+} {
+  static bar = 21;
+  static {
+    this.foo = super.bar;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/class-binding/exec.js

@@ -0,0 +1,7 @@
+class Foo {
+  static {
+    this.foo = Foo.bar;
+  }
+  static bar = 42;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/class-binding/input.js

@@ -0,0 +1,7 @@
+class Foo {
+  static {
+    this.foo = Foo.bar;
+  }
+  static bar = 42;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/class-binding/output.js

@@ -0,0 +1,12 @@
+var _ = babelHelpers.classPrivateFieldLooseKey("_");
+
+class Foo {}
+
+Foo.bar = 42;
+Object.defineProperty(Foo, _, {
+  writable: true,
+  value: (() => {
+    Foo.foo = Foo.bar;
+  })()
+});
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/class-declaration/exec.js

@@ -0,0 +1,7 @@
+class Foo {
+  static {
+    this.foo = this.bar;
+  }
+  static bar = 42;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/class-declaration/input.js

@@ -0,0 +1,7 @@
+class Foo {
+  static {
+    this.foo = this.bar;
+  }
+  static bar = 42;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/class-declaration/output.js

@@ -0,0 +1,12 @@
+var _ = babelHelpers.classPrivateFieldLooseKey("_");
+
+class Foo {}
+
+Foo.bar = 42;
+Object.defineProperty(Foo, _, {
+  writable: true,
+  value: (() => {
+    Foo.foo = Foo.bar;
+  })()
+});
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/class-expression/exec.js

@@ -0,0 +1,6 @@
+class Foo {
+  static {
+    this.foo = 42;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/in-class-heritage/exec.js

@@ -0,0 +1,14 @@
+class Foo extends class extends class Base {
+  static {
+    this.qux = 21;
+  }
+} {
+  static {
+    this.bar = 21;
+  }
+} {
+  static {
+    this.foo = this.bar + this.qux;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/in-class-heritage/input.js

@@ -0,0 +1,14 @@
+class Foo extends class extends class Base {
+  static {
+    this.qux = 21;
+  }
+} {
+  static {
+    this.bar = 21;
+  }
+} {
+  static {
+    this.foo = this.bar + this.qux;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/in-class-heritage/output.js

@@ -0,0 +1,23 @@
+var _class, _2, _temp, _class2, _3, _temp2;
+
+var _ = babelHelpers.classPrivateFieldLooseKey("_");
+
+class Foo extends (_temp = (_2 = babelHelpers.classPrivateFieldLooseKey("_"), _class = class extends (_temp2 = (_3 = babelHelpers.classPrivateFieldLooseKey("_"), _class2 = class Base {}), Object.defineProperty(_class2, _3, {
+  writable: true,
+  value: (() => {
+    _class2.qux = 21;
+  })()
+}), _temp2) {}), Object.defineProperty(_class, _2, {
+  writable: true,
+  value: (() => {
+    _class.bar = 21;
+  })()
+}), _temp) {}
+
+Object.defineProperty(Foo, _, {
+  writable: true,
+  value: (() => {
+    Foo.foo = Foo.bar + Foo.qux;
+  })()
+});
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/multiple-static-initializers/exec.js

@@ -0,0 +1,8 @@
+class Foo {
+  static #bar = 21;
+  static {
+    this.foo = this.#bar + this.qux;
+  }
+  static qux = 21;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/name-conflict/exec.js

@@ -0,0 +1,8 @@
+class Foo {
+  static #_ = 42;
+  // static block can not be tranformed as `#_` here
+  static {
+    this.foo = this.#_;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/name-conflict/input.js

@@ -0,0 +1,8 @@
+class Foo {
+  static #_ = 42;
+  // static block can not be tranformed as `#_` here
+  static {
+    this.foo = this.#_;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/name-conflict/output.js

@@ -0,0 +1,17 @@
+var _ = babelHelpers.classPrivateFieldLooseKey("_");
+
+var _2 = babelHelpers.classPrivateFieldLooseKey("_2");
+
+class Foo {}
+
+Object.defineProperty(Foo, _, {
+  writable: true,
+  value: 42
+});
+Object.defineProperty(Foo, _2, {
+  writable: true,
+  value: (() => {
+    Foo.foo = babelHelpers.classPrivateFieldLooseBase(Foo, _)[_];
+  })()
+});
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/non-static/exec.js

@@ -0,0 +1,7 @@
+class Foo {
+  bar = 21;
+  static {
+    this.foo = this.bar;
+  }
+}
+expect(Foo.foo).toBe(undefined);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/options.json

@@ -0,0 +1,9 @@
+{
+  "plugins": [
+    "proposal-class-static-block",
+    ["proposal-private-property-in-object", { "loose": true }],
+    ["proposal-private-methods", { "loose": true }],
+    ["proposal-class-properties", { "loose": true }],
+    "external-helpers"
+  ]
+}

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/private-elements-access/exec.js

@@ -0,0 +1,8 @@
+let getFoo;
+class Foo {
+  static #foo = 42;
+  static {
+    getFoo = () => this.#foo;
+  }
+}
+expect(getFoo()).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/private-in/exec.js

@@ -0,0 +1,7 @@
+class Foo {
+  static #bar = 21;
+  static {
+    this.foo = #bar in this;
+  }
+}
+expect(Foo.foo).toBe(true);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/private-methods-access/exec.js

@@ -0,0 +1,8 @@
+let getFoo;
+class Foo {
+  static #foo() { return 42 };
+  static {
+    getFoo = () => this.#foo();
+  }
+}
+expect(getFoo()).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/super-property/exec.js

@@ -0,0 +1,9 @@
+class Foo extends class {
+  static bar = 42;
+} {
+  static bar = 21;
+  static {
+    this.foo = super.bar;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/super-static-block/exec.js

@@ -0,0 +1,11 @@
+class Foo extends class {
+  static {
+    this.bar = 42;
+  }
+} {
+  static bar = 21;
+  static {
+    this.foo = super.bar;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/super-static-block/input.js

@@ -0,0 +1,11 @@
+class Foo extends class {
+  static {
+    this.bar = 42;
+  }
+} {
+  static bar = 21;
+  static {
+    this.foo = super.bar;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration-loose/super-static-block/output.js

@@ -0,0 +1,26 @@
+var _class, _2, _temp;
+
+var _ = babelHelpers.classPrivateFieldLooseKey("_");
+
+class Foo extends (_temp = (_2 = babelHelpers.classPrivateFieldLooseKey("_"), _class = class {}), Object.defineProperty(_class, _2, {
+  writable: true,
+  value: (() => {
+    _class.bar = 42;
+  })()
+}), _temp) {}
+
+Foo.bar = 21;
+Object.defineProperty(Foo, _, {
+  writable: true,
+  value: (() => {
+    var _class2, _3, _temp2;
+
+    Foo.foo = (_temp2 = (_3 = babelHelpers.classPrivateFieldLooseKey("_"), _class2 = class {}), Object.defineProperty(_class2, _3, {
+      writable: true,
+      value: (() => {
+        _class2.bar = 42;
+      })()
+    }), _temp2).bar;
+  })()
+});
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/class-binding/exec.js

@@ -0,0 +1,7 @@
+class Foo {
+  static {
+    this.foo = Foo.bar;
+  }
+  static bar = 42;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/class-binding/input.js

@@ -0,0 +1,7 @@
+class Foo {
+  static {
+    this.foo = Foo.bar;
+  }
+  static bar = 42;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/class-binding/output.js

@@ -0,0 +1,10 @@
+class Foo {}
+
+babelHelpers.defineProperty(Foo, "bar", 42);
+var _ = {
+  writable: true,
+  value: (() => {
+    Foo.foo = Foo.bar;
+  })()
+};
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/class-declaration/exec.js

@@ -0,0 +1,7 @@
+class Foo {
+  static {
+    this.foo = this.bar;
+  }
+  static bar = 42;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/class-declaration/input.js

@@ -0,0 +1,7 @@
+class Foo {
+  static {
+    this.foo = this.bar;
+  }
+  static bar = 42;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/class-declaration/output.js

@@ -0,0 +1,10 @@
+class Foo {}
+
+babelHelpers.defineProperty(Foo, "bar", 42);
+var _ = {
+  writable: true,
+  value: (() => {
+    Foo.foo = Foo.bar;
+  })()
+};
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/class-expression/exec.js

@@ -0,0 +1,6 @@
+class Foo {
+  static {
+    this.foo = 42;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/in-class-heritage/exec.js

@@ -0,0 +1,14 @@
+class Foo extends class extends class Base {
+  static {
+    this.qux = 21;
+  }
+} {
+  static {
+    this.bar = 21;
+  }
+} {
+  static {
+    this.foo = this.bar + this.qux;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/in-class-heritage/input.js

@@ -0,0 +1,14 @@
+class Foo extends class extends class Base {
+  static {
+    this.qux = 21;
+  }
+} {
+  static {
+    this.bar = 21;
+  }
+} {
+  static {
+    this.foo = this.bar + this.qux;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/in-class-heritage/output.js

@@ -0,0 +1,21 @@
+var _class, _temp, _2, _class2, _temp2, _3;
+
+class Foo extends (_temp = _class = class extends (_temp2 = _class2 = class Base {}, _3 = {
+  writable: true,
+  value: (() => {
+    _class2.qux = 21;
+  })()
+}, _temp2) {}, _2 = {
+  writable: true,
+  value: (() => {
+    _class.bar = 21;
+  })()
+}, _temp) {}
+
+var _ = {
+  writable: true,
+  value: (() => {
+    Foo.foo = Foo.bar + Foo.qux;
+  })()
+};
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/multiple-static-initializers/exec.js

@@ -0,0 +1,8 @@
+class Foo {
+  static #bar = 21;
+  static {
+    this.foo = this.#bar + this.qux;
+  }
+  static qux = 21;
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/name-conflict/exec.js

@@ -0,0 +1,8 @@
+class Foo {
+  static #_ = 42;
+  // static block can not be tranformed as `#_` here
+  static {
+    this.foo = this.#_;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/name-conflict/input.js

@@ -0,0 +1,8 @@
+class Foo {
+  static #_ = 42;
+  // static block can not be tranformed as `#_` here
+  static {
+    this.foo = this.#_;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/name-conflict/output.js

@@ -0,0 +1,15 @@
+function _classStaticPrivateFieldSpecGet(receiver, classConstructor, descriptor) { if (receiver !== classConstructor) { throw new TypeError("Private static access of wrong provenance"); } if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
+
+class Foo {}
+
+var _ = {
+  writable: true,
+  value: 42
+};
+var _2 = {
+  writable: true,
+  value: (() => {
+    Foo.foo = _classStaticPrivateFieldSpecGet(Foo, Foo, _);
+  })()
+};
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/non-static/exec.js

@@ -0,0 +1,7 @@
+class Foo {
+  bar = 21;
+  static {
+    this.foo = this.bar;
+  }
+}
+expect(Foo.foo).toBe(undefined);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/options.json

@@ -0,0 +1,9 @@
+{
+  "plugins": [
+    "proposal-class-static-block",
+    "proposal-private-property-in-object",
+    "proposal-private-methods",
+    "proposal-class-properties",
+    "external-helpers"
+  ]
+}

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/private-elements-access/exec.js

@@ -0,0 +1,8 @@
+let getFoo;
+class Foo {
+  static #foo = 42;
+  static {
+    getFoo = () => this.#foo;
+  }
+}
+expect(getFoo()).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/private-in/exec.js

@@ -0,0 +1,7 @@
+class Foo {
+  static #bar = 21;
+  static {
+    this.foo = #bar in this;
+  }
+}
+expect(Foo.foo).toBe(true);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/private-methods-access/exec.js

@@ -0,0 +1,8 @@
+let getFoo;
+class Foo {
+  static #foo() { return 42 };
+  static {
+    getFoo = () => this.#foo();
+  }
+}
+expect(getFoo()).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/super-property/exec.js

@@ -0,0 +1,9 @@
+class Foo extends class {
+  static bar = 42;
+} {
+  static bar = 21;
+  static {
+    this.foo = super.bar;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/integration/super-static-block/exec.js

@@ -0,0 +1,11 @@
+class Foo extends class {
+  static {
+    this.bar = 42;
+  }
+} {
+  static bar = 21;
+  static {
+    this.foo = super.bar;
+  }
+}
+expect(Foo.foo).toBe(42);

packages/babel-plugin-proposal-class-static-block/test/fixtures/options.json

@@ -0,0 +1,3 @@
+{
+  "plugins": ["proposal-class-static-block"]
+}

packages/babel-plugin-proposal-class-static-block/test/index.js

@@ -0,0 +1,3 @@
+import runner from "@babel/helper-plugin-test-runner";
+
+runner(__dirname);

packages/babel-plugin-proposal-class-static-block/test/plugin-ordering.test.js

@@ -0,0 +1,41 @@
+import * as babel from "@babel/core";
+import proposalClassStaticBlock from "../lib/index.js";
+
+describe("plugin ordering", () => {
+  it("should throw when @babel/plugin-proposal-class-static-block is after class features plugin", () => {
+    const source = `class Foo {
+  static {
+    this.foo = Foo.bar;
+  }
+  static bar = 42;
+}
+`;
+    expect(() => {
+      babel.transform(source, {
+        filename: "example.js",
+        highlightCode: false,
+        configFile: false,
+        babelrc: false,
+        plugins: [
+          "@babel/plugin-proposal-class-properties",
+          proposalClassStaticBlock,
+        ],
+      });
+    })
+      .toThrow(`Incorrect plugin order, \`@babel/plugin-proposal-class-static-block\` should be placed before class features plugins
+{
+  "plugins": [
+    "@babel/plugin-proposal-class-static-block",
+    "@babel/plugin-proposal-private-property-in-object",
+    "@babel/plugin-proposal-private-methods",
+    "@babel/plugin-proposal-class-properties",
+  ]
+}
+  1 | class Foo {
+> 2 |   static {
+    |   ^
+  3 |     this.foo = Foo.bar;
+  4 |   }
+  5 |   static bar = 42;`);
+  });
+});