@lupinum/ginko-docs 0.2.2 → 0.2.5

package/app/components/ui/tabs/TabsContent.vue

@@ -1,21 +0,0 @@
-<script setup lang="ts">
-import type { TabsContentProps } from "reka-ui";
-import type { HTMLAttributes } from "vue";
-import { reactiveOmit } from "@vueuse/core";
-import { TabsContent } from "reka-ui";
-import { cn } from "#ginko-docs/lib/utils";
-
-const props = defineProps<TabsContentProps & { class?: HTMLAttributes["class"] }>();
-
-const delegatedProps = reactiveOmit(props, "class");
-</script>
-
-<template>
-  <TabsContent
-    data-slot="tabs-content"
-    :class="cn('flex-1 outline-none', props.class)"
-    v-bind="delegatedProps"
-  >
-    <slot />
-  </TabsContent>
-</template>

package/app/components/ui/textarea/Textarea.vue

@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from "vue";
-import { ref } from "vue";
-import { cn } from "#ginko-docs/lib/utils";
-import { h } from "vue";
-
-const model = defineModel<string>();
-const textarea = ref<HTMLTextAreaElement | null>(null);
-
-const props = defineProps<{
-  class?: HTMLAttributes["class"];
-}>();
-
-defineExpose({
-  focus: () => textarea.value?.focus(),
-});
-</script>
-
-<template>
-  <textarea
-    ref="textarea"
-    v-model="model"
-    data-slot="textarea"
-    :class="
-      cn(
-        'min-h-36 w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-sm text-foreground shadow-xs transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
-        props.class,
-      )
-    "
-  />
-</template>

package/app/components/ui/textarea/index.ts

@@ -1 +0,0 @@
-export { default as Textarea } from "./Textarea.vue";

package/app/features/docs/composables/useDocsEntryPath.ts

@@ -1,13 +0,0 @@
-import { computed } from "vue";
-import { findFirstNavigationPage } from "@lupinum/ginko-content/client";
-import { useLocalizedPath } from "#ginko-docs/composables/useLocalizedPath";
-import { useDocsNavigationData } from "./useDocsNavigationData";
-
-export async function useDocsEntryPath() {
-  const localizedPath = useLocalizedPath();
-  const { data } = await useDocsNavigationData();
-
-  return computed(
-    () => findFirstNavigationPage(data.value ?? undefined)?.path ?? localizedPath("docs"),
-  );
-}

package/app/lib/utils.ts

@@ -1,7 +0,0 @@
-import type { ClassValue } from "clsx";
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}

package/i18n/messages/source.ts

@@ -1,5 +0,0 @@
-import { globalMessages } from "./global";
-
-export const messageSource = {
-  ...globalMessages,
-} as const;

package/runtime/markdown/inline-code-highlight.ts

