lint
This commit is contained in:
taskylizard
parent
fbebbefb80
commit
ffedc34675
@ -9,10 +9,12 @@ export const meta = {
|
||||
|
||||
// Netlify to Cloudflare otherwise dev
|
||||
export const commitRef = process.env.COMMIT_REF
|
||||
? `<a href="https://github.com/fmhy/FMHYEdit/commit/${process.env.COMMIT_REF
|
||||
? `<a href="https://github.com/fmhy/FMHYEdit/commit/${
|
||||
process.env.COMMIT_REF
|
||||
}">${process.env.COMMIT_REF.slice(0, 8)}</a>`
|
||||
: process.env.CF_PAGES
|
||||
? `<a href="https://github.com/fmhy/FMHYEdit/commit/${process.env.CF_PAGES_COMMIT_SHA
|
||||
? `<a href="https://github.com/fmhy/FMHYEdit/commit/${
|
||||
process.env.CF_PAGES_COMMIT_SHA
|
||||
}">${process.env.CF_PAGES_COMMIT_SHA.slice(0, 8)}</a>`
|
||||
: "dev";
|
||||
|
||||
|
||||
@ -6,28 +6,31 @@ export function generateMeta(context: TransformContext, hostname: string) {
|
||||
|
||||
const url = `${hostname}/${pageData.relativePath.replace(/((^|\/)index)?\.md$/, "$2")}`;
|
||||
|
||||
head.push(["link", { rel: "canonical", href: url }]);
|
||||
head.push(["meta", { property: "og:url", content: url }]);
|
||||
head.push(["meta", { name: "twitter:url", content: url }]);
|
||||
head.push(["meta", { name: "twitter:card", content: "summary_large_image" }]);
|
||||
|
||||
head.push(["meta", { property: "og:title", content: pageData.frontmatter.title }]);
|
||||
head.push(["meta", { name: "twitter:title", content: pageData.frontmatter.title }]);
|
||||
head.push(
|
||||
["link", { rel: "canonical", href: url }],
|
||||
["meta", { property: "og:url", content: url }],
|
||||
["meta", { name: "twitter:url", content: url }],
|
||||
["meta", { name: "twitter:card", content: "summary_large_image" }],
|
||||
["meta", { property: "og:title", content: pageData.frontmatter.title }],
|
||||
["meta", { name: "twitter:title", content: pageData.frontmatter.title }],
|
||||
);
|
||||
if (pageData.frontmatter.description) {
|
||||
head.push([
|
||||
head.push(
|
||||
[
|
||||
"meta",
|
||||
{
|
||||
property: "og:description",
|
||||
content: pageData.frontmatter.description,
|
||||
},
|
||||
]);
|
||||
head.push([
|
||||
],
|
||||
[
|
||||
"meta",
|
||||
{
|
||||
name: "twitter:description",
|
||||
content: pageData.frontmatter.description,
|
||||
},
|
||||
]);
|
||||
],
|
||||
);
|
||||
}
|
||||
if (pageData.frontmatter.image) {
|
||||
head.push([
|
||||
@ -46,17 +49,19 @@ export function generateMeta(context: TransformContext, hostname: string) {
|
||||
]);
|
||||
} else {
|
||||
const url = pageData.filePath.replace("index.md", "").replace(".md", "");
|
||||
const imageUrl = `${url}/__og_image__/og.png`.replace(/\/\//g, "/").replace(/^\//, "");
|
||||
const imageUrl = `${url}/__og_image__/og.png`.replaceAll("//", "/").replace(/^\//, "");
|
||||
|
||||
head.push(["meta", { property: "og:image", content: `${hostname}/${imageUrl}` }]);
|
||||
head.push(["meta", { property: "og:image:width", content: "1200" }]);
|
||||
head.push(["meta", { property: "og:image:height", content: "628" }]);
|
||||
head.push(["meta", { property: "og:image:type", content: "image/png" }]);
|
||||
head.push(["meta", { property: "og:image:alt", content: pageData.frontmatter.title }]);
|
||||
head.push(["meta", { name: "twitter:image", content: `${hostname}/${imageUrl}` }]);
|
||||
head.push(["meta", { name: "twitter:image:width", content: "1200" }]);
|
||||
head.push(["meta", { name: "twitter:image:height", content: "628" }]);
|
||||
head.push(["meta", { name: "twitter:image:alt", content: pageData.frontmatter.title }]);
|
||||
head.push(
|
||||
["meta", { property: "og:image", content: `${hostname}/${imageUrl}` }],
|
||||
["meta", { property: "og:image:width", content: "1200" }],
|
||||
["meta", { property: "og:image:height", content: "628" }],
|
||||
["meta", { property: "og:image:type", content: "image/png" }],
|
||||
["meta", { property: "og:image:alt", content: pageData.frontmatter.title }],
|
||||
["meta", { name: "twitter:image", content: `${hostname}/${imageUrl}` }],
|
||||
["meta", { name: "twitter:image:width", content: "1200" }],
|
||||
["meta", { name: "twitter:image:height", content: "628" }],
|
||||
["meta", { name: "twitter:image:alt", content: pageData.frontmatter.title }],
|
||||
);
|
||||
}
|
||||
if (pageData.frontmatter.tag) {
|
||||
head.push(["meta", { property: "article:tag", content: pageData.frontmatter.tag }]);
|
||||
|
||||
@ -80,7 +80,7 @@ async function generateImage({ page, template, outDir, fonts }: GenerateImagesOp
|
||||
|
||||
const render = await renderAsync(svg);
|
||||
|
||||
const outputFolder = resolve(outDir, url.substring(1), "__og_image__");
|
||||
const outputFolder = resolve(outDir, url.slice(1), "__og_image__");
|
||||
const outputFile = resolve(outputFolder, "og.png");
|
||||
|
||||
await mkdir(outputFolder, { recursive: true });
|
||||
|
||||
@ -1,7 +1,9 @@
|
||||
import { readFile } from "node:fs/promises";
|
||||
import { dirname, resolve } from "node:path";
|
||||
import { fileURLToPath } from "node:url";
|
||||
import { SatoriOptions, defineSatoriConfig } from "x-satori/vue";
|
||||
import type { SatoriOptions } from "x-satori/vue";
|
||||
import { defineSatoriConfig } from "x-satori/vue";
|
||||
|
||||
const __dirname = dirname(fileURLToPath(import.meta.url));
|
||||
const __fonts = resolve(__dirname, "../fonts");
|
||||
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import { writeFile, readFile } from "node:fs/promises";
|
||||
import { defineLoader } from "vitepress";
|
||||
import { writeFile, readFile } from "fs/promises";
|
||||
|
||||
interface Data {
|
||||
title?: string;
|
||||
@ -10,7 +10,7 @@ declare const data: Data;
|
||||
export { data };
|
||||
|
||||
const page = "https://rentry.co/fmhy-guides/raw";
|
||||
const regex = /\* \[([^\]]+)\]\(([^)]+)\)/g;
|
||||
const regex = /\* \[([^\]]+)]\(([^)]+)\)/g;
|
||||
const rentryRe = /(?<=rentry\.(co|org)).*/;
|
||||
const guides = new Set<Data>();
|
||||
|
||||
@ -29,8 +29,8 @@ export default defineLoader({
|
||||
const title = match[1];
|
||||
const url = match[2];
|
||||
// Fetch rentry guides
|
||||
if (url.match(rentryRe)) {
|
||||
const content = await f(url + "/raw");
|
||||
if (rentryRe.test(url)) {
|
||||
const content = await f(`${url}/raw`);
|
||||
guides.add({ title, content });
|
||||
} else {
|
||||
// Everything else can be here
|
||||
|
||||
@ -37,7 +37,7 @@ export default defineEventHandler(async (event) => {
|
||||
{
|
||||
color: 3447003,
|
||||
title: getFeedbackOption(type).label,
|
||||
description: description,
|
||||
description,
|
||||
},
|
||||
],
|
||||
})
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
<script setup lang="ts">
|
||||
import { reactive, ref } from "vue";
|
||||
import { useRoute } from "vitepress";
|
||||
import type { FeedbackType } from "../../types/Feedback";
|
||||
import { fetcher } from "itty-fetcher";
|
||||
import type { FeedbackType } from "../../types/Feedback";
|
||||
|
||||
const loading = ref<boolean>(false);
|
||||
const error = ref<unknown>(null);
|
||||
@ -57,8 +57,8 @@ async function handleSubmit(type?: FeedbackType["type"]) {
|
||||
if (data.status === "success") {
|
||||
success.value = true;
|
||||
}
|
||||
} catch (err) {
|
||||
error.value = err;
|
||||
} catch (error_) {
|
||||
error.value = error_;
|
||||
} finally {
|
||||
loading.value = false;
|
||||
}
|
||||
|
||||
@ -10,9 +10,7 @@ import {
|
||||
} from "@headlessui/vue";
|
||||
|
||||
const isOpen = ref(true);
|
||||
interface ILogger {
|
||||
|
||||
}
|
||||
interface ILogger {}
|
||||
|
||||
const feedbackOptions = [
|
||||
{
|
||||
@ -36,20 +34,36 @@ function openModal() {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<button type="button" class="p-[4px 8px] text-xl i-carbon:user-favorite-alt-filled" @click="openModal" />
|
||||
<button
|
||||
type="button"
|
||||
class="p-[4px 8px] text-xl i-carbon:user-favorite-alt-filled"
|
||||
@click="openModal"
|
||||
/>
|
||||
|
||||
<TransitionRoot appear :show="isOpen" as="template">
|
||||
<Dialog as="div" @close="closeModal" class="relative z-10">
|
||||
<TransitionChild as="template" enter="duration-300 ease-out" enter-from="opacity-0" enter-to="opacity-100"
|
||||
leave="duration-200 ease-in" leave-from="opacity-100" leave-to="opacity-0">
|
||||
<Dialog as="div" class="relative z-10" @close="closeModal">
|
||||
<TransitionChild
|
||||
as="template"
|
||||
enter="duration-300 ease-out"
|
||||
enter-from="opacity-0"
|
||||
enter-to="opacity-100"
|
||||
leave="duration-200 ease-in"
|
||||
leave-from="opacity-100"
|
||||
leave-to="opacity-0">
|
||||
<div class="fixed inset-0 bg-black/25" />
|
||||
</TransitionChild>
|
||||
|
||||
<div class="fixed inset-0 overflow-y-auto">
|
||||
<div class="flex min-h-full items-center justify-center p-4 text-center">
|
||||
<TransitionChild as="template" enter="duration-300 ease-out" enter-from="opacity-0 scale-95"
|
||||
enter-to="opacity-100 scale-100" leave="duration-200 ease-in" leave-from="opacity-100 scale-100"
|
||||
leave-to="opacity-0 scale-95">
|
||||
<TransitionChild
|
||||
as="template"
|
||||
enter="duration-300 ease-out"
|
||||
enter-from="opacity-0 scale-95"
|
||||
enter-to="opacity-100 scale-100"
|
||||
leave="duration-200 ease-in"
|
||||
leave-from="opacity-100 scale-100"
|
||||
leave-to="opacity-0 scale-95"
|
||||
>
|
||||
<DialogPanel
|
||||
class="w-full max-w-md transform overflow-hidden rounded-2xl bg-bg p-6 text-left align-middle shadow-xl transition-all">
|
||||
<DialogTitle as="h3" class="text-lg font-medium leading-6 text-text">
|
||||
@ -58,8 +72,11 @@ function openModal() {
|
||||
|
||||
<div class="mt-2">
|
||||
<div class="grid gap-[0.5rem]">
|
||||
<button v-for="item in feedbackOptions" :key="item.value"
|
||||
class="inline-flex justify-center rounded-md border border-transparent bg-bg-alt px-4 py-2 text-sm font-medium text-text hover:border-primary focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2">
|
||||
<button
|
||||
v-for="item in feedbackOptions"
|
||||
:key="item.value"
|
||||
class="inline-flex justify-center rounded-md border border-transparent bg-bg-alt px-4 py-2 text-sm font-medium text-text hover:border-primary focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2"
|
||||
>
|
||||
<span>{{ item.label }}</span>
|
||||
</button>
|
||||
</div>
|
||||
@ -74,9 +91,11 @@ function openModal() {
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<button type="button"
|
||||
<button
|
||||
type="button"
|
||||
class="inline-flex justify-center rounded-md border border-transparent bg-blue-100 px-4 py-2 text-sm font-medium text-blue-900 hover:bg-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
@click="closeModal">
|
||||
@click="closeModal"
|
||||
>
|
||||
Close
|
||||
</button>
|
||||
</div>
|
||||
|
||||
@ -7,7 +7,7 @@ defineProps<{
|
||||
|
||||
<template>
|
||||
<div class="input-field">
|
||||
<div class="input-label" v-if="label">
|
||||
<div v-if="label" class="input-label">
|
||||
<label :for="id" class="pane-label">
|
||||
{{ label }}
|
||||
</label>
|
||||
|
||||
@ -10,9 +10,9 @@ import ToggleStarred from "./ToggleStarred.vue";
|
||||
<div class="card-header">
|
||||
<div class="card-title">Emoji Legend</div>
|
||||
</div>
|
||||
<Field icon="i-twemoji-star">Recommendations</Field>
|
||||
<Field icon="i-twemoji-globe-with-meridians">Indexes</Field>
|
||||
<Field icon="i-twemoji-repeat-button">Storage Links</Field>
|
||||
<Field icon="i-twemoji-star"> Recommendations </Field>
|
||||
<Field icon="i-twemoji-globe-with-meridians"> Indexes </Field>
|
||||
<Field icon="i-twemoji-repeat-button"> Storage Links </Field>
|
||||
<div class="card-header">
|
||||
<div class="card-title">Options</div>
|
||||
</div>
|
||||
|
||||
@ -6,6 +6,6 @@ import "uno.css";
|
||||
|
||||
export default {
|
||||
extends: DefaultTheme,
|
||||
Layout: Layout,
|
||||
Layout,
|
||||
enhanceApp({ app, router, siteData }) {},
|
||||
} satisfies Theme;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user