enuchi / React-Google-Apps-Script

This is your boilerplate project for developing React apps inside Google Sheets, Docs, Forms and Slides projects. It's perfect for personal projects and for publishing complex add-ons in the Google Workspace Marketplace.
MIT License
1.32k stars 171 forks source link

add: support source maps for tsx #186

Open tomzacchia opened 1 year ago

tomzacchia commented 1 year ago

As describe in this babel-loader issue this configuration is needed to see/debug original code in devtools > soruces

// DummyComponent.tsx in DevTools when sourceMap: false

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
exports.__esModule = true;
var react_1 = __importDefault(require("react"));
function DummyComponent() {
    return (react_1["default"].createElement("div", null,
        react_1["default"].createElement("h1", null, "hello world")));
}
exports["default"] = DummyComponent;

// DummyComponent.tsx in DevTools when sourceMap: true

import React from 'react';

function DummyComponent() {
  return (
    <div>
      <h1>hello world</h1>
    </div>
  );
}

export default DummyComponent;