react-figma
Advanced tools
Comparing version 0.0.1-alpha.7 to 0.0.1-alpha.8
@@ -10,1 +10,3 @@ export { render } from './renderer'; | ||
export { Frame, FRAME_PRESETS } from './components/frame/Frame'; | ||
export { Star } from './components/star/Star'; | ||
export { Vector } from './components/vector/Vector'; |
@@ -22,2 +22,6 @@ "use strict"; | ||
exports.FRAME_PRESETS = Frame_1.FRAME_PRESETS; | ||
var Star_1 = require("./components/star/Star"); | ||
exports.Star = Star_1.Star; | ||
var Vector_1 = require("./components/vector/Vector"); | ||
exports.Vector = Vector_1.Vector; | ||
//# sourceMappingURL=index.js.map |
@@ -43,2 +43,15 @@ "use strict"; | ||
var isReactFigmaNode = function (child) { return child.getPluginData && child.getPluginData('isReactFigmaNode'); }; | ||
var appendToContainer = function (parentNode, childNode) { | ||
if (!childNode || !parentNode) { | ||
return; | ||
} | ||
parentNode.appendChild(childNode); | ||
}; | ||
var insertToContainer = function (parentNode, newChildNode, beforeChildNode) { | ||
if (!parentNode || !newChildNode || !beforeChildNode) { | ||
return; | ||
} | ||
var beforeChildIndex = parentNode.children.indexOf(beforeChildNode); | ||
parentNode.insertChild(beforeChildIndex, newChildNode); | ||
}; | ||
exports.render = function (jsx, rootNode) { return __awaiter(_this, void 0, void 0, function () { | ||
@@ -108,12 +121,11 @@ var HostConfig, reconciler, container, lastPage, tempPage; | ||
console.log('appendInitialChild', parentNode, childNode); | ||
parentNode.appendChild(childNode); | ||
appendToContainer(parentNode, childNode); | ||
}, | ||
appendChild: function (parentNode, childNode) { | ||
console.log('appendChild', parentNode, childNode); | ||
parentNode.appendChild(childNode); | ||
appendToContainer(parentNode, childNode); | ||
}, | ||
insertBefore: function (parentNode, newChildNode, beforeChildNode) { | ||
console.log('insertBefore', parentNode, newChildNode, beforeChildNode); | ||
var beforeChildIndex = parentNode.children.indexOf(beforeChildNode); | ||
parentNode.insertChild(beforeChildIndex, newChildNode); | ||
insertToContainer(parentNode, newChildNode, beforeChildNode); | ||
}, | ||
@@ -131,3 +143,3 @@ finalizeInitialChildren: function () { | ||
console.log('appendChildToContainer', parentNode, childNode); | ||
parentNode.appendChild(childNode); | ||
appendToContainer(parentNode, childNode); | ||
}, | ||
@@ -208,2 +220,8 @@ insertInContainerBefore: function (parentNode, newChildNode, beforeChildNode) { | ||
}, | ||
didNotHydrateInstance: function (parentType, parentProps, parentInstance, instance) { | ||
console.log('didNotHydrateInstance', parentType, parentProps, parentInstance, instance); | ||
if (isReactFigmaNode(instance)) { | ||
instance.remove(); | ||
} | ||
}, | ||
commitMount: function (instance, type, newProps, internalInstanceHandle) { | ||
@@ -210,0 +228,0 @@ console.log('commitMount', instance, type, newProps, internalInstanceHandle); |
@@ -7,1 +7,3 @@ export { rectangle } from './rectangle'; | ||
export { component } from './component'; | ||
export { star } from './star'; | ||
export { vector } from './vector'; |
@@ -15,2 +15,6 @@ "use strict"; | ||
exports.component = component_1.component; | ||
var star_1 = require("./star"); | ||
exports.star = star_1.star; | ||
var vector_1 = require("./vector"); | ||
exports.vector = vector_1.vector; | ||
//# sourceMappingURL=index.js.map |
@@ -73,2 +73,11 @@ export declare type Color = string; | ||
} | ||
export interface VectorNodeProps { | ||
vectorPaths?: VectorPaths; | ||
vectorNetwork?: VectorNetwork; | ||
handleMirroring?: HandleMirroring | symbol; | ||
} | ||
export interface StarNodeProps { | ||
pointCount?: number; | ||
innerRadius?: number; | ||
} | ||
export interface DefaultShapeProps extends BaseNodeProps, LayoutProps, GeometryProps, ExportProps, BlendProps { | ||
@@ -75,0 +84,0 @@ } |
{ | ||
"name": "react-figma", | ||
"version": "0.0.1-alpha.7", | ||
"version": "0.0.1-alpha.8", | ||
"description": "This plugin template uses Typescript. If you are familiar with Javascript, Typescript will look very familiar. In fact, valid Javascript code is already valid Typescript code.", | ||
@@ -49,3 +49,3 @@ "main": "./dist/index.js", | ||
"css-loader": "^3.2.0", | ||
"figma-api-stub": "0.0.8", | ||
"figma-api-stub": "0.0.9", | ||
"gitbook-cli": "^2.3.2", | ||
@@ -52,0 +52,0 @@ "gitbook-plugin-anchorjs": "^2.1.0", |
@@ -5,3 +5,3 @@ <p align="center"><img src="./logo.svg" width="128"></p> | ||
[![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors) | ||
[![All Contributors](https://img.shields.io/badge/all_contributors-5-orange.svg?style=flat-square)](#contributors) | ||
[![npm version](https://img.shields.io/npm/v/react-figma.svg)](https://www.npmjs.com/package/react-figma) | ||
@@ -156,2 +156,3 @@ [![CircleCI](https://circleci.com/gh/react-figma/react-figma.svg?style=svg)](https://circleci.com/gh/react-figma/react-figma) | ||
<td align="center"><a href="http://corrinachow.com"><img src="https://avatars1.githubusercontent.com/u/35117708?v=4" width="100px;" alt="corrina"/><br /><sub><b>corrina</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=corrinachow" title="Code">💻</a></td> | ||
<td align="center"><a href="http://www.zacharyquintenwitt.com"><img src="https://avatars1.githubusercontent.com/u/5651980?v=4" width="100px;" alt="Zachary Witt"/><br /><sub><b>Zachary Witt</b></sub></a><br /><a href="https://github.com/react-figma/react-figma/commits?author=zqwitt" title="Code">💻</a></td> | ||
</tr> | ||
@@ -158,0 +159,0 @@ </table> |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Native code
Supply chain riskContains native code (e.g., compiled binaries or shared libraries). Including native code can obscure malicious behavior.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
994621
147
18605
162
2