🎉 initiate project *astro_rewrite*
This commit is contained in:
parent
ffd4d5e86c
commit
2ba37bfbe3
8658 changed files with 2268794 additions and 2538 deletions
2
node_modules/astro/dist/jsx/babel.d.ts
generated
vendored
Normal file
2
node_modules/astro/dist/jsx/babel.d.ts
generated
vendored
Normal file
|
@ -0,0 +1,2 @@
|
|||
import type { PluginObj } from '@babel/core';
|
||||
export default function astroJSX(): PluginObj;
|
299
node_modules/astro/dist/jsx/babel.js
generated
vendored
Normal file
299
node_modules/astro/dist/jsx/babel.js
generated
vendored
Normal file
|
@ -0,0 +1,299 @@
|
|||
import * as t from "@babel/types";
|
||||
import { AstroErrorData } from "../core/errors/errors-data.js";
|
||||
import { AstroError } from "../core/errors/errors.js";
|
||||
import { resolvePath } from "../core/util.js";
|
||||
const ClientOnlyPlaceholder = "astro-client-only";
|
||||
function isComponent(tagName) {
|
||||
return tagName[0] && tagName[0].toLowerCase() !== tagName[0] || tagName.includes(".") || /[^a-zA-Z]/.test(tagName[0]);
|
||||
}
|
||||
function hasClientDirective(node) {
|
||||
for (const attr of node.openingElement.attributes) {
|
||||
if (attr.type === "JSXAttribute" && attr.name.type === "JSXNamespacedName") {
|
||||
return attr.name.namespace.name === "client";
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
function isClientOnlyComponent(node) {
|
||||
for (const attr of node.openingElement.attributes) {
|
||||
if (attr.type === "JSXAttribute" && attr.name.type === "JSXNamespacedName") {
|
||||
return jsxAttributeToString(attr) === "client:only";
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
function getTagName(tag) {
|
||||
const jsxName = tag.openingElement.name;
|
||||
return jsxElementNameToString(jsxName);
|
||||
}
|
||||
function jsxElementNameToString(node) {
|
||||
if (t.isJSXMemberExpression(node)) {
|
||||
return `${jsxElementNameToString(node.object)}.${node.property.name}`;
|
||||
}
|
||||
if (t.isJSXIdentifier(node) || t.isIdentifier(node)) {
|
||||
return node.name;
|
||||
}
|
||||
return `${node.namespace.name}:${node.name.name}`;
|
||||
}
|
||||
function jsxAttributeToString(attr) {
|
||||
if (t.isJSXNamespacedName(attr.name)) {
|
||||
return `${attr.name.namespace.name}:${attr.name.name.name}`;
|
||||
}
|
||||
return `${attr.name.name}`;
|
||||
}
|
||||
function addClientMetadata(node, meta) {
|
||||
const existingAttributes = node.openingElement.attributes.map(
|
||||
(attr) => t.isJSXAttribute(attr) ? jsxAttributeToString(attr) : null
|
||||
);
|
||||
if (!existingAttributes.find((attr) => attr === "client:component-path")) {
|
||||
const componentPath = t.jsxAttribute(
|
||||
t.jsxNamespacedName(t.jsxIdentifier("client"), t.jsxIdentifier("component-path")),
|
||||
t.stringLiteral(meta.resolvedPath)
|
||||
);
|
||||
node.openingElement.attributes.push(componentPath);
|
||||
}
|
||||
if (!existingAttributes.find((attr) => attr === "client:component-export")) {
|
||||
if (meta.name === "*") {
|
||||
meta.name = getTagName(node).split(".").slice(1).join(".");
|
||||
}
|
||||
const componentExport = t.jsxAttribute(
|
||||
t.jsxNamespacedName(t.jsxIdentifier("client"), t.jsxIdentifier("component-export")),
|
||||
t.stringLiteral(meta.name)
|
||||
);
|
||||
node.openingElement.attributes.push(componentExport);
|
||||
}
|
||||
if (!existingAttributes.find((attr) => attr === "client:component-hydration")) {
|
||||
const staticMarker = t.jsxAttribute(
|
||||
t.jsxNamespacedName(t.jsxIdentifier("client"), t.jsxIdentifier("component-hydration"))
|
||||
);
|
||||
node.openingElement.attributes.push(staticMarker);
|
||||
}
|
||||
}
|
||||
function addClientOnlyMetadata(node, meta) {
|
||||
const tagName = getTagName(node);
|
||||
node.openingElement = t.jsxOpeningElement(
|
||||
t.jsxIdentifier(ClientOnlyPlaceholder),
|
||||
node.openingElement.attributes
|
||||
);
|
||||
if (node.closingElement) {
|
||||
node.closingElement = t.jsxClosingElement(t.jsxIdentifier(ClientOnlyPlaceholder));
|
||||
}
|
||||
const existingAttributes = node.openingElement.attributes.map(
|
||||
(attr) => t.isJSXAttribute(attr) ? jsxAttributeToString(attr) : null
|
||||
);
|
||||
if (!existingAttributes.find((attr) => attr === "client:display-name")) {
|
||||
const displayName = t.jsxAttribute(
|
||||
t.jsxNamespacedName(t.jsxIdentifier("client"), t.jsxIdentifier("display-name")),
|
||||
t.stringLiteral(tagName)
|
||||
);
|
||||
node.openingElement.attributes.push(displayName);
|
||||
}
|
||||
if (!existingAttributes.find((attr) => attr === "client:component-path")) {
|
||||
const componentPath = t.jsxAttribute(
|
||||
t.jsxNamespacedName(t.jsxIdentifier("client"), t.jsxIdentifier("component-path")),
|
||||
t.stringLiteral(meta.resolvedPath)
|
||||
);
|
||||
node.openingElement.attributes.push(componentPath);
|
||||
}
|
||||
if (!existingAttributes.find((attr) => attr === "client:component-export")) {
|
||||
if (meta.name === "*") {
|
||||
meta.name = getTagName(node).split(".").at(1);
|
||||
}
|
||||
const componentExport = t.jsxAttribute(
|
||||
t.jsxNamespacedName(t.jsxIdentifier("client"), t.jsxIdentifier("component-export")),
|
||||
t.stringLiteral(meta.name)
|
||||
);
|
||||
node.openingElement.attributes.push(componentExport);
|
||||
}
|
||||
if (!existingAttributes.find((attr) => attr === "client:component-hydration")) {
|
||||
const staticMarker = t.jsxAttribute(
|
||||
t.jsxNamespacedName(t.jsxIdentifier("client"), t.jsxIdentifier("component-hydration"))
|
||||
);
|
||||
node.openingElement.attributes.push(staticMarker);
|
||||
}
|
||||
}
|
||||
function astroJSX() {
|
||||
return {
|
||||
visitor: {
|
||||
Program: {
|
||||
enter(path, state) {
|
||||
if (!state.file.metadata.astro) {
|
||||
state.file.metadata.astro = {
|
||||
clientOnlyComponents: [],
|
||||
hydratedComponents: [],
|
||||
scripts: [],
|
||||
containsHead: false,
|
||||
propagation: "none",
|
||||
pageOptions: {}
|
||||
};
|
||||
}
|
||||
path.node.body.splice(
|
||||
0,
|
||||
0,
|
||||
t.importDeclaration(
|
||||
[t.importSpecifier(t.identifier("Fragment"), t.identifier("Fragment"))],
|
||||
t.stringLiteral("astro/jsx-runtime")
|
||||
)
|
||||
);
|
||||
}
|
||||
},
|
||||
ImportDeclaration(path, state) {
|
||||
const source = path.node.source.value;
|
||||
if (source.startsWith("astro/jsx-runtime"))
|
||||
return;
|
||||
const specs = path.node.specifiers.map((spec) => {
|
||||
if (t.isImportDefaultSpecifier(spec))
|
||||
return { local: spec.local.name, imported: "default" };
|
||||
if (t.isImportNamespaceSpecifier(spec))
|
||||
return { local: spec.local.name, imported: "*" };
|
||||
if (t.isIdentifier(spec.imported))
|
||||
return { local: spec.local.name, imported: spec.imported.name };
|
||||
return { local: spec.local.name, imported: spec.imported.value };
|
||||
});
|
||||
const imports = state.get("imports") ?? /* @__PURE__ */ new Map();
|
||||
for (const spec of specs) {
|
||||
if (imports.has(source)) {
|
||||
const existing = imports.get(source);
|
||||
existing.add(spec);
|
||||
imports.set(source, existing);
|
||||
} else {
|
||||
imports.set(source, /* @__PURE__ */ new Set([spec]));
|
||||
}
|
||||
}
|
||||
state.set("imports", imports);
|
||||
},
|
||||
JSXMemberExpression(path, state) {
|
||||
var _a;
|
||||
const node = path.node;
|
||||
if (((_a = state.filename) == null ? void 0 : _a.endsWith(".mdx")) && t.isJSXIdentifier(node.object) && node.object.name === "_components") {
|
||||
return;
|
||||
}
|
||||
const parent = path.findParent((n) => t.isJSXElement(n.node));
|
||||
const parentNode = parent.node;
|
||||
const tagName = getTagName(parentNode);
|
||||
if (!isComponent(tagName))
|
||||
return;
|
||||
if (!hasClientDirective(parentNode))
|
||||
return;
|
||||
const isClientOnly = isClientOnlyComponent(parentNode);
|
||||
if (tagName === ClientOnlyPlaceholder)
|
||||
return;
|
||||
const imports = state.get("imports") ?? /* @__PURE__ */ new Map();
|
||||
const namespace = tagName.split(".");
|
||||
for (const [source, specs] of imports) {
|
||||
for (const { imported, local } of specs) {
|
||||
const reference = path.referencesImport(source, imported);
|
||||
if (reference) {
|
||||
path.setData("import", { name: imported, path: source });
|
||||
break;
|
||||
}
|
||||
if (namespace.at(0) === local) {
|
||||
const name = imported === "*" ? imported : tagName;
|
||||
path.setData("import", { name, path: source });
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
const meta = path.getData("import");
|
||||
if (meta) {
|
||||
const resolvedPath = resolvePath(meta.path, state.filename);
|
||||
if (isClientOnly) {
|
||||
state.file.metadata.astro.clientOnlyComponents.push({
|
||||
exportName: meta.name,
|
||||
specifier: tagName,
|
||||
resolvedPath
|
||||
});
|
||||
meta.resolvedPath = resolvedPath;
|
||||
addClientOnlyMetadata(parentNode, meta);
|
||||
} else {
|
||||
state.file.metadata.astro.hydratedComponents.push({
|
||||
exportName: "*",
|
||||
specifier: tagName,
|
||||
resolvedPath
|
||||
});
|
||||
meta.resolvedPath = resolvedPath;
|
||||
addClientMetadata(parentNode, meta);
|
||||
}
|
||||
} else {
|
||||
throw new Error(
|
||||
`Unable to match <${getTagName(
|
||||
parentNode
|
||||
)}> with client:* directive to an import statement!`
|
||||
);
|
||||
}
|
||||
},
|
||||
JSXIdentifier(path, state) {
|
||||
const isAttr = path.findParent((n) => t.isJSXAttribute(n.node));
|
||||
if (isAttr)
|
||||
return;
|
||||
const parent = path.findParent((n) => t.isJSXElement(n.node));
|
||||
const parentNode = parent.node;
|
||||
const tagName = getTagName(parentNode);
|
||||
if (!isComponent(tagName))
|
||||
return;
|
||||
if (!hasClientDirective(parentNode))
|
||||
return;
|
||||
const isClientOnly = isClientOnlyComponent(parentNode);
|
||||
if (tagName === ClientOnlyPlaceholder)
|
||||
return;
|
||||
const imports = state.get("imports") ?? /* @__PURE__ */ new Map();
|
||||
const namespace = tagName.split(".");
|
||||
for (const [source, specs] of imports) {
|
||||
for (const { imported, local } of specs) {
|
||||
const reference = path.referencesImport(source, imported);
|
||||
if (reference) {
|
||||
path.setData("import", { name: imported, path: source });
|
||||
break;
|
||||
}
|
||||
if (namespace.at(0) === local) {
|
||||
path.setData("import", { name: imported, path: source });
|
||||
break;
|
||||
}
|
||||
}
|
||||
}
|
||||
const meta = path.getData("import");
|
||||
if (meta) {
|
||||
if (meta.path.endsWith(".astro")) {
|
||||
const displayName = getTagName(parentNode);
|
||||
for (const attr of parentNode.openingElement.attributes) {
|
||||
if (t.isJSXAttribute(attr)) {
|
||||
const name = jsxAttributeToString(attr);
|
||||
if (name.startsWith("client:")) {
|
||||
console.warn(
|
||||
`You are attempting to render <${displayName} ${name} />, but ${displayName} is an Astro component. Astro components do not render in the client and should not have a hydration directive. Please use a framework component for client rendering.`
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
const resolvedPath = resolvePath(meta.path, state.filename);
|
||||
if (isClientOnly) {
|
||||
state.file.metadata.astro.clientOnlyComponents.push({
|
||||
exportName: meta.name,
|
||||
specifier: meta.name,
|
||||
resolvedPath
|
||||
});
|
||||
meta.resolvedPath = resolvedPath;
|
||||
addClientOnlyMetadata(parentNode, meta);
|
||||
} else {
|
||||
state.file.metadata.astro.hydratedComponents.push({
|
||||
exportName: meta.name,
|
||||
specifier: meta.name,
|
||||
resolvedPath
|
||||
});
|
||||
meta.resolvedPath = resolvedPath;
|
||||
addClientMetadata(parentNode, meta);
|
||||
}
|
||||
} else {
|
||||
throw new AstroError({
|
||||
...AstroErrorData.NoMatchingImport,
|
||||
message: AstroErrorData.NoMatchingImport.message(getTagName(parentNode))
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
}
|
||||
export {
|
||||
astroJSX as default
|
||||
};
|
1
node_modules/astro/dist/jsx/component.d.ts
generated
vendored
Normal file
1
node_modules/astro/dist/jsx/component.d.ts
generated
vendored
Normal file
|
@ -0,0 +1 @@
|
|||
export declare function createAstroJSXComponent(factory: (...args: any[]) => any): (...args: any[]) => any;
|
10
node_modules/astro/dist/jsx/component.js
generated
vendored
Normal file
10
node_modules/astro/dist/jsx/component.js
generated
vendored
Normal file
|
@ -0,0 +1,10 @@
|
|||
import { __astro_tag_component__ } from "../runtime/server/index.js";
|
||||
import renderer from "./renderer.js";
|
||||
const ASTRO_JSX_RENDERER_NAME = renderer.name;
|
||||
function createAstroJSXComponent(factory) {
|
||||
__astro_tag_component__(factory, ASTRO_JSX_RENDERER_NAME);
|
||||
return factory;
|
||||
}
|
||||
export {
|
||||
createAstroJSXComponent
|
||||
};
|
2
node_modules/astro/dist/jsx/index.d.ts
generated
vendored
Normal file
2
node_modules/astro/dist/jsx/index.d.ts
generated
vendored
Normal file
|
@ -0,0 +1,2 @@
|
|||
export { createAstroJSXComponent } from './component.js';
|
||||
export { default as renderer } from './renderer.js';
|
6
node_modules/astro/dist/jsx/index.js
generated
vendored
Normal file
6
node_modules/astro/dist/jsx/index.js
generated
vendored
Normal file
|
@ -0,0 +1,6 @@
|
|||
import { createAstroJSXComponent } from "./component.js";
|
||||
import { default as default2 } from "./renderer.js";
|
||||
export {
|
||||
createAstroJSXComponent,
|
||||
default2 as renderer
|
||||
};
|
9
node_modules/astro/dist/jsx/renderer.d.ts
generated
vendored
Normal file
9
node_modules/astro/dist/jsx/renderer.d.ts
generated
vendored
Normal file
|
@ -0,0 +1,9 @@
|
|||
declare const renderer: {
|
||||
name: string;
|
||||
serverEntrypoint: string;
|
||||
jsxImportSource: string;
|
||||
jsxTransformOptions: () => Promise<{
|
||||
plugins: any[];
|
||||
}>;
|
||||
};
|
||||
export default renderer;
|
22
node_modules/astro/dist/jsx/renderer.js
generated
vendored
Normal file
22
node_modules/astro/dist/jsx/renderer.js
generated
vendored
Normal file
|
@ -0,0 +1,22 @@
|
|||
const renderer = {
|
||||
name: "astro:jsx",
|
||||
serverEntrypoint: "astro/jsx/server.js",
|
||||
jsxImportSource: "astro",
|
||||
jsxTransformOptions: async () => {
|
||||
const {
|
||||
default: { default: jsx }
|
||||
// @ts-expect-error
|
||||
} = await import("@babel/plugin-transform-react-jsx");
|
||||
const { default: astroJSX } = await import("./babel.js");
|
||||
return {
|
||||
plugins: [
|
||||
astroJSX(),
|
||||
jsx({}, { throwIfNamespace: false, runtime: "automatic", importSource: "astro" })
|
||||
]
|
||||
};
|
||||
}
|
||||
};
|
||||
var renderer_default = renderer;
|
||||
export {
|
||||
renderer_default as default
|
||||
};
|
13
node_modules/astro/dist/jsx/server.d.ts
generated
vendored
Normal file
13
node_modules/astro/dist/jsx/server.d.ts
generated
vendored
Normal file
|
@ -0,0 +1,13 @@
|
|||
export declare function check(Component: any, props: any, { default: children, ...slotted }?: {
|
||||
default?: null | undefined;
|
||||
}): Promise<any>;
|
||||
export declare function renderToStaticMarkup(this: any, Component: any, props?: {}, { default: children, ...slotted }?: {
|
||||
default?: null | undefined;
|
||||
}): Promise<{
|
||||
html: any;
|
||||
}>;
|
||||
declare const _default: {
|
||||
check: typeof check;
|
||||
renderToStaticMarkup: typeof renderToStaticMarkup;
|
||||
};
|
||||
export default _default;
|
54
node_modules/astro/dist/jsx/server.js
generated
vendored
Normal file
54
node_modules/astro/dist/jsx/server.js
generated
vendored
Normal file
|
@ -0,0 +1,54 @@
|
|||
import { AstroJSX, jsx } from "../jsx-runtime/index.js";
|
||||
import { renderJSX } from "../runtime/server/jsx.js";
|
||||
const slotName = (str) => str.trim().replace(/[-_]([a-z])/g, (_, w) => w.toUpperCase());
|
||||
async function check(Component, props, { default: children = null, ...slotted } = {}) {
|
||||
if (typeof Component !== "function")
|
||||
return false;
|
||||
const slots = {};
|
||||
for (const [key, value] of Object.entries(slotted)) {
|
||||
const name = slotName(key);
|
||||
slots[name] = value;
|
||||
}
|
||||
try {
|
||||
const result = await Component({ ...props, ...slots, children });
|
||||
return result[AstroJSX];
|
||||
} catch (e) {
|
||||
const error = e;
|
||||
if (Component[Symbol.for("mdx-component")]) {
|
||||
throw createFormattedError({
|
||||
message: error.message,
|
||||
title: error.name,
|
||||
hint: `This issue often occurs when your MDX component encounters runtime errors.`,
|
||||
name: error.name,
|
||||
stack: error.stack
|
||||
});
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
async function renderToStaticMarkup(Component, props = {}, { default: children = null, ...slotted } = {}) {
|
||||
const slots = {};
|
||||
for (const [key, value] of Object.entries(slotted)) {
|
||||
const name = slotName(key);
|
||||
slots[name] = value;
|
||||
}
|
||||
const { result } = this;
|
||||
const html = await renderJSX(result, jsx(Component, { ...props, ...slots, children }));
|
||||
return { html };
|
||||
}
|
||||
function createFormattedError({ message, name, stack, hint }) {
|
||||
const error = new Error(message);
|
||||
error.name = name;
|
||||
error.stack = stack;
|
||||
error.hint = hint;
|
||||
return error;
|
||||
}
|
||||
var server_default = {
|
||||
check,
|
||||
renderToStaticMarkup
|
||||
};
|
||||
export {
|
||||
check,
|
||||
server_default as default,
|
||||
renderToStaticMarkup
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue