@teleporthq/teleport-plugin-react-base-component
Advanced tools
Comparing version 0.17.0 to 0.17.3
@@ -1,139 +0,100 @@ | ||
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 }); | ||
"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 __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 __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 __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); | ||
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; | ||
}; | ||
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; | ||
}; | ||
var src_default = createReactComponentPlugin(); | ||
exports.default = exports.createReactComponentPlugin(); | ||
//# sourceMappingURL=index.js.map |
import * as types from '@babel/types'; | ||
export declare const createDOMInjectionNode: (content: string, t?: typeof types) => types.JSXElement; | ||
export declare const createDOMInjectionNode: (content: string) => types.JSXElement; |
@@ -1,121 +0,98 @@ | ||
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()); | ||
}); | ||
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()); | ||
}); | ||
}; | ||
// 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; | ||
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 }; | ||
} | ||
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 | ||
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 var createReactComponentPlugin = function (config) { | ||
var _a = config || {}, _b = _a.componentChunkName, componentChunkName = _b === void 0 ? DEFAULT_COMPONENT_CHUNK_NAME : _b, _c = _a.exportChunkName, exportChunkName = _c === void 0 ? DEFAULT_EXPORT_CHUNK_NAME : _c, _d = _a.importChunkName, importChunkName = _d === void 0 ? 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 = REACT_LIBRARY_DEPENDENCY; | ||
if (Object.keys(stateDefinitions).length > 0) { | ||
dependencies.useState = 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 createDOMInjectionNode(content); }, | ||
}; | ||
jsxTagStructure = createJSXSyntax(uidl.node, jsxParams, jsxOptions); | ||
componentName = UIDLUtils.getComponentClassName(uidl); | ||
pureComponent = ASTUtils.createPureComponent(componentName, stateDefinitions, propDefinitions, jsxTagStructure); | ||
structure.chunks.push({ | ||
type: ChunkType.AST, | ||
fileType: FileType.JS, | ||
name: componentChunkName, | ||
meta: { | ||
nodesLookup: 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 [2 /*return*/, structure]; | ||
}); | ||
}); }; | ||
return reactComponentPlugin; | ||
}; | ||
export default createReactComponentPlugin(); | ||
//# sourceMappingURL=index.js.map |
{ | ||
"name": "@teleporthq/teleport-plugin-react-base-component", | ||
"version": "0.17.0", | ||
"version": "0.17.3", | ||
"description": "A plugin for handling the skeleton/baseline of a React component", | ||
@@ -9,9 +9,4 @@ "author": "teleportHQ", | ||
"main": "dist/cjs/index.js", | ||
"module": "dist/esm/index.js", | ||
"types": "dist/cjs/index.d.ts", | ||
"module": "dist/esm/index.js", | ||
"exports": { | ||
"module": "./dist/esm/index.js", | ||
"require": "./dist/cjs/index.js", | ||
"import": "./dist/esm/index.js" | ||
}, | ||
"sideEffects": false, | ||
@@ -30,11 +25,11 @@ "repository": { | ||
"clean": "rimraf dist", | ||
"types": "tsc -p tsconfig.json" | ||
"build": "tsc -p tsconfig.json && tsc -p tsconfig.json --module commonjs --outDir dist/cjs" | ||
}, | ||
"dependencies": { | ||
"@babel/types": "^7.5.5", | ||
"@teleporthq/teleport-plugin-common": "^0.17.0", | ||
"@teleporthq/teleport-shared": "^0.17.0", | ||
"@teleporthq/teleport-types": "^0.17.0" | ||
"@teleporthq/teleport-plugin-common": "^0.17.3", | ||
"@teleporthq/teleport-shared": "^0.17.3", | ||
"@teleporthq/teleport-types": "^0.17.3" | ||
}, | ||
"gitHead": "959317a18068b52ffd8b912e41d123f70d97e7bc" | ||
"gitHead": "1a673d148f2626c5488092f3e88b3a9d7c9725b4" | ||
} |
import * as types from '@babel/types' | ||
export const createDOMInjectionNode = (content: string, t = types) => { | ||
return t.jsxElement( | ||
t.jsxOpeningElement( | ||
t.jsxIdentifier('span'), | ||
export const createDOMInjectionNode = (content: string) => { | ||
return types.jsxElement( | ||
types.jsxOpeningElement( | ||
types.jsxIdentifier('span'), | ||
[ | ||
t.jsxAttribute( | ||
t.jsxIdentifier('dangerouslySetInnerHTML'), | ||
t.jsxExpressionContainer( | ||
t.objectExpression([t.objectProperty(t.identifier('__html'), t.stringLiteral(content))]) | ||
types.jsxAttribute( | ||
types.jsxIdentifier('dangerouslySetInnerHTML'), | ||
types.jsxExpressionContainer( | ||
types.objectExpression([ | ||
types.objectProperty(types.identifier('__html'), types.stringLiteral(content)), | ||
]) | ||
) | ||
@@ -13,0 +15,0 @@ ), |
{ | ||
"extends": "../../tsconfig.json", | ||
"compilerOptions": { | ||
"emitDeclarationOnly": true, | ||
"outDir": "dist/cjs" | ||
"outDir": "dist/esm" | ||
}, | ||
@@ -7,0 +6,0 @@ "include": [ |
Sorry, the diff of this file is not supported yet
171478
28
504