fix: use walk from svete/compier to estree-walker

micantoine#100

Author: ryoppippi

package.json

@@ -57,6 +57,7 @@
   "dependencies": {
     "acorn": "^8.5.0",
     "big.js": "^6.1.1",
+    "estree-walker": "^3.0.0",
     "magic-string": "^0.25.7"
   },
   "devDependencies": {
@@ -68,7 +69,6 @@
     "eslint-config-airbnb-base": "^14.2.0",
     "eslint-config-prettier": "^6.15.0",
     "eslint-plugin-import": "^2.22.1",
-    "estree-walker": "^3.0.0",
     "husky": "^4.3.0",
     "jest": "^26.0.1",
     "lint-staged": "^10.5.1",

src/parsers/importDeclaration.ts

@@ -2,15 +2,16 @@
 import path from 'path';
 import fs, { constants } from 'fs';
 import MagicString from 'magic-string';
-import { parse, walk } from 'svelte/compiler';
+import { parse } from 'svelte/compiler';
+import { walk } from 'estree-walker';
 import type { TemplateNode } from 'svelte/types/compiler/interfaces.d';
 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 TemplateNode;
   const backup = {
     ast: processor.ast,
     magicContent: processor.magicContent,

src/parsers/template.ts

@@ -1,4 +1,4 @@
-import { walk } from 'svelte/compiler';
+import { walk } from 'estree-walker';
 import type { Attribute, TemplateNode } from 'svelte/types/compiler/interfaces.d';
 import type Processor from '../processors/processor';
 

src/processors/mixed.ts

@@ -1,4 +1,4 @@
-import { walk } from 'svelte/compiler';
+import { walk } from 'estree-walker';
 import type { Ast, TemplateNode } from 'svelte/types/compiler/interfaces.d';
 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 TemplateNode;
   walk(ast, {
     enter(baseNode) {
       const node = baseNode as TemplateNode;

src/processors/native.ts

@@ -1,4 +1,4 @@
-import { walk } from 'svelte/compiler';
+import { walk } from 'estree-walker';
 import type { Ast, TemplateNode } from 'svelte/types/compiler/interfaces.d';
 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 TemplateNode;
   let selectorBoundaries: Boundaries[] = [];
 
   walk(ast, {

src/processors/scoped.ts

@@ -1,4 +1,4 @@
-import { walk } from 'svelte/compiler';
+import { walk } from 'estree-walker';
 import type { Ast, TemplateNode } from 'svelte/types/compiler/interfaces.d';
 import type { PluginOptions } from '../types';
 import Processor from './processor';
@@ -8,7 +8,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 TemplateNode;
   walk(ast, {
     enter(baseNode) {
       const node = baseNode as TemplateNode;

tasks/parser.mjs

@@ -2,7 +2,7 @@
 import { readdir, lstat, readFile, existsSync, writeFile } from 'fs';
 import { resolve, dirname } from 'path';
 import { Parser } from 'acorn';
-import { walk } from 'svelte/compiler';
+import { walk } from 'estree-walker';
 import MagicString from 'magic-string';
 
 const parseDir = (dir) => {

test/compiler.js

@@ -1,4 +1,4 @@
-const svelte = require('svelte/compiler');
+const svelte = require('estree-walker');
 const cssModules = require('../');
 
 module.exports = async ({ source }, options) => {