add code for ast generation

__tests__/.eslintrc.json

@@ -22,6 +22,7 @@
   },
   "plugins": ["jest", "@typescript-eslint"],
   "rules": {
-    "@typescript-eslint/no-explicit-any": 0
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/explicit-function-return-type": 0
   }
 }

__tests__/lib/index.test.ts

@@ -1,4 +1,4 @@
-import * as lib from '../../src/lib'
+import * as lib from '../../src/'
 
 describe('vue2-migration-helper', () => {
   test('should be defined', () => {

src/.eslintrc.json

@@ -20,6 +20,7 @@
   },
   "plugins": ["@typescript-eslint"],
   "rules": {
-    "@typescript-eslint/no-explicit-any": 0
+    "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/explicit-function-return-type": 0
   }
 }

src/index.ts

@@ -1 +1,46 @@
-export default {}
+import { types } from '@babel/core'
+import traverse from '@babel/traverse'
+
+import { getAst } from './lib/ast-utilities'
+import { getTemplate } from './lib/template-utilities'
+
+// TODO: add reactive properties definitions
+// TODO: convert computed syntax
+// TODO: convert watch syntax
+// TODO: convert methods syntax
+// TODO: convert life-cycle hooks
+// TODO: convert props syntax
+// TODO: update this.$event usage
+
+export async function vue2MigrationHelper(options: {
+  path: string
+}): Promise<void> {
+  const template = await getTemplate(options.path)
+  const ast = getAst(template.script)
+
+  traverse(ast, {
+    enter(path) {
+      const { type } = path.node
+
+      if (type === 'Program') {
+        // insert vue 3 imports
+        const importNode = types.importDeclaration(
+          [
+            types.importSpecifier(
+              types.identifier('ref'),
+              types.identifier('ref')
+            )
+            // types.importSpecifier('watch'),
+            // types.importSpecifier('computed'),
+            // types.importSpecifier('onMounted '),
+          ],
+          types.stringLiteral('vue')
+        )
+
+        // path.node.body.unshift(types.importNode(importNode))
+
+        console.log(path.node)
+      }
+    }
+  })
+}

src/lib/ast-utilities.ts

@@ -0,0 +1,20 @@
+import babelParser from '@babel/parser'
+
+export function getAst(source: string) {
+  const ast = babelParser.parse(source, {
+    sourceType: 'module',
+    plugins: [
+      'typescript',
+      'dynamicImport',
+      'objectRestSpread',
+      'logicalAssignment',
+      'estree'
+    ]
+  })
+
+  return ast
+}
+
+export default {
+  getAst
+}

src/lib/template-utilities.ts

@@ -0,0 +1,21 @@
+import fs from 'fs'
+import xml2js from 'xml2js'
+
+export async function getTemplate(path: string) {
+  const source = fs.readFileSync(path, 'utf-8')
+  const template: {
+    root: {
+      template: string[]
+      style: string[]
+      script: string[]
+    }
+  } = await xml2js.parseStringPromise(`<root>${source}</root>`)
+
+  return {
+    template: template.root.template.join(''),
+    script: template.root.script.join(''),
+    style: template.root.style.join('')
+  }
+}
+
+export default { getTemplate }