Add --dump-dimensions option to rsx:debug for layout debugging Mark framework publish 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
109 lines
5.7 KiB
JavaScript
109 lines
5.7 KiB
JavaScript
"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 () {
|
|
var ownKeys = function(o) {
|
|
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
var ar = [];
|
|
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
return ar;
|
|
};
|
|
return ownKeys(o);
|
|
};
|
|
return function (mod) {
|
|
if (mod && mod.__esModule) return mod;
|
|
var result = {};
|
|
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
__setModuleDefault(result, mod);
|
|
return result;
|
|
};
|
|
})();
|
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
});
|
|
};
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.BladeComponentSemanticTokensProvider = void 0;
|
|
const vscode = __importStar(require("vscode"));
|
|
/**
|
|
* Provides semantic tokens for uppercase component tags in Blade files
|
|
*
|
|
* This provider highlights:
|
|
* - Component tag names in cyan/turquoise (using 'class' token type)
|
|
* - The tag="" attribute on jqhtml components in orange (using 'jqhtmlTagAttribute' token type)
|
|
*
|
|
* Usage:
|
|
* Register with vscode.languages.registerDocumentSemanticTokensProvider()
|
|
* using SemanticTokensLegend(['class', 'jqhtmlTagAttribute'])
|
|
*/
|
|
class BladeComponentSemanticTokensProvider {
|
|
provideDocumentSemanticTokens(document) {
|
|
return __awaiter(this, void 0, void 0, function* () {
|
|
const tokens_builder = new vscode.SemanticTokensBuilder();
|
|
// Only process Blade files
|
|
if (document.languageId !== 'blade') {
|
|
return tokens_builder.build();
|
|
}
|
|
const text = document.getText();
|
|
// Match opening tags that start with uppercase letter to find jqhtml components
|
|
// Matches: <ComponentName ...>, captures the entire tag up to >
|
|
const component_tag_regex = /<([A-Z][a-zA-Z0-9_]*)([^>]*?)>/g;
|
|
let component_match;
|
|
while ((component_match = component_tag_regex.exec(text)) !== null) {
|
|
const tag_name = component_match[1];
|
|
const tag_attributes = component_match[2];
|
|
const tag_start = component_match.index + component_match[0].indexOf(tag_name);
|
|
const tag_position = document.positionAt(tag_start);
|
|
// Push token for the component tag name
|
|
// Token type 0 maps to 'class' which VS Code themes style as entity.name.class (turquoise/cyan)
|
|
tokens_builder.push(tag_position.line, tag_position.character, tag_name.length, 0, 0);
|
|
// Now look for tag="" attribute within this component's attributes
|
|
// Matches: tag="..." or tag='...'
|
|
const tag_attr_regex = /\btag\s*=/g;
|
|
let attr_match;
|
|
while ((attr_match = tag_attr_regex.exec(tag_attributes)) !== null) {
|
|
// Calculate the position of 'tag' within the document
|
|
const attr_start = component_match.index + component_match[0].indexOf(tag_attributes) + attr_match.index;
|
|
const attr_position = document.positionAt(attr_start);
|
|
// Push token for 'tag' attribute name
|
|
// Token type 1 maps to 'jqhtmlTagAttribute' which we'll define to be orange
|
|
tokens_builder.push(attr_position.line, attr_position.character, 3, 1, 0);
|
|
}
|
|
}
|
|
// Also match closing tags that start with uppercase letter
|
|
// Matches: </ComponentName>
|
|
const closing_tag_regex = /<\/([A-Z][a-zA-Z0-9_]*)/g;
|
|
let closing_match;
|
|
while ((closing_match = closing_tag_regex.exec(text)) !== null) {
|
|
const tag_name = closing_match[1];
|
|
const tag_start = closing_match.index + closing_match[0].indexOf(tag_name);
|
|
const position = document.positionAt(tag_start);
|
|
// Push token for the tag name
|
|
// Token type 0 maps to 'class' which VS Code themes style as entity.name.class (turquoise/cyan)
|
|
tokens_builder.push(position.line, position.character, tag_name.length, 0, 0);
|
|
}
|
|
return tokens_builder.build();
|
|
});
|
|
}
|
|
}
|
|
exports.BladeComponentSemanticTokensProvider = BladeComponentSemanticTokensProvider;
|
|
//# sourceMappingURL=blade_component_provider.js.map
|