jossydevers/transpiler-js

Transpile javascript code with Babel 7 to make it cross-browser compatible.

Transpiler-JS Action

Package Managers

License

Version

Github action to transpile javascript code to make it cross-browser compatible, using @babel/cli, @babel/core and @babel/preset-env packages.

Usage

Here the target branch is master. You need to checkout your repository so the ES2015 Trasnpiler job can access it. Then, you can auto-commit the files to the repository if desired.

name: Transpiler-JS Workflow
on:
  push:
    branches: [ master ]

jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      # Checks-out your repository
      - uses: actions/checkout@v2
        with:
          ref: ${{ github.ref }}
          
      # Job for transpiler the code
      - name: 'Transpiler-JS Action'
        uses: jossydevers/[email protected]
        with:
          # If the typename is specified, the transpilation result file will be as follows path/filename.{tipename}.js
          # By default the value is 'release'
          typename: 'release' # (OPTIONAL)
          # Directory in which to start searching for files to transpile
          # By default the entire repository is transpiled
          directory: 'src/' # (OPTIONAL)
          # Directory where the transpilation result will be stored
          # By default each transpiled file is saved in the folder next to the original file
          output: 'transpile/' # (OPTIONAL)
          
      # Auto-commit to repository
      - uses: stefanzweifel/git-auto-commit-action@v4
        with:
          commit_message: 'Github Action : Code Transpiled'
          branch: ${{ github.ref }}

transpiler-js's Issues

Commits the node_modules directory in a non-node project

It does not have support for Class properties.

SyntaxError: /github/workspace/assets/js/main.js: Support for the experimental syntax 'classProperties' isn't currently enabled (2:27):

  1 | class  Theme{
> 2 |     hasMenuOpacityEnabled = false;
    |                           ^
  3 |     hoveredIn = false;
  4 | 
  5 |     LIGHT_LIGHT = "light_light_theme";

There is already a fix around on stackoverflow - Link here.

Typename breaks all the require statements

I'm currently trying to use this action to transpile my package code before publishing to npm and unfortunately it breaks every require links because of the new file names, is there any way to fix this?