Re-implemented PostCSS container

Author: marekdedic

src/ast/style.ts

@@ -1,16 +1,87 @@
-import type { Node, Container } from "postcss";
-import type { BaseNode } from "./base";
+import type { Node, ChildProps, Container } from "postcss";
+import type { Locations } from "./common";
+
+type ESLintCompatiblePostCSSContainer<
+  PostCSSNode extends Node,
+  Child extends Node
+> = {
+  each(
+    callback: (
+      node: ESLintCompatiblePostCSSNode<Child>,
+      index: number
+    ) => false | void
+  ): false | undefined;
+  every(
+    condition: (
+      node: ESLintCompatiblePostCSSNode<Child>,
+      index: number,
+      nodes: ESLintCompatiblePostCSSNode<Child>[]
+    ) => boolean
+  ): boolean;
+  get first(): ESLintCompatiblePostCSSNode<Child> | undefined;
+  index(child: ESLintCompatiblePostCSSNode<Child> | number): number;
+  insertAfter(
+    oldNode: ESLintCompatiblePostCSSNode<Child> | number,
+    newNode:
+      | ESLintCompatiblePostCSSNode<Child>
+      | ChildProps
+      | string
+      | ESLintCompatiblePostCSSNode<Child>[]
+      | ChildProps[]
+      | string[]
+  ): ESLintCompatiblePostCSSNode<PostCSSNode>;
+  insertBefore(
+    oldNode: ESLintCompatiblePostCSSNode<Child> | number,
+    newNode:
+      | ESLintCompatiblePostCSSNode<Child>
+      | ChildProps
+      | string
+      | ESLintCompatiblePostCSSNode<Child>[]
+      | ChildProps[]
+      | string[]
+  ): ESLintCompatiblePostCSSNode<PostCSSNode>;
+  get last(): ESLintCompatiblePostCSSNode<Child> | undefined;
+  nodes: ESLintCompatiblePostCSSNode<Child>[];
+  push(
+    child: ESLintCompatiblePostCSSNode<Child>
+  ): ESLintCompatiblePostCSSNode<PostCSSNode>;
+  removeChild(
+    child: ESLintCompatiblePostCSSNode<Child> | number
+  ): ESLintCompatiblePostCSSNode<PostCSSNode>;
+  some(
+    condition: (
+      node: ESLintCompatiblePostCSSNode<Child>,
+      index: number,
+      nodes: ESLintCompatiblePostCSSNode<Child>[]
+    ) => boolean
+  ): boolean;
+  walk(
+    callback: (
+      node: ESLintCompatiblePostCSSNode<Child>,
+      index: number
+    ) => false | void
+  ): false | undefined;
+};
 
 export type ESLintCompatiblePostCSSNode<PostCSSNode extends Node = Node> =
-  BaseNode &
-    Omit<PostCSSNode, "walk"> &
-    (PostCSSNode extends Container<infer Child>
-      ? {
-          walk(
-            callback: (
-              node: ESLintCompatiblePostCSSNode<Child>,
-              index: number
-            ) => false | void
-          ): false | undefined;
-        }
+  Locations &
+    Omit<
+      PostCSSNode,
+      | "each"
+      | "every"
+      | "first"
+      | "index"
+      | "insertAfter"
+      | "insertBefore"
+      | "last"
+      | "nodes"
+      | "push"
+      | "removeChild"
+      | "some"
+      | "type"
+      | "walk"
+    > & {
+      type: `SvelteStyle-${PostCSSNode["type"]}`;
+    } & (PostCSSNode extends Container<infer Child>
+      ? ESLintCompatiblePostCSSContainer<PostCSSNode, Child>
       : unknown);

src/parser/converts/root.ts

@@ -209,7 +209,7 @@ function convertPostCSSNodeToESLintNode<PostCSSNode extends Node>(
   styleLoc: SourceLocation,
   styleRange: { start: number; end: number }
 ) {
-  node.type = `SvelteStyle-${node.type}`;
+  node.type = `SvelteStyle-${node.type as PostCSSNode["type"]}`;
   const startOffset = styleRange.start + (node.source?.start?.offset ?? 0);
   const endOffset =
     node.source?.end !== undefined