wip

Author: silesky

packages/signals/signals-runtime/build-signals-runtime-global.js

@@ -2,7 +2,7 @@ const esbuild = require('esbuild')
 const path = require('path')
 const fs = require('fs')
 const fsPromises = fs.promises
-const { execSync } = require('child_process')
+const babel = require('esbuild-plugin-babel-cjs')
 
 const getBanner = (entryPoint) => {
   const content = [
@@ -64,40 +64,44 @@ const buildRuntimeAsString = async (platform) => {
   console.log(`wrote: ${generatedTsFile}`)
 }
 
-const compileToEs5WithBabel = (outFile) => {
-  // While esbuild supports target: es5 natively, we use babel because esbuild chokes with errors. e.g.:
-  // ✘ [ERROR] Transforming const to the configured target environment ("es5") is not supported yet
-  return execSync(
-    `npx babel ${outFile} --out-file ${outFile} --config-file ./babel.config.js`
-  )
-}
-
 const buildRuntime = async (platform) => {
   const entryPoint = getEntryPoint(platform)
   const { outfileUnminified, outfileMinified } = getOutFiles(platform)
 
-  // Build minified version
+  // Transpile with Babel
+  const transpiledFile = `./dist/runtime/index.${platform}.transpiled.js`
   await esbuild.build({
     entryPoints: [entryPoint],
+    outfile: transpiledFile,
+    bundle: true,
+    minify: false,
+    plugins: [
+      babel({
+        config: {
+          presets: ['@babel/preset-env', '@babel/preset-typescript'],
+        },
+      }),
+    ],
+  })
+
+  // Bundle and minify with esbuild
+  await esbuild.build({
+    entryPoints: [transpiledFile],
     outfile: outfileMinified,
     bundle: true,
     minify: true,
     banner: { js: getBanner(entryPoint) },
   })
-  compileToEs5WithBabel(outfileMinified)
   console.log(`wrote: ${outfileMinified}`)
 
-  // Build unminified version
+  // Bundle without minification
   await esbuild.build({
-    entryPoints: [entryPoint],
+    entryPoints: [transpiledFile],
     outfile: outfileUnminified,
     bundle: true,
     minify: false,
     banner: { js: getBanner(entryPoint) },
   })
-
-  // Compile to ES5
-  compileToEs5WithBabel(outfileUnminified)
   console.log(`wrote: ${outfileUnminified}`)
 }
 

packages/signals/signals-runtime/package.json

@@ -47,7 +47,10 @@
     "@babel/cli": "^7.22.10",
     "@babel/core": "^7.22.11",
     "@babel/preset-env": "^7.22.10",
+    "@babel/preset-typescript": "^7.22.11",
     "@internal/test-helpers": "workspace:^",
-    "@microsoft/api-extractor": "^7.47.9"
+    "@microsoft/api-extractor": "^7.47.9",
+    "babel-preset-minify": "^0.5.2",
+    "esbuild-plugin-babel-cjs": "^1.0.0"
   }
 }

packages/signals/signals-runtime/src/mobile/get-runtime-code.generated.ts

