mii/obsidian-typst
1
0
Fork 0
mirror of https://github.com/mii443/obsidian-typst.git synced 2025-08-22 16:15:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix mobile

Browse Source
This commit is contained in:
Jack
2023-09-16 17:33:28 +01:00
parent 85b93a0053
commit c3c4aa34ca
2 changed files with 38 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
src/main.ts
View File

@ -49,25 +49,23 @@ export default class TypstPlugin extends Plugin {
fs: any;
async onload() {
this.textEncoder = new TextEncoder()
await this.loadSettings()
this.compilerWorker = (new CompilerWorker() as Worker);
if (!Platform.isMobileApp) {
this.compilerWorker.postMessage(true);
this.fs = require("fs")
let fonts = await Promise.all(
//@ts-expect-error
(await window.queryLocalFonts() as Array)
.filter((font: { family: string; name: string; }) => this.settings.font_families.contains(font.family.toLowerCase()))
.map(
async (font: { blob: () => Promise<Blob>; }) => await (await font.blob()).arrayBuffer()
)
)
this.compilerWorker.postMessage(fonts, fonts)
}
this.textEncoder = new TextEncoder()
await this.loadSettings()
let fonts = await Promise.all(
//@ts-expect-error
(await window.queryLocalFonts() as Array)
.filter((font: { family: string; name: string; }) => this.settings.font_families.contains(font.family.toLowerCase()))
.map(
async (font: { blob: () => Promise<Blob>; }) => await (await font.blob()).arrayBuffer()
)
)
this.compilerWorker.postMessage(fonts, fonts)
// Setup cutom canvas
TypstRenderElement.compile = (a, b, c, d, e) => this.processThenCompileTypst(a, b, c, d, e)
if (customElements.get("typst-renderer") == undefined) {
@ -233,7 +231,7 @@ export default class TypstPlugin extends Plugin {
const dpr = window.devicePixelRatio;
// * (72 / 96)
const pxToPt = (px: number) => px.toString() + "pt"
const sizing = `#let (WIDTH, HEIGHT, SIZE, THEME) = (${display ? pxToPt(size) : "auto"}, ${!display ? pxToPt(size) : "auto"}, ${pxToPt(fontSize * dpr)}, "${document.body.getCssPropertyValue("color-scheme")}")`
const sizing = `#let (WIDTH, HEIGHT, SIZE, THEME) = (${display ? pxToPt(size) : "auto"}, ${!display ? pxToPt(size) : "auto"}, ${pxToPt(fontSize)}, "${document.body.getCssPropertyValue("color-scheme")}")`
return this.compileToTypst(
path,
`${sizing}\n${this.settings.preamable.shared}\n${source}`,
@ -385,33 +383,36 @@ class TypstSettingTab extends PluginSettingTab {
.addTextArea((c) => c.setValue(this.plugin.settings.preamable.math).onChange(async (value) => { this.plugin.settings.preamable.math = value; await this.plugin.saveSettings() }))
//Font family settings
const fontSettings = containerEl.createDiv({ cls: "setting-item font-settings" })
fontSettings.createDiv({ text: "Fonts", cls: "setting-item-name" })
fontSettings.createDiv({ text: "Font family names that should be loaded for Typst from your system. Requires a reload on change.", cls: "setting-item-description" })
if (!Platform.isMobileApp) {
const addFontsDiv = fontSettings.createDiv({ cls: "add-fonts-div" })
const fontsInput = addFontsDiv.createEl('input', { type: "text", placeholder: "Enter a font family", cls: "font-input", })
const addFontBtn = addFontsDiv.createEl('button', { text: "Add" })
const fontSettings = containerEl.createDiv({ cls: "setting-item font-settings" })
fontSettings.createDiv({ text: "Fonts", cls: "setting-item-name" })
fontSettings.createDiv({ text: "Font family names that should be loaded for Typst from your system. Requires a reload on change.", cls: "setting-item-description" })
const fontTagsDiv = fontSettings.createDiv({ cls: "font-tags-div" })
const addFontsDiv = fontSettings.createDiv({ cls: "add-fonts-div" })
const fontsInput = addFontsDiv.createEl('input', { type: "text", placeholder: "Enter a font family", cls: "font-input", })
const addFontBtn = addFontsDiv.createEl('button', { text: "Add" })
const addFontTag = async () => {
if (!this.plugin.settings.font_families.contains(fontsInput.value)) {
this.plugin.settings.font_families.push(fontsInput.value.toLowerCase())
await this.plugin.saveSettings()
const fontTagsDiv = fontSettings.createDiv({ cls: "font-tags-div" })
const addFontTag = async () => {
if (!this.plugin.settings.font_families.contains(fontsInput.value)) {
this.plugin.settings.font_families.push(fontsInput.value.toLowerCase())
await this.plugin.saveSettings()
}
fontsInput.value = ''
this.renderFontTags(fontTagsDiv)
}
fontsInput.value = ''
fontsInput.addEventListener('keydown', async (ev) => {
if (ev.key == "Enter") {
addFontTag()
}
})
addFontBtn.addEventListener('click', async () => addFontTag())
this.renderFontTags(fontTagsDiv)
}
fontsInput.addEventListener('keydown', async (ev) => {
if (ev.key == "Enter") {
addFontTag()
}
})
addFontBtn.addEventListener('click', async () => addFontTag())
this.renderFontTags(fontTagsDiv)
}

3
src/typst-render-element.ts
View File

@ -1,4 +1,5 @@
import { optimize } from 'svgo';
//@ts-ignore
import { optimize } from 'svgo/dist/svgo.browser.js';
export default class TypstRenderElement extends HTMLElement {
static compile: (path: string, source: string, size: number, display: boolean, fontSize: number) => Promise<ImageData | string>;