@cfp-studio/plugin-react 17.2.1 → 17.3.0

package/dist/index.mjs

@@ -1 +1 @@
-import{factoryWithDefaultOptions as e}from"@cfp-studio/analyzer-api/factory";import{EMPTY_OBJECT_TYPE as t,NODE_TYPE as n,UNKNOWN_TYPE as r,arrayType as i,createTypeAnalyzer as a,dereferenceType as o,functionType as s,helpers as c,maybeOptionalType as l,objectType as u,stripUnusedTypes as d}from"@cfp-studio/type-analyzer";import{createFileSystemReader as f,createStackedReader as p}from"@cfp-studio/vfs";import m from"node:fs";import h from"node:path";import g from"typescript";import _ from"node:url";import{decodePreviewableId as v,generatePreviewableId as y}from"@cfp-studio/analyzer-api";import{parseSerializableValue as b}from"@cfp-studio/serializable-values";import{extractArgs as x,extractCsf3Stories as S,extractStoriesInfo as C,resolvePreviewableId as w}from"@cfp-studio/storybook-helpers";import T from"@vitejs/plugin-react";import{polyfillNode as E}from"esbuild-plugin-polyfill-node";function D(e,t){for(let n of e.statements)if(g.isExpressionStatement(n)&&g.isBinaryExpression(n.expression)&&n.expression.operatorToken.kind===g.SyntaxKind.EqualsToken&&g.isPropertyAccessExpression(n.expression.left)&&g.isIdentifier(n.expression.left.expression)){if(n.expression.left.expression.text!==t)continue;if(n.expression.left.name.text===`propTypes`)return n.expression.right}else if(g.isClassDeclaration(n)&&n.name){if(n.name.text!==t)continue;for(let e of n.members)if(g.isPropertyDeclaration(e)&&e.initializer&&e.name.getText()===`propTypes`)return e.initializer}return null}function O(e,t,n,r,i){let a=t.sourceFile(n),o=null;a&&(o=D(a,r));let s=null;return s=o?A(t,o):k(e,t,i),{props:s.type,types:{...s.collected}}}function k(e,n,i){let a=i.getParameters()[0];if(!a)return{type:t,collected:{}};if(!a.valueDeclaration)return{type:r,collected:{}};let s=n.checker.getTypeOfSymbolAtLocation(a,a.valueDeclaration);try{let{type:e,collected:t}=n.resolveType(s);if([e]=o(e,t,[]),e.kind===`object`&&g.isParameter(a.valueDeclaration)&&g.isObjectBindingPattern(a.valueDeclaration.name)){let t=a.valueDeclaration.name,n=new Set,r=new Set,i=!1;for(let e of t.elements){if(e.dotDotDotToken){i=!0;break}let t=e.propertyName||e.name;if(!g.isIdentifier(t)){i=!0;break}n.add(t.text),e.initializer&&r.add(t.text)}i||(e=u(Object.fromEntries(Object.entries(e.fields).filter(([e])=>n.has(e)).map(([e,t])=>[e,l(t,r.has(e))]))))}return{type:e,collected:t}}catch(t){e.warn(`Unable to resolve props type for ${n.checker.typeToString(s)}`),e.error(t.toString())}return{type:r,collected:{}}}function A(e,t){let n=e.checker.getTypeAtLocation(t),i={},a={};for(let t of n.getProperties())i[t.name]=(()=>{if(!t.valueDeclaration)return r;let n=e.checker.getTypeAtLocation(t.valueDeclaration),i=e.resolveTypeArguments(n),o=i.types[0];return o?(a={...a,...i.collected},l(o,n.symbol.name===`Requireable`)):r})();let o=u(i);return{type:o,collected:d(a,[o])}}async function j(e,t,n,i){let a=t.sourceFile(i);if(!a)return[];let o=[];for(let e of a.statements)if(g.isExportAssignment(e)){if(g.isIdentifier(e.expression))continue;o.push([`default`,e,e.expression])}else if(g.isVariableStatement(e))for(let t of e.declarationList.declarations)!g.isIdentifier(t.name)||!t.initializer||o.push([t.name.text,e,t.initializer]);else if(g.isFunctionDeclaration(e)){let t=!!e.modifiers?.find(e=>e.kind===g.SyntaxKind.ExportKeyword)&&!!e.modifiers?.find(e=>e.kind===g.SyntaxKind.DefaultKeyword),n=e.name?.text;(t||n)&&o.push([n||`default`,e,e])}else g.isClassDeclaration(e)&&e.name&&o.push([e.name.text,e,e]);let s=C(a);e.debug(`**storiresInfo: ${s}`);let l=[],u=x(a),d=c.extractExportedNames(a);async function f(r,a,o){if(o===`default`&&s)return null;let c=u[o],l=o===`default`||!!d[o],f=N(t.checker,a);if(s&&l&&(c||f?.parameters.length===0)){let i=M(e,t,n,s.component);return{...r,analyze:async()=>({args:c?{sourcePosition:{start:c.getStart(),end:c.getEnd()},value:await b(c)}:null}),associatedComponent:i}}return f?{...r,exported:l,analyze:async()=>O(e,t,i,o,f)}:null}for(let[e,t,r]of o){let a=await f({id:y({filePath:h.relative(n,i),name:e}),sourcePosition:{start:t.getStart(),end:t.getEnd()}},r,e);a&&l.push(a)}return[...l,...await S(n,t,a,async i=>{let{filePath:a}=v(i),o=(await j(e,t,n,h.join(n,a))).find(e=>e.id===i);return!o||!(`exported`in o)?{props:r,types:{}}:o.analyze()})]}function M(e,t,n,i){let a=w(n,t.checker,i);return i&&a?{id:a,analyze:async()=>{let o=N(t.checker,i);if(!o)return{props:r,types:{}};let{filePath:s,name:c}=v(a);return O(e,t,h.join(n,s),c,o)}}:null}function N(e,t){let n=e.getTypeAtLocation(t);if(n.flags===g.TypeFlags.Any&&g.isCallExpression(t)&&g.isPropertyAccessExpression(t.expression)&&g.isIdentifier(t.expression.name)&&t.expression.name.text===`bind`){let r=e.getSymbolAtLocation(t.expression.expression);r?.valueDeclaration&&g.isVariableDeclaration(r.valueDeclaration)&&r.valueDeclaration.initializer&&(n=e.getTypeAtLocation(r.valueDeclaration.initializer))}for(let e of n.getCallSignatures())if(P(e.getReturnType()))return e;if(n.symbol){let r=e.getTypeOfSymbolAtLocation(n.symbol,t);for(let e of r.getConstructSignatures())if(e.getReturnType().getProperty(`render`))return e}return null}function P(e){return!!I(e)}const F=new Set([`Element`,`ReactElement`]);function I(e){if(e.isUnion()){for(let t of e.types)if(I(t))return!0}return F.has(e.symbol?.getEscapedName().toString())}const L={Component:n,ComponentClass:s(n),FunctionComponent:s(n),ReactElement:n,ReactNode:n,ReactNodeArray:i(n),ReactPortal:n},R=e(({rootDir:e,reader:t,logger:n})=>{let r=_.fileURLToPath(new URL(`.`,import.meta.url)),i=h.join(r,`..`,`types`),o=h.join(r,`..`,`node_modules`),s=m.existsSync(i)?i:o,c=a({reader:p([t,f({mapping:{from:s,to:h.join(e,`node_modules`)},watch:!1}),...s===i?[f({mapping:{from:i,to:h.join(e,`node_modules`,`@types`)},watch:!1})]:[]]),rootDir:e,specialTypes:L,tsCompilerOptions:{jsx:g.JsxEmit.ReactJSX,jsxImportSource:`react`},warn:n.warn.bind(n)});return{typeAnalyzer:c,crawlFiles:async t=>{let r=t.map(t=>h.isAbsolute(t)?t:h.join(e,t)),i=c.analyze(r),a=[],o=[];for(let t of r)for(let r of await j(n,i,e,t))`exported`in r?a.push(r):o.push(r);return{components:a,stories:o}},dispose:()=>{c.dispose()}}}),z=/import (\* as )?React[ ,]/;function B(){return{name:`previewjs:react-js-imports`,async transform(e,t){return t.includes(`node_modules`)||h.extname(t)!==`.js`||z.test(e)?e:`import React from 'react';${e}`}}}const V={info:{apiVersion:5,name:`@cfp-studio/plugin-react`},isCompatible:async e=>{let t=await e.react?.readInstalledVersion();if(!t)return!1;let[n,r]=t.split(`.`).map(e=>Number.parseInt(e));return Number.isNaN(n)||Number.isNaN(r)?!1:n>=17||n===16&&r>=14},async create({rootDir:e,reader:t,logger:n,dependencies:r}){let i=_.fileURLToPath(new URL(`.`,import.meta.url)),a=R({rootDir:e,reader:t,logger:n});return{defaultWrapperPath:`__previewjs__/Wrapper.tsx`,previewDirPath:h.join(i,`..`,`preview`),...a,viteConfig:e=>{let t=e.find(e=>e.name.startsWith(`vite:react-`));return{optimizeDeps:{esbuildOptions:{plugins:r.next?[E()]:[]}},resolve:{alias:{"react-native":`react-native-web`}},plugins:[B(),...e,...t?[]:[T()],{name:`previewjs:update-react-import`,async transform(e,t){if(!t.endsWith(`__previewjs_internal__/renderer/index.tsx`))return;let n=Number.parseInt(await r.react?.readInstalledVersion()||`0`);return e.replace(/__PREVIEWJS_PLUGIN_REACT_IMPORT_PATH__/g,n>=18?`./render-18`:`./render-16`)}}]}}}}};export{V as default};
+import{createAnalyzer as e}from"@cfp-studio/analyzer-api/analyzer";import{createFileSystemReader as t,createStackedReader as n}from"@cfp-studio/vfs";import r from"node:fs";import i from"node:path";import a from"typescript";import o from"node:url";import{decodePreviewableId as s,defineSpecialTypes as c,generatePreviewableId as l}from"@cfp-studio/analyzer-api";import{parseSerializableValue as u}from"@cfp-studio/serializable-values";import{extractArgs as d,extractCsf3Stories as f,extractStoriesInfo as p,resolvePreviewableId as m}from"@cfp-studio/storybook-helpers";import{EMPTY_OBJECT_TYPE as h,NODE_TYPE as g,UNKNOWN_TYPE as _,arrayType as v,dereferenceType as y,functionType as b,helpers as x,maybeOptionalType as S,objectType as C,stripUnusedTypes as w}from"@cfp-studio/type-analyzer";import T from"@vitejs/plugin-react";import{polyfillNode as E}from"esbuild-plugin-polyfill-node";function D(e,t){for(let n of e.statements)if(a.isExpressionStatement(n)&&a.isBinaryExpression(n.expression)&&n.expression.operatorToken.kind===a.SyntaxKind.EqualsToken&&a.isPropertyAccessExpression(n.expression.left)&&a.isIdentifier(n.expression.left.expression)){if(n.expression.left.expression.text!==t)continue;if(n.expression.left.name.text===`propTypes`)return n.expression.right}else if(a.isClassDeclaration(n)&&n.name){if(n.name.text!==t)continue;for(let e of n.members)if(a.isPropertyDeclaration(e)&&e.initializer&&e.name.getText()===`propTypes`)return e.initializer}return null}function O(e,t,n,r,i){let a=t.sourceFile(n),o=null;a&&(o=D(a,r));let s=null;return s=o?A(t,o):k(e,t,i),{props:s.type,types:{...s.collected}}}function k(e,t,n){let r=n.getParameters()[0];if(!r)return{type:h,collected:{}};if(!r.valueDeclaration)return{type:_,collected:{}};let i=t.checker.getTypeOfSymbolAtLocation(r,r.valueDeclaration);try{let{type:e,collected:n}=t.resolveType(i);if([e]=y(e,n,[]),e.kind===`object`&&a.isParameter(r.valueDeclaration)&&a.isObjectBindingPattern(r.valueDeclaration.name)){let t=r.valueDeclaration.name,n=new Set,i=new Set,o=!1;for(let e of t.elements){if(e.dotDotDotToken){o=!0;break}let t=e.propertyName||e.name;if(!a.isIdentifier(t)){o=!0;break}n.add(t.text),e.initializer&&i.add(t.text)}o||(e=C(Object.fromEntries(Object.entries(e.fields).filter(([e])=>n.has(e)).map(([e,t])=>[e,S(t,i.has(e))]))))}return{type:e,collected:n}}catch(n){e.warn(`Unable to resolve props type for ${t.checker.typeToString(i)}`),e.error(n.toString())}return{type:_,collected:{}}}function A(e,t){let n=e.checker.getTypeAtLocation(t),r={},i={};for(let t of n.getProperties())r[t.name]=(()=>{if(!t.valueDeclaration)return _;let n=e.checker.getTypeAtLocation(t.valueDeclaration),r=e.resolveTypeArguments(n),a=r.types[0];return a?(i={...i,...r.collected},S(a,n.symbol.name===`Requireable`)):_})();let a=C(r);return{type:a,collected:w(i,[a])}}async function j(e,t,n,r){let o=t.sourceFile(r);if(!o)return[];let c=[];for(let e of o.statements)if(a.isExportAssignment(e)){if(a.isIdentifier(e.expression))continue;c.push([`default`,e,e.expression])}else if(a.isVariableStatement(e))for(let t of e.declarationList.declarations)!a.isIdentifier(t.name)||!t.initializer||c.push([t.name.text,e,t.initializer]);else if(a.isFunctionDeclaration(e)){let t=!!e.modifiers?.find(e=>e.kind===a.SyntaxKind.ExportKeyword)&&!!e.modifiers?.find(e=>e.kind===a.SyntaxKind.DefaultKeyword),n=e.name?.text;(t||n)&&c.push([n||`default`,e,e])}else a.isClassDeclaration(e)&&e.name&&c.push([e.name.text,e,e]);let m=p(o);e.debug(`**storiresInfo: ${m}`);let h=[],g=d(o),v=x.extractExportedNames(o);async function y(i,a,o){if(o===`default`&&m)return null;let s=g[o],c=o===`default`||!!v[o],l=N(t.checker,a);if(m&&c&&(s||l?.parameters.length===0)){let r=M(e,t,n,m.component);return{...i,analyze:async()=>({args:s?{sourcePosition:{start:s.getStart(),end:s.getEnd()},value:await u(s)}:null}),associatedComponent:r}}return l?{...i,exported:c,analyze:async()=>O(e,t,r,o,l)}:null}for(let[e,t,a]of c){let o=await y({id:l({filePath:i.relative(n,r),name:e}),sourcePosition:{start:t.getStart(),end:t.getEnd()}},a,e);o&&h.push(o)}return[...h,...await f(n,t,o,async r=>{let{filePath:a}=s(r),o=(await j(e,t,n,i.join(n,a))).find(e=>e.id===r);return!o||!(`exported`in o)?{props:_,types:{}}:o.analyze()})]}function M(e,t,n,r){let a=m(n,t.checker,r);return r&&a?{id:a,analyze:async()=>{let o=N(t.checker,r);if(!o)return{props:_,types:{}};let{filePath:c,name:l}=s(a);return O(e,t,i.join(n,c),l,o)}}:null}function N(e,t){let n=e.getTypeAtLocation(t);if(n.flags===a.TypeFlags.Any&&a.isCallExpression(t)&&a.isPropertyAccessExpression(t.expression)&&a.isIdentifier(t.expression.name)&&t.expression.name.text===`bind`){let r=e.getSymbolAtLocation(t.expression.expression);r?.valueDeclaration&&a.isVariableDeclaration(r.valueDeclaration)&&r.valueDeclaration.initializer&&(n=e.getTypeAtLocation(r.valueDeclaration.initializer))}for(let e of n.getCallSignatures())if(P(e.getReturnType()))return e;if(n.symbol){let r=e.getTypeOfSymbolAtLocation(n.symbol,t);for(let e of r.getConstructSignatures())if(e.getReturnType().getProperty(`render`))return e}return null}function P(e){return!!I(e)}const F=new Set([`Element`,`ReactElement`]);function I(e){if(e.isUnion()){for(let t of e.types)if(I(t))return!0}return F.has(e.symbol?.getEscapedName().toString())}const L=c({Component:g,ComponentClass:b(g),FunctionComponent:b(g),ReactElement:g,ReactNode:g,ReactNodeArray:v(g),ReactPortal:g}),R=e({typeAnalyzerOptions:({reader:e,rootDir:s})=>{let c=o.fileURLToPath(new URL(`.`,import.meta.url)),l=i.join(c,`..`,`types`),u=i.join(c,`..`,`node_modules`),d=r.existsSync(l)?l:u;return{reader:n([e,t({mapping:{from:d,to:i.join(s,`node_modules`)},watch:!1}),...d===l?[t({mapping:{from:l,to:i.join(s,`node_modules`,`@types`)},watch:!1})]:[]]),specialTypes:L,tsCompilerOptions:{jsx:a.JsxEmit.ReactJSX,jsxImportSource:`react`}}},crawlFile:({logger:e,resolver:t,rootDir:n,absoluteFilePath:r})=>j(e,t,n,r)}),z=/import (\* as )?React[ ,]/;function B(){return{name:`previewjs:react-js-imports`,async transform(e,t){return t.includes(`node_modules`)||i.extname(t)!==`.js`||z.test(e)?e:`import React from 'react';${e}`}}}const V={info:{apiVersion:5,name:`@cfp-studio/plugin-react`},isCompatible:async e=>{let t=await e.react?.readInstalledVersion();if(!t)return!1;let[n,r]=t.split(`.`).map(e=>Number.parseInt(e));return Number.isNaN(n)||Number.isNaN(r)?!1:n>=17||n===16&&r>=14},async create({rootDir:e,reader:t,logger:n,dependencies:r}){let a=o.fileURLToPath(new URL(`.`,import.meta.url)),s=R({rootDir:e,reader:t,logger:n});return{defaultWrapperPath:`__previewjs__/Wrapper.tsx`,previewDirPath:i.join(a,`..`,`preview`),...s,viteConfig:e=>{let t=e.find(e=>e.name.startsWith(`vite:react-`));return{optimizeDeps:{esbuildOptions:{plugins:r.next?[E()]:[]}},resolve:{alias:{"react-native":`react-native-web`}},plugins:[B(),...e,...t?[]:[T()],{name:`previewjs:update-react-import`,async transform(e,t){if(!t.endsWith(`__previewjs_internal__/renderer/index.tsx`))return;let n=Number.parseInt(await r.react?.readInstalledVersion()||`0`);return e.replace(/__PREVIEWJS_PLUGIN_REACT_IMPORT_PATH__/g,n>=18?`./render-18`:`./render-16`)}}]}}}}};export{V as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfp-studio/plugin-react",
-  "version": "17.2.1",
+  "version": "17.3.0",
   "license": "MIT",
   "files": [
     "dist",
@@ -15,11 +15,11 @@
     "@vitejs/plugin-react": "4.3.4",
     "esbuild-plugin-polyfill-node": "0.3.0",
     "typescript": "5.9.3",
-    "@cfp-studio/analyzer-api": "0.1.12",
+    "@cfp-studio/analyzer-api": "0.1.13",
     "@cfp-studio/type-analyzer": "10.1.8",
-    "@cfp-studio/vfs": "2.1.6",
+    "@cfp-studio/serializable-values": "9.0.8",
     "@cfp-studio/storybook-helpers": "6.0.2",
-    "@cfp-studio/serializable-values": "9.0.8"
+    "@cfp-studio/vfs": "2.1.6"
   },
   "devDependencies": {
     "@playwright/test": "1.64.1",
@@ -33,9 +33,9 @@
     "react-dom": "18.3.1",
     "vite": "6.4.5",
     "vitest": "5.0.5",
-    "@cfp-studio/iframe": "18.2.0",
+    "@cfp-studio/core": "1.0.6",
     "@cfp-studio/testing": "14.0.1",
-    "@cfp-studio/core": "1.0.6"
+    "@cfp-studio/iframe": "18.2.0"
   },
   "engines": {
     "node": ">=20"