@@ -2,125 +2,6 @@
 // GENERATED, DO NOT EDIT
 // Entry point: src/mobile/index.signals-runtime.ts
 export const getRuntimeCode = (): string => `
-"use strict";
-
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-(function () {
-  var g = Object.defineProperty;
-  var f = function f(r, n) {
-    for (var e in n) g(r, e, {
-      get: n[e],
-      enumerable: !0
-    });
-  };
-  var l = {};
-  f(l, {
-    EventType: function EventType() {
-      return d;
-    },
-    LocalDataAction: function LocalDataAction() {
-      return c;
-    },
-    NavigationAction: function NavigationAction() {
-      return S;
-    },
-    NetworkAction: function NetworkAction() {
-      return u;
-    },
-    SignalType: function SignalType() {
-      return p;
-    }
-  });
-  var p = Object.freeze({
-      Interaction: "interaction",
-      Navigation: "navigation",
-      Network: "network",
-      LocalData: "localData",
-      Instrumentation: "instrumentation",
-      UserDefined: "userDefined"
-    }),
-    d = Object.freeze({
-      Track: "track",
-      Page: "page",
-      Screen: "screen",
-      Identify: "identify",
-      Group: "group",
-      Alias: "alias"
-    }),
-    S = Object.freeze({
-      Forward: "forward",
-      Backward: "backward",
-      Modal: "modal",
-      Entering: "entering",
-      Leaving: "leaving",
-      Page: "page",
-      Popup: "popup"
-    }),
-    u = Object.freeze({
-      Request: "request",
-      Response: "response"
-    }),
-    c = Object.freeze({
-      Loaded: "loaded",
-      Updated: "updated",
-      Saved: "saved",
-      Deleted: "deleted",
-      Undefined: "undefined"
-    });
-  var a = /*#__PURE__*/_createClass(function a() {
-    var _this = this;
-    var n = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    _classCallCheck(this, a);
-    this.find = function (n, e, i) {
-      return _this.filter(n, e, i)[0];
-    };
-    this.filter = function (n, e, i) {
-      var o = function o(s) {
-        return s.type === e;
-      };
-      return _this.signalBuffer.slice(_this.signalBuffer.indexOf(n) + 1).filter(o).filter(function (s) {
-        return i ? i(s) : function () {
-          return !0;
-        };
-      });
-    };
-    this.signalBuffer = n;
-  });
-  var t = /*#__PURE__*/function (_a) {
-    _inherits(t, _a);
-    var _super = _createSuper(t);
-    function t() {
-      var _this2;
-      var e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      _classCallCheck(this, t);
-      _this2 = _super.call(this, e);
-      _this2.add = function (e) {
-        _this2.signalCounter < 0 && (_this2.signalCounter = 0), "index" in e && e.index == -1 && (e.index = _this2.getNextIndex()), _this2.signalBuffer.unshift(e), _this2.signalBuffer.length > _this2.maxBufferSize && _this2.signalBuffer.pop();
-      };
-      _this2.getNextIndex = function () {
-        var e = _this2.signalCounter;
-        return _this2.signalCounter += 1, e;
-      };
-      _this2.signalCounter = 0, _this2.maxBufferSize = 1e3;
-      return _this2;
-    }
-    return _createClass(t);
-  }(a);
-  Object.assign(globalThis, {
-    signals: new t()
-  }, l);
-})();
+"use strict";(()=>{(()=>{var _=Object.defineProperty,h=(t,e)=>{for(var n in e)_(t,n,{get:e[n],enumerable:!0})},s={};h(s,{EventType:()=>S,LocalDataAction:()=>j,NavigationAction:()=>w,NetworkAction:()=>P,SignalType:()=>O});var O=Object.freeze({Interaction:"interaction",Navigation:"navigation",Network:"network",LocalData:"localData",Instrumentation:"instrumentation",UserDefined:"userDefined"}),S=Object.freeze({Track:"track",Page:"page",Screen:"screen",Identify:"identify",Group:"group",Alias:"alias"}),w=Object.freeze({Forward:"forward",Backward:"backward",Modal:"modal",Entering:"entering",Leaving:"leaving",Page:"page",Popup:"popup"}),P=Object.freeze({Request:"request",Response:"response"}),j=Object.freeze({Loaded:"loaded",Updated:"updated",Saved:"saved",Deleted:"deleted",Undefined:"undefined"});function a(t){"@babel/helpers - typeof";return a=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(t)}function y(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,p(r.key),r)}}function x(t,e,n){return e&&y(t.prototype,e),n&&y(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function R(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function b(t,e,n){return e=p(e),e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function p(t){var e=T(t,"string");return a(e)==="symbol"?e:String(e)}function T(t,e){if(a(t)!=="object"||t===null)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var r=n.call(t,e||"default");if(a(r)!=="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var N=x(function t(){var e=this,n=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];R(this,t),b(this,"find",function(r,o,i){return e.filter(r,o,i)[0]}),b(this,"filter",function(r,o,i){var M=function(U){return U.type===o};return e.signalBuffer.slice(e.signalBuffer.indexOf(r)+1).filter(M).filter(function(d){return i?i(d):function(){return!0}})}),this.signalBuffer=n});function f(t){"@babel/helpers - typeof";return f=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(t)}function g(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,m(r.key),r)}}function B(t,e,n){return e&&g(t.prototype,e),n&&g(t,n),Object.defineProperty(t,"prototype",{writable:!1}),t}function E(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function z(t,e){if(typeof e!="function"&&e!==null)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&l(t,e)}function l(t,e){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,o){return r.__proto__=o,r},l(t,e)}function D(t){var e=I();return function(){var r=u(t),o;if(e){var i=u(this).constructor;o=Reflect.construct(r,arguments,i)}else o=r.apply(this,arguments);return A(this,o)}}function A(t,e){if(e&&(f(e)==="object"||typeof e=="function"))return e;if(e!==void 0)throw new TypeError("Derived constructors may only return object or undefined");return c(t)}function c(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function I(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function u(t){return u=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(n){return n.__proto__||Object.getPrototypeOf(n)},u(t)}function v(t,e,n){return e=m(e),e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function m(t){var e=k(t,"string");return f(e)==="symbol"?e:String(e)}function k(t,e){if(f(t)!=="object"||t===null)return t;var n=t[Symbol.toPrimitive];if(n!==void 0){var r=n.call(t,e||"default");if(f(r)!=="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}var L=function(t){z(n,t);var e=D(n);function n(){var r,o=arguments.length>0&&arguments[0]!==void 0?arguments[0]:[];return E(this,n),r=e.call(this,o),v(c(r),"add",function(i){r.signalCounter<0&&(r.signalCounter=0),"index"in i&&i.index==-1&&(i.index=r.getNextIndex()),r.signalBuffer.unshift(i),r.signalBuffer.length>r.maxBufferSize&&r.signalBuffer.pop()}),v(c(r),"getNextIndex",function(){var i=r.signalCounter;return r.signalCounter+=1,i}),r.signalCounter=0,r.maxBufferSize=1e3,r}return B(n)}(N);Object.assign(globalThis,{signals:new L},s)})();})();
 `