refactor: update syntax and types to new ast

Author: micantoine

src/parsers/importDeclaration.ts

@@ -3,15 +3,15 @@ import path from 'path';
 import fs, { constants } from 'fs';
 import MagicString from 'magic-string';
 import { parse } from 'svelte/compiler';
-import { walk } from 'estree-walker';
-import type { TemplateNode } from 'svelte/types/compiler/interfaces.d';
+import { walk, type BaseNode } from 'estree-walker';
+import type { TemplateNode } from 'svelte/types/compiler/interfaces';
 import type Processor from '../processors/processor';
 
 /**
  * Parse CssModules Imports
  */
 export default (processor: Processor): void => {
-  const ast = (processor.ast as unknown) as TemplateNode;
+  const ast = processor.ast as unknown as BaseNode;
   const backup = {
     ast: processor.ast,
     magicContent: processor.magicContent,

src/parsers/template.ts

@@ -1,5 +1,5 @@
-import { walk } from 'estree-walker';
-import type { Attribute, TemplateNode } from 'svelte/types/compiler/interfaces.d';
+import { walk, type BaseNode } from 'estree-walker';
+import type { Attribute, TemplateNode } from 'svelte/types/compiler/interfaces';
 import type Processor from '../processors/processor';
 
 interface CssVariables {
@@ -118,7 +118,7 @@ export default (processor: Processor): void => {
 
   const cssVar = cssVariables(processor);
 
-  walk(processor.ast.html, {
+  walk(processor.ast.html as BaseNode, {
     enter(baseNode) {
       const node = baseNode as TemplateNode;
       if (node.type === 'Script' || node.type === 'Style') {

src/processors/mixed.ts

@@ -1,5 +1,5 @@
-import { walk } from 'estree-walker';
-import type { Ast, TemplateNode } from 'svelte/types/compiler/interfaces.d';
+import { walk, type BaseNode } from 'estree-walker';
+import type { Ast, TemplateNode } from 'svelte/types/compiler/interfaces';
 import type { PluginOptions } from '../types';
 import Processor from './processor';
 
@@ -31,7 +31,7 @@ const updateSelectorBoundaries = (
  * @param processor The CSS Module Processor
  */
 const parser = (processor: Processor): void => {
-  const ast = (processor.ast as unknown) as TemplateNode;
+  const ast = processor.ast as unknown as BaseNode;
   walk(ast, {
     enter(baseNode) {
       const node = baseNode as TemplateNode;

src/processors/native.ts

@@ -1,5 +1,5 @@
-import { walk } from 'estree-walker';
-import type { Ast, TemplateNode } from 'svelte/types/compiler/interfaces.d';
+import { walk, type BaseNode } from 'estree-walker';
+import type { Ast, TemplateNode } from 'svelte/types/compiler/interfaces';
 import type { PluginOptions } from '../types';
 import Processor from './processor';
 
@@ -32,7 +32,7 @@ const updateSelectorBoundaries = (
  * @param processor The CSS Module Processor
  */
 const parser = (processor: Processor): void => {
-  const ast = (processor.ast as unknown) as TemplateNode;
+  const ast = processor.ast as unknown as BaseNode;
   let selectorBoundaries: Boundaries[] = [];
 
   walk(ast, {

src/processors/processor.ts

@@ -22,7 +22,7 @@ export default class Processor {
 
   public ast: Ast;
   public style: {
-    ast: Style;
+    ast?: Style;
     openTag: string;
     closeTag: string;
   };
@@ -62,7 +62,7 @@ export default class Processor {
     const generatedClassName = createClassName(
       this.filename,
       this.rawContent,
-      this.ast.css.content.styles,
+      this.ast.css?.content.styles ?? '',
       name,
       this.options
     );
@@ -125,7 +125,7 @@ export default class Processor {
           const varName = child.type === 'String' ? name.replace(/\./, '-') : name;
           const generatedVarName = generateName(
             this.filename,
-            this.ast.css.content.styles,
+            this.ast.css?.content.styles ?? '',
             varName,
             {
               hashSeeder: ['style', 'filepath'],

src/processors/scoped.ts

@@ -1,5 +1,6 @@
-import { walk } from 'estree-walker';
-import type { Ast, TemplateNode } from 'svelte/types/compiler/interfaces.d';
+import { walk, type BaseNode } from 'estree-walker';
+import type { Ast, TemplateNode } from 'svelte/types/compiler/interfaces';
+
 import type { PluginOptions } from '../types';
 import Processor from './processor';
 
@@ -8,7 +9,7 @@ import Processor from './processor';
  * @param processor The CSS Module Processor
  */
 const parser = (processor: Processor): void => {
-  const ast = (processor.ast as unknown) as TemplateNode;
+  const ast = processor.ast as unknown as BaseNode;
   walk(ast, {
     enter(baseNode) {
       const node = baseNode as TemplateNode;