@@ -1,155 +0,0 @@
-import type { ComarkElement, ComarkNode, ComarkPluginFactory } from "comark";
-import { getHighlighter, type HighlightOptions } from "comark/plugins/highlight";
-import { codeToTokens, getTokenStyleObject, stringifyTokenStyle } from "shiki/core";
-
-type CodeAttributes = {
-  class?: string;
-  lang?: string;
-  language?: string;
-};
-
-type ThemeRegistration = NonNullable<NonNullable<HighlightOptions["themes"]>["light"]>;
-
-type CodeThemes = {
-  light: ThemeRegistration;
-  dark: ThemeRegistration;
-};
-
-function cloneTheme<T extends ThemeRegistration>(theme: T): T {
-  return structuredClone(theme);
-}
-
-async function resolveCodeThemes(themes?: HighlightOptions["themes"]): Promise<CodeThemes> {
-  if (themes?.light || themes?.dark) {
-    const light = themes.light || themes.dark;
-    const dark = themes.dark || themes.light;
-
-    return {
-      light: cloneTheme(light as ThemeRegistration),
-      dark: cloneTheme(dark as ThemeRegistration),
-    };
-  }
-
-  const [light, dark] = await Promise.all([
-    import("shiki/dist/themes/material-theme-lighter.mjs"),
-    import("shiki/dist/themes/material-theme-palenight.mjs"),
-  ]);
-
-  return {
-    light: cloneTheme(light.default),
-    dark: cloneTheme(dark.default),
-  };
-}
-
-function getThemeName(theme: ThemeRegistration, fallback: string): string {
-  return typeof theme === "object" &&
-    theme !== null &&
-    "name" in theme &&
-    typeof theme.name === "string"
-    ? theme.name
-    : fallback;
-}
-
-function isElement(node: ComarkNode): node is ComarkElement {
-  return Array.isArray(node) && typeof node[0] === "string";
-}
-
-function getCodeLanguage(attrs: CodeAttributes): string | undefined {
-  const language = attrs.language ?? attrs.lang;
-
-  return language?.trim() || undefined;
-}
-
-function appendClass(attrs: CodeAttributes, className: string): CodeAttributes {
-  return {
-    ...attrs,
-    class: [attrs.class, className].filter(Boolean).join(" "),
-  };
-}
-
-async function highlightInlineCodeNode(
-  node: ComarkElement,
-  options: HighlightOptions,
-): Promise<ComarkElement> {
-  const attrs = (node[1] ?? {}) as CodeAttributes;
-  const language = getCodeLanguage(attrs);
-  const code = node
-    .slice(2)
-    .filter((child): child is string => typeof child === "string")
-    .join("");
-
-  if (!language || !code) {
-    return node;
-  }
-
-  const themes = await resolveCodeThemes(options.themes);
-  const lightThemeName = getThemeName(themes.light, "material-theme-lighter");
-  const darkThemeName = getThemeName(themes.dark, "material-theme-palenight");
-  const highlighter = await getHighlighter({
-    ...options,
-    registerDefaultThemes: false,
-    themes,
-  });
-  const result = codeToTokens(highlighter, code, {
-    lang: language,
-    themes: {
-      light: lightThemeName,
-      dark: lightThemeName !== darkThemeName ? darkThemeName : undefined,
-    },
-  });
-  const children: ComarkNode[] = [];
-
-  for (let lineIndex = 0; lineIndex < result.tokens.length; lineIndex += 1) {
-    const line = result.tokens[lineIndex] ?? [];
-
-    for (const token of line) {
-      const style = stringifyTokenStyle(token.htmlStyle || getTokenStyleObject(token));
-      children.push(style ? ["span", { style }, token.content] : ["span", {}, token.content]);
-    }
-
-    if (lineIndex < result.tokens.length - 1) {
-      children.push("\n");
-    }
-  }
-
-  return [
-    "code",
-    appendClass(attrs, `shiki ${result.themeName || ""} language-${language}`.trim()),
-    ...children,
-  ];
-}
-
-async function highlightInlineCodeChildren(
-  parent: ComarkElement,
-  options: HighlightOptions,
-): Promise<void> {
-  const insidePre = parent[0] === "pre";
-
-  for (let index = 2; index < parent.length; index += 1) {
-    const child = parent[index] as ComarkNode;
-
-    if (!isElement(child)) {
-      continue;
-    }
-
-    if (!insidePre && child[0] === "code") {
-      parent[index] = await highlightInlineCodeNode(child, options);
-      continue;
-    }
-
-    await highlightInlineCodeChildren(child, options);
-  }
-}
-
-const inlineCodeHighlightPlugin: ComarkPluginFactory<HighlightOptions> = (options = {}) => ({
-  name: "inline-code-highlight",
-  async post(state) {
-    for (const node of state.tree.nodes) {
-      if (isElement(node)) {
-        await highlightInlineCodeChildren(node, options);
-      }
-    }
-  },
-});
-
-export default inlineCodeHighlightPlugin;

package/runtime/utils.ts

@@ -1,7 +0,0 @@
-import type { ClassValue } from "clsx";
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}