rozenite-preview
Version:
A Rozenite plugin that lets you select React Native components in DevTools and preview them live on your simulator. Ideal for rapid UI development, component testing, and debugging complex apps.
2 lines (1 loc) • 3.36 kB
JavaScript
;const l=require("@babel/types"),u=require("node:path");function f(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const e in n)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(r,e,t.get?t:{enumerable:!0,get:()=>n[e]})}}return r.default=n,Object.freeze(r)}const o=f(l);function m(n){if(n.findParent(e=>e.isJSXElement()||e.isJSXFragment()||e.isJSXExpressionContainer())||n.findParent(e=>{if(!e.isCallExpression())return!1;const t=e.node.callee;return o.isIdentifier(t)&&/^use[A-Z]/.test(t.name)})||n.findParent(e=>e.isClassMethod()?d(e):!1))return!0;const r=n.getFunctionParent();return!!(r&&p(r))}function d(n){const r=n.findParent(t=>t.isClassDeclaration());if(!r||!r.isClassDeclaration())return!1;const e=r.node.superClass;return e?o.isIdentifier(e)?["Component","PureComponent"].includes(e.name):o.isMemberExpression(e)&&o.isIdentifier(e.object)&&o.isIdentifier(e.property)?e.object.name==="React"&&["Component","PureComponent"].includes(e.property.name):!1:!1}function p(n){let r=!1;return n.traverse({ReturnStatement(e){const t=e.node.argument;t&&(o.isJSXElement(t)||o.isJSXFragment(t))&&(r=!0,e.stop())},JSXElement(){r=!0},JSXFragment(){r=!0}}),r}const g="rozenite-preview",y="registerPreview",C=2;function I(){return{visitor:{Program(n,r){const e=P(n,o);e.size!==0&&n.traverse({CallExpression(t){w(t,e)&&(j(t,r,o),R(t,o))}})}}}}function P(n,r){const e=new Set;return n.get("body").forEach(t=>{b(t)&&t.isImportDeclaration()&&t.node.specifiers.forEach(s=>{E(s,r)&&e.add(s.local.name)})}),e}function b(n){return n.isImportDeclaration()&&n.node.source.value===g}function E(n,r){return r.isImportSpecifier(n)||r.isImportDefaultSpecifier(n)}function j(n,r,e){const t=r.file.opts.filename||"",s=u.relative(process.cwd(),t),i=S(n),a=e.stringLiteral(t),c=e.objectExpression([e.objectProperty(e.identifier("filePath"),a),e.objectProperty(e.identifier("relativeFilename"),e.stringLiteral(s)),e.objectProperty(e.identifier("isInsideReactComponent"),e.booleanLiteral(m(n))),e.objectProperty(e.identifier("name"),e.stringLiteral(i.name??"")),e.objectProperty(e.identifier("nameType"),e.stringLiteral(i.nameType)),e.objectProperty(e.identifier("callId"),e.stringLiteral(i.callId)),e.objectProperty(e.identifier("componentType"),e.stringLiteral(i.componentType)),e.objectProperty(e.identifier("line"),e.numericLiteral(i.line)),e.objectProperty(e.identifier("column"),e.numericLiteral(i.column))]);n.node.arguments.push(c)}function v(n){if(!n)return"unknown";switch(n.type){case"Identifier":return`component:${n.name}`;case"ArrowFunctionExpression":case"FunctionExpression":return"inline-function";case"CallExpression":return"call-expression";default:return n.type.toLowerCase()}}function S(n){const r=n.node.arguments[0],e=n.node.arguments[1],t=n.node.loc;let s=null,i="unknown";r&&r.type==="StringLiteral"?(s=r.value,i="literal"):r&&r.type==="Identifier"&&(s=`<dynamic:${r.name}>`,i="identifier");const a=`${s}:${t?.start?.line||0}:${t?.start?.column||0}`;return{name:s,nameType:i,callId:a,line:t?.start?.line||0,column:t?.start?.column||0,componentType:v(e)}}function w(n,r){const e=n.get("callee");return e.isIdentifier()&&e.node.name===y&&r.has(e.node.name)&&n.node.arguments.length===C}function R(n,r){const{node:e}=n;e.arguments.unshift(r.identifier("module"))}module.exports=I;