'
- },
- };
- RuleTextRenderer.renderRuleText(cardEditor, this.card, undefined, lively.rect(0,0,5,5), {
- insetTextBy: 2,
- beforeRenderRules: () => {}
- })
- cardEditor
}
attributeChangedCallback(name, oldValue, newValue) {
@@ -3504,7 +3516,7 @@ export default class UbgCard extends Cards {
/*MD ## Lively-specific API MD*/
livelyPrepareSave() {
- this.setAttribute("data-mydata", this.get("#textField").value)
+ // this.setAttribute("data-mydata", this.get("#textField").value)
}
livelyPreMigrate() {
diff --git a/src/components/widgets/ubg-cards.js b/src/components/widgets/ubg-cards.js
index a94d15cab..74b055d43 100644
--- a/src/components/widgets/ubg-cards.js
+++ b/src/components/widgets/ubg-cards.js
@@ -1476,174 +1476,6 @@ function writeLine(pdfGen, wordsInfo, lineLength, lineNumber, xStart, yStart, li
}
}
-class TextRenderer {
-
- static async rendetTextInBlock(cardEditor, doc, text, outsideBorder, x, y, width) {
- await cardEditor.withinCardBorder(doc, outsideBorder, async () => {
- await doc::withGraphicsState(async () => {
- {
- await cardEditor.setAndEnsureFont(doc, FONT_NAME_CARD_TEXT, "normal")
- doc.setFontSize(11);
-
- const textHeight = doc.getTextDimensions('a').h
- const lineHeightMultiplier = 1.15;
- const effectSeparatorHeightMultiplier = 1.5;
-
- let currentX = x;
- let currentY = y;
-
- function newLine(heightMultiplier) {
- currentY += textHeight * heightMultiplier
- currentX = x
- }
-
- const lines = text.split('\n');
- for (let line of lines) {
- const words = line.split(/\b/gmi);
- for (let word of words) {
- if (word.toLowerCase() === 'blitz') {
- await cardEditor.setAndEnsureFont(doc, FONT_NAME_FA_SOLID_900, "normal")
- word = '\ue0b7'
- } else {
- await cardEditor.setAndEnsureFont(doc, FONT_NAME_CARD_TEXT, "normal")
- }
-
- const wordWidth = doc.getTextWidth(word);
- if (currentX + wordWidth > x + width) {
- newLine(lineHeightMultiplier)
- if (word === ' ') {
- continue
- }
- }
-
- const HELPER_LINE_WIDTH = .2
- doc::withGraphicsState(() => {
- doc.setGState(new doc.GState({ opacity: .7 }));
- doc.setFillColor('#aaaaff');
- doc.setDrawColor('black');
- doc.setLineWidth(HELPER_LINE_WIDTH)
- doc.rect(currentX, currentY, wordWidth, textHeight, 'FD');
- })
-
- doc.setDrawColor('red');
- doc.setLineWidth(HELPER_LINE_WIDTH * 2)
- doc.line(currentX + wordWidth, currentY, currentX + wordWidth, currentY + textHeight, 'S')
-
- doc.setTextColor('#000000');
- doc.text(word, currentX, currentY, {
- align: 'left',
- baseline: 'top'
- });
-
- currentX += wordWidth
- }
-
- newLine(effectSeparatorHeightMultiplier)
- }
- }
- })
- })
- }
-
- static async renderText(cardEditor, doc, cardDesc, border, {
- insetTextBy = 2,
- beforeRenderRules = () => {}
- } = { }) {
- let printedRules = cardDesc.getText() || '';
-
- const outerRuleBox = border.insetByRect(lively.rect(10,20,0,0))
- const RULE_BOX_PADDING = 2
- const effectiveRuleBox = outerRuleBox.insetBy(RULE_BOX_PADDING)
- await cardEditor.withinCardBorder(doc, border, async () => {
- doc::withGraphicsState(() => {
- globalThis.doc = doc
-
- doc.setGState(new doc.GState({ opacity: .9 }));
- doc.setFillColor('white');
- doc.setDrawColor('gray');
- // doc.rect(...effectiveRuleBox::xYWidthHeight(), 'FD');
- doc.roundedRect(...outerRuleBox::xYWidthHeight(), RULE_BOX_PADDING, RULE_BOX_PADDING, 'FD')
- })
- })
-
- await this.rendetTextInBlock(cardEditor, doc, printedRules, border, effectiveRuleBox.x, effectiveRuleBox.y, effectiveRuleBox.width)
- return;
-
-
- // old big cast icon with small tap
- // printedRules = printedRules.replace(/(^|\n)t3x(fire|water|earth|wind|gray)([^\n]*)/gi, function replacer(match, p1, pElement, pText, offset, string, groups) {
- // return `tap 3x${pElement}${pText}
`;
- // });
-
- // separate rules
- printedRules = printedRules.replace(/affectAll(.*)\/affectAll/gmi, function replacer(match, innerText, offset, string, groups) {
- return `${innerText}
`;
- });
- printedRules = this.parseEffectsAndLists(printedRules);
-
- printedRules = this.renderReminderText(printedRules, cardEditor, cardDesc)
-
- printedRules = printedRules.replace(/\b(?:\d|-|\+)*x(?:\d|-|\+|vp)*\b/gmi, function replacer(match, innerText, offset, string, groups) {
- // find the bigger pattern, then just replace all x instead of reconstructing its surrounding characters
- return match.replace('x', 'hedron')
- });
-
- printedRules = printedRules.replace(/blitz/gmi, '');
- printedRules = printedRules.replace(/passive/gmi, '');
- printedRules = printedRules.replace(/start of turn,?/gmi, '');
- printedRules = printedRules.replace(/ignition/gmi, '');
- printedRules = printedRules.replace(/\btrain\b/gmi, '');
-
- //
- printedRules = printedRules.replace(/\bcardname(?::(\d+))?/gmi, (match, cardId, offset, string, groups) => {
- // lor blue card name #519ff1
- // #ffe967
- // #f8d66a
- // #de9b75
- function highlightName(name) {
- return `${name}`
- }
- if (!cardId) {
- return highlightName(cardEditor.getNameFromCard(cardDesc))
- }
- const card = cardEditor.cards.find(card => card.getId() + '' === cardId)
- if (card) {
- return highlightName(cardEditor.getNameFromCard(card))
- } else {
- return `unknown id: ${cardId}`
- }
- });
-
-
- printedRules = printedRules.replace(/actionFree/gmi, () => this.chip('free'));
- printedRules = printedRules.replace(/actionOnce/gmi, () => this.chip('once'));
- printedRules = printedRules.replace(/actionMulti/gmi, () => this.chip('multi'));
- printedRules = printedRules.replace(/actionMain:?/gmi, () => {
- return ''
- });
-
- printedRules = this.renderCastIcon(printedRules)
-
- printedRules = printedRules.replace(/manaCost(fire|water|earth|wind|gray)/gmi, (match, pElement, offset, string, groups) => {
- return this.manaCost(pElement);
- });
-
- printedRules = this.renderElementIcon(printedRules)
- printedRules = this.renderVPIcon(printedRules)
- printedRules = this.renderCardIcon(printedRules)
- printedRules = this.renderCoinIcon(printedRules)
- printedRules = this.renderBracketIcon(printedRules)
-
- printedRules = this.renderKeywords(printedRules)
- printedRules = this.renderHedronIcon(printedRules)
- printedRules = this.renderTapIcon(printedRules)
-
- printedRules = `${printedRules}`
-
- return this.renderToDoc(border, insetTextBy, printedRules, beforeRenderRules, doc)
- }
-}
-
const OUTSIDE_BORDER_ROUNDING = lively.pt(3, 3)
export default class Cards extends Morph {
@@ -2503,7 +2335,6 @@ export default class Cards extends Morph {
this.renderIsBad(doc, cardDesc, outsideBorder)
this.renderVersionIndicator(doc, cardDesc, outsideBorder)
- await TextRenderer.renderText(this, doc, cardDesc, outsideBorder)
}
/*MD ### Rendering Card Types MD*/