@teleporthq/teleport-plugin-react-base-component - npm Package Compare versions

Comparing version 0.16.3 to 0.17.0

dist/cjs/index.js

@@ -1,100 +0,139 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+var __reExport = (target, module2, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && key !== "default")
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toModule = (module2) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", module2 && module2.__esModule && "default" in module2 ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// packages/teleport-plugin-react-base-component/src/index.ts
+__markAsModule(exports);
+__export(exports, {
+  createReactComponentPlugin: () => createReactComponentPlugin,
+  default: () => src_default
+});
+
+// packages/teleport-plugin-react-base-component/src/utils.ts
+var types = __toModule(require("@babel/types"));
+var createDOMInjectionNode = (content, t = types) => {
+  return t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier("span"), [
+    t.jsxAttribute(t.jsxIdentifier("dangerouslySetInnerHTML"), t.jsxExpressionContainer(t.objectExpression([t.objectProperty(t.identifier("__html"), t.stringLiteral(content))])))
+  ], true), null, [], true);
+};
+
+// packages/teleport-plugin-react-base-component/src/index.ts
+var import_teleport_shared = __toModule(require("@teleporthq/teleport-shared"));
+var import_teleport_plugin_common = __toModule(require("@teleporthq/teleport-plugin-common"));
+var import_teleport_types = __toModule(require("@teleporthq/teleport-types"));
+
+// packages/teleport-plugin-react-base-component/src/constants.ts
+var REACT_LIBRARY_DEPENDENCY = {
+  type: "library",
+  path: "react",
+  version: "16.8.3"
+};
+var USE_STATE_DEPENDENCY = {
+  type: "library",
+  path: "react",
+  version: "16.8.3",
+  meta: {
+    namedImport: true
+  }
+};
+var DEFAULT_COMPONENT_CHUNK_NAME = "jsx-component";
+var DEFAULT_EXPORT_CHUNK_NAME = "export";
+var DEFAULT_IMPORT_CHUNK_NAME = "import-local";
+
+// packages/teleport-plugin-react-base-component/src/index.ts
+var createReactComponentPlugin = (config) => {
+  const {
+    componentChunkName = DEFAULT_COMPONENT_CHUNK_NAME,
+    exportChunkName = DEFAULT_EXPORT_CHUNK_NAME,
+    importChunkName = DEFAULT_IMPORT_CHUNK_NAME
+  } = config || {};
+  const reactComponentPlugin = (structure) => __async(void 0, null, function* () {
+    const { uidl, dependencies } = structure;
+    const { stateDefinitions = {}, propDefinitions = {} } = uidl;
+    dependencies.React = REACT_LIBRARY_DEPENDENCY;
+    if (Object.keys(stateDefinitions).length > 0) {
+      dependencies.useState = USE_STATE_DEPENDENCY;
     }
+    const nodesLookup = {};
+    const jsxParams = {
+      propDefinitions,
+      stateDefinitions,
+      nodesLookup,
+      dependencies
+    };
+    const jsxOptions = {
+      dynamicReferencePrefixMap: {
+        prop: "props",
+        state: "",
+        local: ""
+      },
+      dependencyHandling: "import",
+      stateHandling: "hooks",
+      slotHandling: "props",
+      domHTMLInjection: (content) => createDOMInjectionNode(content)
+    };
+    const jsxTagStructure = (0, import_teleport_plugin_common.createJSXSyntax)(uidl.node, jsxParams, jsxOptions);
+    const componentName = import_teleport_shared.UIDLUtils.getComponentClassName(uidl);
+    const pureComponent = import_teleport_plugin_common.ASTUtils.createPureComponent(componentName, stateDefinitions, propDefinitions, jsxTagStructure);
+    structure.chunks.push({
+      type: import_teleport_types.ChunkType.AST,
+      fileType: import_teleport_types.FileType.JS,
+      name: componentChunkName,
+      meta: {
+        nodesLookup,
+        dynamicRefPrefix: jsxOptions.dynamicReferencePrefixMap
+      },
+      content: pureComponent,
+      linkAfter: [importChunkName]
+    });
+    structure.chunks.push({
+      type: import_teleport_types.ChunkType.AST,
+      fileType: import_teleport_types.FileType.JS,
+      name: exportChunkName,
+      content: import_teleport_plugin_common.ASTBuilders.createDefaultExport(componentName),
+      linkAfter: [componentChunkName]
+    });
+    return structure;
+  });
+  return reactComponentPlugin;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-var utils_1 = require("./utils");
-var teleport_shared_1 = require("@teleporthq/teleport-shared");
-var teleport_plugin_common_1 = require("@teleporthq/teleport-plugin-common");
-var teleport_types_1 = require("@teleporthq/teleport-types");
-var constants_1 = require("./constants");
-exports.createReactComponentPlugin = function (config) {
-    var _a = config || {}, _b = _a.componentChunkName, componentChunkName = _b === void 0 ? constants_1.DEFAULT_COMPONENT_CHUNK_NAME : _b, _c = _a.exportChunkName, exportChunkName = _c === void 0 ? constants_1.DEFAULT_EXPORT_CHUNK_NAME : _c, _d = _a.importChunkName, importChunkName = _d === void 0 ? constants_1.DEFAULT_IMPORT_CHUNK_NAME : _d;
-    var reactComponentPlugin = function (structure) { return __awaiter(void 0, void 0, void 0, function () {
-        var uidl, dependencies, _a, stateDefinitions, _b, propDefinitions, nodesLookup, jsxParams, jsxOptions, jsxTagStructure, componentName, pureComponent;
-        return __generator(this, function (_c) {
-            uidl = structure.uidl, dependencies = structure.dependencies;
-            _a = uidl.stateDefinitions, stateDefinitions = _a === void 0 ? {} : _a, _b = uidl.propDefinitions, propDefinitions = _b === void 0 ? {} : _b;
-            dependencies.React = constants_1.REACT_LIBRARY_DEPENDENCY;
-            if (Object.keys(stateDefinitions).length > 0) {
-                dependencies.useState = constants_1.USE_STATE_DEPENDENCY;
-            }
-            nodesLookup = {};
-            jsxParams = {
-                propDefinitions: propDefinitions,
-                stateDefinitions: stateDefinitions,
-                nodesLookup: nodesLookup,
-                dependencies: dependencies,
-            };
-            jsxOptions = {
-                dynamicReferencePrefixMap: {
-                    prop: 'props',
-                    state: '',
-                    local: '',
-                },
-                dependencyHandling: 'import',
-                stateHandling: 'hooks',
-                slotHandling: 'props',
-                domHTMLInjection: function (content) { return utils_1.createDOMInjectionNode(content); },
-            };
-            jsxTagStructure = teleport_plugin_common_1.createJSXSyntax(uidl.node, jsxParams, jsxOptions);
-            componentName = teleport_shared_1.UIDLUtils.getComponentClassName(uidl);
-            pureComponent = teleport_plugin_common_1.ASTUtils.createPureComponent(componentName, stateDefinitions, propDefinitions, jsxTagStructure);
-            structure.chunks.push({
-                type: teleport_types_1.ChunkType.AST,
-                fileType: teleport_types_1.FileType.JS,
-                name: componentChunkName,
-                meta: {
-                    nodesLookup: nodesLookup,
-                    dynamicRefPrefix: jsxOptions.dynamicReferencePrefixMap,
-                },
-                content: pureComponent,
-                linkAfter: [importChunkName],
-            });
-            structure.chunks.push({
-                type: teleport_types_1.ChunkType.AST,
-                fileType: teleport_types_1.FileType.JS,
-                name: exportChunkName,
-                content: teleport_plugin_common_1.ASTBuilders.createDefaultExport(componentName),
-                linkAfter: [componentChunkName],
-            });
-            return [2 /*return*/, structure];
-        });
-    }); };
-    return reactComponentPlugin;
-};
-exports.default = exports.createReactComponentPlugin();
-//# sourceMappingURL=index.js.map
+var src_default = createReactComponentPlugin();

dist/esm/index.js

@@ -1,62 +0,121 @@
-import { createDOMInjectionNode } from './utils';
-import { UIDLUtils } from '@teleporthq/teleport-shared';
-import { createJSXSyntax, ASTBuilders, ASTUtils, } from '@teleporthq/teleport-plugin-common';
-import { ChunkType, FileType, } from '@teleporthq/teleport-types';
-import { DEFAULT_COMPONENT_CHUNK_NAME, DEFAULT_EXPORT_CHUNK_NAME, DEFAULT_IMPORT_CHUNK_NAME, REACT_LIBRARY_DEPENDENCY, USE_STATE_DEPENDENCY, } from './constants';
-export const createReactComponentPlugin = (config) => {
-    const { componentChunkName = DEFAULT_COMPONENT_CHUNK_NAME, exportChunkName = DEFAULT_EXPORT_CHUNK_NAME, importChunkName = DEFAULT_IMPORT_CHUNK_NAME, } = config || {};
-    const reactComponentPlugin = async (structure) => {
-        const { uidl, dependencies } = structure;
-        const { stateDefinitions = {}, propDefinitions = {} } = uidl;
-        dependencies.React = REACT_LIBRARY_DEPENDENCY;
-        if (Object.keys(stateDefinitions).length > 0) {
-            dependencies.useState = USE_STATE_DEPENDENCY;
-        }
-        // We will keep a flat mapping object from each component identifier (from the UIDL) to its correspoding JSX AST Tag
-        // This will help us inject style or classes at a later stage in the pipeline, upon traversing the UIDL
-        // The structure will be populated as the AST is being created
-        const nodesLookup = {};
-        const jsxParams = {
-            propDefinitions,
-            stateDefinitions,
-            nodesLookup,
-            dependencies,
-        };
-        const jsxOptions = {
-            dynamicReferencePrefixMap: {
-                prop: 'props',
-                state: '',
-                local: '',
-            },
-            dependencyHandling: 'import',
-            stateHandling: 'hooks',
-            slotHandling: 'props',
-            domHTMLInjection: (content) => createDOMInjectionNode(content),
-        };
-        const jsxTagStructure = createJSXSyntax(uidl.node, jsxParams, jsxOptions);
-        const componentName = UIDLUtils.getComponentClassName(uidl);
-        const pureComponent = ASTUtils.createPureComponent(componentName, stateDefinitions, propDefinitions, jsxTagStructure);
-        structure.chunks.push({
-            type: ChunkType.AST,
-            fileType: FileType.JS,
-            name: componentChunkName,
-            meta: {
-                nodesLookup,
-                dynamicRefPrefix: jsxOptions.dynamicReferencePrefixMap,
-            },
-            content: pureComponent,
-            linkAfter: [importChunkName],
-        });
-        structure.chunks.push({
-            type: ChunkType.AST,
-            fileType: FileType.JS,
-            name: exportChunkName,
-            content: ASTBuilders.createDefaultExport(componentName),
-            linkAfter: [componentChunkName],
-        });
-        return structure;
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
     };
-    return reactComponentPlugin;
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
 };
-export default createReactComponentPlugin();
-//# sourceMappingURL=index.js.map
+
+// packages/teleport-plugin-react-base-component/src/utils.ts
+import * as types from "@babel/types";
+var createDOMInjectionNode = (content, t = types) => {
+  return t.jsxElement(t.jsxOpeningElement(t.jsxIdentifier("span"), [
+    t.jsxAttribute(t.jsxIdentifier("dangerouslySetInnerHTML"), t.jsxExpressionContainer(t.objectExpression([t.objectProperty(t.identifier("__html"), t.stringLiteral(content))])))
+  ], true), null, [], true);
+};
+
+// packages/teleport-plugin-react-base-component/src/index.ts
+import { UIDLUtils } from "@teleporthq/teleport-shared";
+import {
+  createJSXSyntax,
+  ASTBuilders,
+  ASTUtils
+} from "@teleporthq/teleport-plugin-common";
+import {
+  ChunkType,
+  FileType
+} from "@teleporthq/teleport-types";
+
+// packages/teleport-plugin-react-base-component/src/constants.ts
+var REACT_LIBRARY_DEPENDENCY = {
+  type: "library",
+  path: "react",
+  version: "16.8.3"
+};
+var USE_STATE_DEPENDENCY = {
+  type: "library",
+  path: "react",
+  version: "16.8.3",
+  meta: {
+    namedImport: true
+  }
+};
+var DEFAULT_COMPONENT_CHUNK_NAME = "jsx-component";
+var DEFAULT_EXPORT_CHUNK_NAME = "export";
+var DEFAULT_IMPORT_CHUNK_NAME = "import-local";
+
+// packages/teleport-plugin-react-base-component/src/index.ts
+var createReactComponentPlugin = (config) => {
+  const {
+    componentChunkName = DEFAULT_COMPONENT_CHUNK_NAME,
+    exportChunkName = DEFAULT_EXPORT_CHUNK_NAME,
+    importChunkName = DEFAULT_IMPORT_CHUNK_NAME
+  } = config || {};
+  const reactComponentPlugin = (structure) => __async(void 0, null, function* () {
+    const { uidl, dependencies } = structure;
+    const { stateDefinitions = {}, propDefinitions = {} } = uidl;
+    dependencies.React = REACT_LIBRARY_DEPENDENCY;
+    if (Object.keys(stateDefinitions).length > 0) {
+      dependencies.useState = USE_STATE_DEPENDENCY;
+    }
+    const nodesLookup = {};
+    const jsxParams = {
+      propDefinitions,
+      stateDefinitions,
+      nodesLookup,
+      dependencies
+    };
+    const jsxOptions = {
+      dynamicReferencePrefixMap: {
+        prop: "props",
+        state: "",
+        local: ""
+      },
+      dependencyHandling: "import",
+      stateHandling: "hooks",
+      slotHandling: "props",
+      domHTMLInjection: (content) => createDOMInjectionNode(content)
+    };
+    const jsxTagStructure = createJSXSyntax(uidl.node, jsxParams, jsxOptions);
+    const componentName = UIDLUtils.getComponentClassName(uidl);
+    const pureComponent = ASTUtils.createPureComponent(componentName, stateDefinitions, propDefinitions, jsxTagStructure);
+    structure.chunks.push({
+      type: ChunkType.AST,
+      fileType: FileType.JS,
+      name: componentChunkName,
+      meta: {
+        nodesLookup,
+        dynamicRefPrefix: jsxOptions.dynamicReferencePrefixMap
+      },
+      content: pureComponent,
+      linkAfter: [importChunkName]
+    });
+    structure.chunks.push({
+      type: ChunkType.AST,
+      fileType: FileType.JS,
+      name: exportChunkName,
+      content: ASTBuilders.createDefaultExport(componentName),
+      linkAfter: [componentChunkName]
+    });
+    return structure;
+  });
+  return reactComponentPlugin;
+};
+var src_default = createReactComponentPlugin();
+export {
+  createReactComponentPlugin,
+  src_default as default
+};

package.json

 {
   "name": "@teleporthq/teleport-plugin-react-base-component",
-  "version": "0.16.3",
+  "version": "0.17.0",
   "description": "A plugin for handling the skeleton/baseline of a React component",
@@ -11,2 +11,7 @@ "author": "teleportHQ",
   "module": "dist/esm/index.js",
+  "exports": {
+    "module": "./dist/esm/index.js",
+    "require": "./dist/cjs/index.js",
+    "import": "./dist/esm/index.js"
+  },
   "sideEffects": false,
@@ -25,13 +30,11 @@ "repository": {
     "clean": "rimraf dist",
-    "build": "npm run build:cjs & npm run build:esm",
-    "build:cjs": "tsc -p tsconfig-cjs.json",
-    "build:esm": "tsc -p tsconfig-esm.json"
+    "types": "tsc -p tsconfig.json"
   },
   "dependencies": {
     "@babel/types": "^7.5.5",
-    "@teleporthq/teleport-plugin-common": "^0.16.3",
-    "@teleporthq/teleport-shared": "^0.16.3",
-    "@teleporthq/teleport-types": "^0.16.3"
+    "@teleporthq/teleport-plugin-common": "^0.17.0",
+    "@teleporthq/teleport-shared": "^0.17.0",
+    "@teleporthq/teleport-types": "^0.17.0"
   },
-  "gitHead": "7e373501206d293ea7ac0494b563ee5f6a2fccb2"
+  "gitHead": "959317a18068b52ffd8b912e41d123f70d97e7bc"
 }

No alert changes

Improved metrics

Lines of code

480

increased by1.05%

Worsened metrics

Total package byte prevSize

92644

decreased by-65.88%

Number of package files

14

decreased by-51.72%

Dependency changes

• + Added@teleporthq/teleport-plugin-common@0.17.7(transitive)

• + Added@teleporthq/teleport-shared@0.17.7(transitive)

• + Added@teleporthq/teleport-types@0.17.7(transitive)

• - Removed@teleporthq/teleport-plugin-common@0.16.3(transitive)

• - Removed@teleporthq/teleport-shared@0.16.3(transitive)

• - Removed@teleporthq/teleport-types@0.16.3(transitive)

• Updated@teleporthq/teleport-plugin-common@^0.17.0

• Updated@teleporthq/teleport-shared@^0.17.0

• Updated@teleporthq/teleport-types@^0.17.0