zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-14 09:59:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(compiler)!: move component generation to core

Browse Source
This commit is contained in:
Rahim
2026-06-19 19:37:09 -07:00
parent b2c6b3489f
commit f64acdfd15
158 changed files with 2849 additions and 712 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/compiler/src/tests/compile.test.ts
+21 -5
View File
@@ -1,5 +1,5 @@
import { describe, expect, it } from 'vitest';
import { compile, type ReactTargetOptions, react } from '..';
import { accessPath, compile, jsxExpression, type ReactTargetOptions, react, replaceJsxChild } from '..';
import { parse } from '../ast';
import { anyTag, byTag, hasChild } from '../matchers';
import { addProp, childAsProp, replace, wrap } from '../react';
@@ -53,14 +53,14 @@ describe('compile (transformImports — bare-string rule)', () => {
describe('compile (transformImports — function rule)', () => {
it('rewrites per-identifier source and bucket-merges by resolved target', async () => {
const source = `import { PlayButton, MuteButton } from '@videojs/core/components';\nconst _ = [PlayButton, MuteButton];`;
const source = `import { Alpha, Beta } from '@fixture/components';\nconst _ = [Alpha, Beta];`;
const { code } = await compileReact(source, {
imports: {
'@videojs/core/components': (name) => ({ source: `./ui/${name.toLowerCase()}`, name }),
'@fixture/components': (name) => ({ source: `./ui/${name.toLowerCase()}`, name }),
},
});
expect(code).toContain(`import { PlayButton } from "./ui/playbutton"`);
expect(code).toContain(`import { MuteButton } from "./ui/mutebutton"`);
expect(code).toContain(`import { Alpha } from "./ui/alpha"`);
expect(code).toContain(`import { Beta } from "./ui/beta"`);
});
it('renames identifiers when the rule returns a different `name`', async () => {
@@ -139,6 +139,22 @@ describe('childAsProp', () => {
});
});
describe('replaceJsxChild', () => {
it('replaces matched JSX children with expression helpers', async () => {
const source = `function App({ values }){ return <Container><Token name="poster-image"/></Container>; }`;
const { code } = await compileReact(source, {
transforms: [
replaceJsxChild({
match: byTag('Token'),
replace: (_node, factory) => jsxExpression(factory, accessPath(factory, 'values', 'poster-image')),
}),
],
});
expect(collapse(code)).toContain(collapse(`<Container>{values["poster-image"]}</Container>`));
});
});
describe('addProp', () => {
it('emits a JSX value by default and adds the import', async () => {
const source = `function App(){ return <PlayButton/>; }`;