daybrush / ast-parser

ast parser

My Components

• Scena: Animation Editor (Main Project)
• Moveable: Move tool for Drag & Resize & Rotate.
• Scene.js: JavaScript & CSS timeline-based animation library
• Selecto: Select elements in the drag area using the mouse or touch.
• Infinite Viewer: Document Viewer Component with infinite scrolling
• Guides: Draw ruler and manage guidelines.
• Scene.js Timeline: Represents the timeline of Scene.js. You can control time, properties, and items.
• Ruler: Draw grids and scroll infinitely
• Gesto: drag or pinch in any browser.

ast-parser's Issues

Webpack error if trying to use inside react-create-app app

Updated to newest react v18, react-scripts 5.0.1 but still getting this issue just by importing or require of ast-parser

BlockStatement is not handled correctly

ast-parser/parser.js

Line 329 in 42659a9

tempalte: '{}'

First I have notice there is naming error temaplte vs template.
Then when content of this type of nodes is lost and can be accessed when traversing result AST.

Example for which I have tested it:

@Injectable()
export class NotesFiltersEffects {
  getFromLocalStorage$ = createEffect(() =>
    this.actions
      .pipe(
        ofType(getNotesFiltersFromLocalStorage),
        map(({defaultNoteFilter}: { defaultNoteFilter: NotesFiltersInterface}) => {
          let existingNoteFilter: NotesFiltersInterface | null = JSON.parse(localStorage.getItem(defaultNoteFilter.id));
          if (!existingNoteFilter) {
            return getNotesFiltersFromLocalStorageFail({defaultNoteFilter});
          } else {
            if (!existingNoteFilter.searchPhrases) {
              existingNoteFilter = {
                ...existingNoteFilter,
                searchPhrases: []
              };
            }
            return getNotesFiltersFromLocalStorageSuccess({existingNoteFilter});
          }
        })
      )
  );
  constructor(private actions: Actions) {
  }
}

Reproduce:

import * as fs from 'fs'
import { parse as babelParse } from '@babel/parser'
import { parse as astParse } from 'ast-parser'

function getNode(code) {
  return babelParse(code, {
    sourceType: 'module',
    plugins: [
      'classProperties',
      'typescript',
      'decorators-legacy'
    ],
  });
}

const source = fs.readFileSync('test.ts', { encoding: 'utf8' });

const ast = astParse(getNode(source));

function hereIsProblem(node) {
  console.log('NODE:', node);
  console.log('MISING FUNCTION BODY:', node.string)
}

ast.program.body
  .filter(({ nodeType }) => nodeType === 'ExportNamedDeclaration')
  .map(({ declaration }) => declaration)
  .filter(({ nodeType }) => nodeType === 'ClassDeclaration')
  .forEach((declaration) => {
    try {
      declaration.body.body.filter(({ nodeType }) => nodeType === 'ClassProperty').forEach((property) => {

        if (property.value.nodeType === 'CallExpression') {
          if (property.value.callee.name === 'createEffect') {
            const createEffectCallbackSourceAST = property.value.arguments[ 0 ].body;
            if (createEffectCallbackSourceAST.nodeType !== 'CallExpression') {
              throw Error('Unhandled createEffect body')
            }

            if (!createEffectCallbackSourceAST.callee.string.startsWith('this.actions')) {
              throw Error('None standard use of createEffect callback');
            }

            const pipe = createEffectCallbackSourceAST.arguments;

            const lastIndexOfTriggers = pipe.findIndex(({ callee: { name } }) => name === 'ofType');
            const effectActionsTriggers = pipe.slice(lastIndexOfTriggers + 1);

            effectActionsTriggers.forEach((trigger) => hereIsProblem(trigger));
          }
        } else {
          throw new Error(`Unhandled property type: ${ property.value.nodeType } `)
        }

      });
    } catch (e) {
      console.error('effect module parsing error/class property', e)
    }
  });