107 lines
4.8 KiB
Plaintext
107 lines
4.8 KiB
Plaintext
|
"use strict";
|
||
|
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
||
|
|
if (k2 === undefined) k2 = k;
|
||
|
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
||
|
|
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
||
|
|
desc = { enumerable: true, get: function() { return m[k]; } };
|
||
|
|
}
|
||
|
|
Object.defineProperty(o, k2, desc);
|
||
|
|
}) : (function(o, m, k, k2) {
|
||
|
|
if (k2 === undefined) k2 = k;
|
||
|
|
o[k2] = m[k];
|
||
|
|
}));
|
||
|
|
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
||
|
|
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
||
|
|
}) : function(o, v) {
|
||
|
|
o["default"] = v;
|
||
|
|
});
|
||
|
|
var __importStar = (this && this.__importStar) || function (mod) {
|
||
|
|
if (mod && mod.__esModule) return mod;
|
||
|
|
var result = {};
|
||
|
|
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
||
|
|
__setModuleDefault(result, mod);
|
||
|
|
return result;
|
||
|
|
};
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
exports.patchTSX = exports.classNameFromFilename = exports.framework2tsx = void 0;
|
||
|
|
const language_core_1 = require("@volar/language-core");
|
||
|
|
const path = __importStar(require("node:path"));
|
||
|
|
const vscode_uri_1 = require("vscode-uri");
|
||
|
|
const importPackage_1 = require("../importPackage");
|
||
|
|
function framework2tsx(fileName, filePath, sourceCode, framework) {
|
||
|
|
const integrationEditorEntrypoint = framework === 'vue' ? (0, importPackage_1.importVueIntegration)(filePath) : (0, importPackage_1.importSvelteIntegration)(filePath);
|
||
|
|
if (!integrationEditorEntrypoint) {
|
||
|
|
const EMPTY_FILE = '';
|
||
|
|
return getVirtualFile(EMPTY_FILE);
|
||
|
|
}
|
||
|
|
const className = classNameFromFilename(filePath);
|
||
|
|
const tsx = patchTSX(integrationEditorEntrypoint.toTSX(sourceCode, className), fileName);
|
||
|
|
return getVirtualFile(tsx);
|
||
|
|
function getVirtualFile(content) {
|
||
|
|
return {
|
||
|
|
fileName: fileName + '.tsx',
|
||
|
|
capabilities: language_core_1.FileCapabilities.full,
|
||
|
|
kind: language_core_1.FileKind.TypeScriptHostFile,
|
||
|
|
snapshot: {
|
||
|
|
getText: (start, end) => content.substring(start, end),
|
||
|
|
getLength: () => content.length,
|
||
|
|
getChangeRange: () => undefined,
|
||
|
|
},
|
||
|
|
codegenStacks: [],
|
||
|
|
mappings: [
|
||
|
|
{
|
||
|
|
sourceRange: [0, content.length],
|
||
|
|
generatedRange: [0, 0],
|
||
|
|
data: language_core_1.FileRangeCapabilities.full,
|
||
|
|
},
|
||
|
|
],
|
||
|
|
embeddedFiles: [],
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}
|
||
|
|
exports.framework2tsx = framework2tsx;
|
||
|
|
/**
|
||
|
|
* Transform a string into PascalCase
|
||
|
|
*/
|
||
|
|
function toPascalCase(string) {
|
||
|
|
return `${string}`
|
||
|
|
.replace(new RegExp(/[-_]+/, 'g'), ' ')
|
||
|
|
.replace(new RegExp(/[^\w\s]/, 'g'), '')
|
||
|
|
.replace(new RegExp(/\s+(.)(\w*)/, 'g'), ($1, $2, $3) => `${$2.toUpperCase() + $3.toLowerCase()}`)
|
||
|
|
.replace(new RegExp(/\w/), (s) => s.toUpperCase());
|
||
|
|
}
|
||
|
|
function classNameFromFilename(filename) {
|
||
|
|
const url = vscode_uri_1.URI.parse(filename);
|
||
|
|
const withoutExtensions = vscode_uri_1.Utils.basename(url).slice(0, -vscode_uri_1.Utils.extname(url).length);
|
||
|
|
const withoutInvalidCharacters = withoutExtensions
|
||
|
|
.split('')
|
||
|
|
// Although "-" is invalid, we leave it in, pascal-case-handling will throw it out later
|
||
|
|
.filter((char) => /[A-Za-z$_\d-]/.test(char))
|
||
|
|
.join('');
|
||
|
|
const firstValidCharIdx = withoutInvalidCharacters
|
||
|
|
.split('')
|
||
|
|
// Although _ and $ are valid first characters for classes, they are invalid first characters
|
||
|
|
// for tag names. For a better import autocompletion experience, we therefore throw them out.
|
||
|
|
.findIndex((char) => /[A-Za-z]/.test(char));
|
||
|
|
const withoutLeadingInvalidCharacters = withoutInvalidCharacters.substring(firstValidCharIdx);
|
||
|
|
const inPascalCase = toPascalCase(withoutLeadingInvalidCharacters);
|
||
|
|
const finalName = firstValidCharIdx === -1 ? `A${inPascalCase}` : inPascalCase;
|
||
|
|
return finalName;
|
||
|
|
}
|
||
|
|
exports.classNameFromFilename = classNameFromFilename;
|
||
|
|
// TODO: Patch the upstream packages with these changes
|
||
|
|
function patchTSX(code, fileName) {
|
||
|
|
const basename = path.basename(fileName, path.extname(fileName));
|
||
|
|
const isDynamic = basename.startsWith('[') && basename.endsWith(']');
|
||
|
|
return code.replace(/\b(\S*)__AstroComponent_/gm, (fullMatch, m1) => {
|
||
|
|
// If we don't have a match here, it usually means the file has a weird name that couldn't be expressed with valid identifier characters
|
||
|
|
if (!m1) {
|
||
|
|
if (basename === '404')
|
||
|
|
return 'FourOhFour';
|
||
|
|
return fullMatch;
|
||
|
|
}
|
||
|
|
return isDynamic ? `_${m1}_` : m1[0].toUpperCase() + m1.slice(1);
|
||
|
|
});
|
||
|
|
}
|
||
|
|
exports.patchTSX = patchTSX;
|
||
|
|
//# sourceMappingURL=utils.js.map
|