@nei7/nuxt-notion 1.0.0

package/dist/runtime/components/MathFormula.vue

@@ -0,0 +1,22 @@
+<script setup>
+import katex from "katex";
+import { computed } from "vue";
+const props = defineProps({
+  displayMode: { type: Boolean, required: false, default: false },
+  expression: { type: String, required: true }
+});
+const html = computed(() => {
+  try {
+    return katex.renderToString(props.expression, {
+      displayMode: props.displayMode,
+      throwOnError: false
+    });
+  } catch {
+    return props.expression;
+  }
+});
+</script>
+
+<template>
+  <span v-html="html" />
+</template>

package/dist/runtime/components/MathFormula.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    displayMode?: boolean;
+    expression: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    displayMode: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/NumberedListItem.d.vue.ts

@@ -0,0 +1,7 @@
+import type { NumberedListItemBlockObjectResponse } from '@notionhq/client';
+type __VLS_Props = {
+    block: NumberedListItemBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/NumberedListItem.vue

@@ -0,0 +1,12 @@
+<script setup>
+import TextRenderer from "./TextRenderer.vue";
+defineProps({
+  block: { type: Object, required: true }
+});
+</script>
+
+<template>
+  <li>
+    <TextRenderer :text="block.numbered_list_item.rich_text" />
+  </li>
+</template>

package/dist/runtime/components/NumberedListItem.vue.d.ts

@@ -0,0 +1,7 @@
+import type { NumberedListItemBlockObjectResponse } from '@notionhq/client';
+type __VLS_Props = {
+    block: NumberedListItemBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Paragraph.d.vue.ts

@@ -0,0 +1,7 @@
+import type { ParagraphBlockObjectResponse } from '@notionhq/client/build/src/api-endpoints';
+type __VLS_Props = {
+    block: ParagraphBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Paragraph.vue

@@ -0,0 +1,19 @@
+<script setup>
+import TextRenderer from "./TextRenderer.vue";
+defineProps({
+  block: { type: Object, required: true }
+});
+</script>
+
+<template>
+  <p
+    v-if="block.paragraph.rich_text.length > 0"
+    class="leading-loose mb-6 text-slate-700"
+  >
+    <TextRenderer :text="block.paragraph.rich_text" />
+  </p>
+  <p
+    v-else
+    class="h-px mb-6"
+  />
+</template>

package/dist/runtime/components/Paragraph.vue.d.ts

@@ -0,0 +1,7 @@
+import type { ParagraphBlockObjectResponse } from '@notionhq/client/build/src/api-endpoints';
+type __VLS_Props = {
+    block: ParagraphBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Quote.d.vue.ts

@@ -0,0 +1,7 @@
+import type { QuoteBlockObjectResponse } from '@notionhq/client/build/src/api-endpoints';
+type __VLS_Props = {
+    block: QuoteBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Quote.vue

@@ -0,0 +1,17 @@
+<script setup>
+import TextRenderer from "./TextRenderer.vue";
+import { notionColorToCss } from "../utils";
+const { block } = defineProps({
+  block: { type: Object, required: true }
+});
+const color = notionColorToCss(block.quote.color);
+</script>
+
+<template>
+  <blockquote
+    :class="color"
+    class="p-3 my-4 border-s-4 italic after:content-[close-quote] before:content-[open-quote]"
+  >
+    <TextRenderer :text="block.quote.rich_text" />
+  </blockquote>
+</template>

package/dist/runtime/components/Quote.vue.d.ts

@@ -0,0 +1,7 @@
+import type { QuoteBlockObjectResponse } from '@notionhq/client/build/src/api-endpoints';
+type __VLS_Props = {
+    block: QuoteBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Renderer.d.vue.ts

@@ -0,0 +1,7 @@
+import type { AnyNotionBlock } from '../types/notion.js';
+type __VLS_Props = {
+    blocks: AnyNotionBlock[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Renderer.vue

@@ -0,0 +1,111 @@
+<script setup>
+import { isFullBlock } from "@notionhq/client";
+import { isNotionBlockType } from "../utils";
+import { computed } from "vue";
+import Header from "./Header.vue";
+import Paragraph from "./Paragraph.vue";
+import Image from "./Image.vue";
+import Code from "./Code.vue";
+import Callout from "./Callout.vue";
+import Quote from "./Quote.vue";
+import ListRenderer from "./ListRenderer.vue";
+import Divider from "./Divider.vue";
+import Video from "./Video.vue";
+import File from "./File.vue";
+import Embed from "./Embed.vue";
+import WebBookmark from "./WebBookmark.vue";
+import Equation from "./Equation.vue";
+const props = defineProps({
+  blocks: { type: Array, required: true }
+});
+var RenderBlockType = /* @__PURE__ */ ((RenderBlockType2) => {
+  RenderBlockType2["Block"] = "block";
+  RenderBlockType2["List"] = "list";
+  return RenderBlockType2;
+})(RenderBlockType || {});
+const renderableBlocks = computed(() => {
+  const result = [];
+  for (const block of props.blocks) {
+    if (!isFullBlock(block)) continue;
+    const isListBlock = isNotionBlockType(block, "bulleted_list_item", "numbered_list_item", "to_do");
+    const lastItem = result[result.length - 1];
+    if (isListBlock && lastItem?.type === "list" /* List */ && lastItem.listType === block.type) {
+      lastItem.items.push(block);
+    } else if (isListBlock) {
+      result.push({
+        type: "list" /* List */,
+        listType: block.type,
+        items: [block]
+      });
+    } else {
+      result.push({ type: "block" /* Block */, block });
+    }
+  }
+  return result;
+});
+</script>
+
+<template>
+  <div class="">
+    <template
+      v-for="(renderBlock, idx) in renderableBlocks"
+      :key="idx"
+    >
+      <template v-if="renderBlock.type === RenderBlockType.Block">
+        <Header
+          v-if="isNotionBlockType(renderBlock.block, 'heading_1', 'heading_2', 'heading_3')"
+          :block="renderBlock.block"
+        />
+        <Paragraph
+          v-else-if="isNotionBlockType(renderBlock.block, 'paragraph')"
+          :block="renderBlock.block"
+        />
+        <Image
+          v-else-if="isNotionBlockType(renderBlock.block, 'image')"
+          :block="renderBlock.block"
+        />
+        <Code
+          v-else-if="isNotionBlockType(renderBlock.block, 'code')"
+          :block="renderBlock.block"
+        />
+        <Callout
+          v-else-if="isNotionBlockType(renderBlock.block, 'callout')"
+          :block="renderBlock.block"
+        />
+        <Quote
+          v-else-if="isNotionBlockType(renderBlock.block, 'quote')"
+          :block="renderBlock.block"
+        />
+        <Divider
+          v-else-if="isNotionBlockType(renderBlock.block, 'divider')"
+          :block="renderBlock.block"
+        />
+        <Video
+          v-else-if="isNotionBlockType(renderBlock.block, 'video')"
+          :block="renderBlock.block"
+        />
+        <File
+          v-else-if="isNotionBlockType(renderBlock.block, 'file')"
+          :block="renderBlock.block"
+        />
+        <Embed
+          v-else-if="isNotionBlockType(renderBlock.block, 'embed')"
+          :embed="renderBlock.block"
+        />
+        <WebBookmark
+          v-else-if="isNotionBlockType(renderBlock.block, 'bookmark')"
+          :block="renderBlock.block"
+        />
+        <Equation
+          v-else-if="isNotionBlockType(renderBlock.block, 'equation')"
+          :block="renderBlock.block"
+        />
+      </template>
+      <ListRenderer
+        v-else-if="renderBlock.type === RenderBlockType.List"
+        :blocks="renderBlock.items"
+        :type="renderBlock.listType"
+      />
+    </template>
+  </div>
+</template>

package/dist/runtime/components/Renderer.vue.d.ts

@@ -0,0 +1,7 @@
+import type { AnyNotionBlock } from '../types/notion.js';
+type __VLS_Props = {
+    blocks: AnyNotionBlock[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Text.d.vue.ts

@@ -0,0 +1,7 @@
+import type { RichTextItemResponse } from '@notionhq/client/build/src/api-endpoints';
+type __VLS_Props = {
+    text: RichTextItemResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Text.vue

@@ -0,0 +1,20 @@
+<script setup>
+import { notionAnnotationsToCss } from "../utils";
+import MathFormula from "./MathFormula.vue";
+defineProps({
+  text: { type: Object, required: true }
+});
+</script>
+
+<template>
+  <span
+    v-if="text.type === 'text'"
+    :class="notionAnnotationsToCss(text.annotations)"
+  >
+    {{ text.plain_text }}
+  </span>
+  <MathFormula
+    v-else-if="text.type === 'equation'"
+    :expression="text.equation.expression"
+  />
+</template>

package/dist/runtime/components/Text.vue.d.ts

@@ -0,0 +1,7 @@
+import type { RichTextItemResponse } from '@notionhq/client/build/src/api-endpoints';
+type __VLS_Props = {
+    text: RichTextItemResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/TextRenderer.d.vue.ts

@@ -0,0 +1,7 @@
+import type { RichTextItemResponse } from '@notionhq/client/build/src/api-endpoints';
+type __VLS_Props = {
+    text: RichTextItemResponse[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/TextRenderer.vue

@@ -0,0 +1,14 @@
+<script setup>
+import Text from "./Text.vue";
+defineProps({
+  text: { type: Array, required: true }
+});
+</script>
+
+<template>
+  <Text
+    v-for="(t, i) in text"
+    :key="i"
+    :text="t"
+  />
+</template>

package/dist/runtime/components/TextRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import type { RichTextItemResponse } from '@notionhq/client/build/src/api-endpoints';
+type __VLS_Props = {
+    text: RichTextItemResponse[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/TodoListItem.d.vue.ts

@@ -0,0 +1,7 @@
+import type { ToDoBlockObjectResponse } from '@notionhq/client';
+type __VLS_Props = {
+    block: ToDoBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/TodoListItem.vue

@@ -0,0 +1,23 @@
+<script setup>
+import TextRenderer from "./TextRenderer.vue";
+defineProps({
+  block: { type: Object, required: true }
+});
+</script>
+
+<template>
+  <div class="flex items-center space-x-2">
+    <input
+      type="checkbox"
+      :value="block.to_do.checked"
+      disabled
+    >
+    <div
+      :class="{
+  'line-through': block.to_do.checked
+}"
+    >
+      <TextRenderer :text="block.to_do.rich_text" />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/TodoListItem.vue.d.ts

@@ -0,0 +1,7 @@
+import type { ToDoBlockObjectResponse } from '@notionhq/client';
+type __VLS_Props = {
+    block: ToDoBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Video.d.vue.ts

@@ -0,0 +1,7 @@
+import type { VideoBlockObjectResponse } from '@notionhq/client';
+type __VLS_Props = {
+    block: VideoBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Video.vue

@@ -0,0 +1,39 @@
+<script setup>
+import { computed } from "vue";
+import TextRenderer from "./TextRenderer.vue";
+import Embed from "./Embed.vue";
+const props = defineProps({
+  block: { type: Object, required: true }
+});
+const videoUrl = computed(() => {
+  return (props.block.video.type === "external" ? props.block?.video?.external?.url : props.block?.video?.file?.url) || "";
+});
+const isExternalVideo = (block) => {
+  return block.video.type === "external";
+};
+</script>
+
+<template>
+  <div
+    class="relative aspect-video"
+  >
+    <Embed
+      v-if="isExternalVideo(block)"
+      :embed="block"
+    />
+
+    <video
+      v-else
+      class="absolute inset-0 w-full h-full m-0!"
+
+      controls
+    >
+      <source
+        :src="videoUrl"
+      >
+      Your browser does not support the video tag.
+    </video>
+
+    <TextRenderer :text="block.video.caption" />
+  </div>
+</template>

package/dist/runtime/components/Video.vue.d.ts

@@ -0,0 +1,7 @@
+import type { VideoBlockObjectResponse } from '@notionhq/client';
+type __VLS_Props = {
+    block: VideoBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/WebBookmark.d.vue.ts

@@ -0,0 +1,7 @@
+import type { BookmarkBlockObjectResponse } from '@notionhq/client';
+type __VLS_Props = {
+    block: BookmarkBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/WebBookmark.vue

@@ -0,0 +1,58 @@
+<script setup>
+import { useLazyFetch } from "#app";
+const props = defineProps({
+  block: { type: Object, required: true }
+});
+const { data: linkMetadata } = useLazyFetch("/api/_notion/link-meta", {
+  query: { url: props.block.bookmark.url },
+  server: false
+});
+</script>
+
+<template>
+  <a
+    :href="linkMetadata?.url"
+    target="_blank"
+    class="group my-8 flex h-32 w-full overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm transition hover:border-slate-300 hover:bg-slate-50 hover:shadow-md dark:border-slate-700 dark:bg-slate-800 dark:hover:bg-slate-700/50"
+  >
+
+    <div class="flex flex-1 flex-col justify-center p-4">
+      <h3 class="font-bold text-slate-800 line-clamp-1 group-hover:text-indigo-600 dark:text-slate-100">
+        {{ linkMetadata?.title }}
+      </h3>
+      <p
+        v-if="linkMetadata?.success"
+        class="mt-1 text-sm text-slate-500 line-clamp-2 dark:text-slate-400"
+      >
+        {{ linkMetadata.description }}
+      </p>
+      <div class="mt-auto flex items-center gap-1 text-xs text-slate-400">
+        <svg
+          class="h-3 w-3"
+          fill="none"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
+          />
+        </svg>
+        <span>{{ linkMetadata?.url }}</span>
+      </div>
+    </div>
+
+    <div
+      v-if="linkMetadata?.success && linkMetadata.image"
+      class="hidden w-48 shrink-0 sm:block"
+    >
+      <img
+        :src="linkMetadata.image"
+        alt="Preview image"
+        class="h-full w-full object-cover transition group-hover:scale-105"
+      >
+    </div>
+  </a>
+</template>

package/dist/runtime/components/WebBookmark.vue.d.ts

@@ -0,0 +1,7 @@
+import type { BookmarkBlockObjectResponse } from '@notionhq/client';
+type __VLS_Props = {
+    block: BookmarkBlockObjectResponse;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/composables/notion.d.ts

@@ -0,0 +1,4 @@
+import type { GetPageParameters, GetPageResponse, ListBlockChildrenParameters, ListBlockChildrenResponse, QueryDataSourceParameters, QueryDataSourceResponse } from '@notionhq/client';
+export declare const getNotionBlocks: (params: ListBlockChildrenParameters) => Promise<ListBlockChildrenResponse>;
+export declare const queryNotionDatabase: (params: QueryDataSourceParameters) => Promise<QueryDataSourceResponse>;
+export declare const getNotionPage: (params: GetPageParameters) => Promise<GetPageResponse>;

package/dist/runtime/composables/notion.js

@@ -0,0 +1,9 @@
+export const getNotionBlocks = (params) => {
+  return $fetch("/api/_notion/blocks", { query: params });
+};
+export const queryNotionDatabase = (params) => {
+  return $fetch("/api/_notion/query-database", { query: params });
+};
+export const getNotionPage = (params) => {
+  return $fetch("/api/_notion/page", { query: params });
+};

package/dist/runtime/composables/useNotionClient.d.ts

@@ -0,0 +1,2 @@
+import { Client } from '@notionhq/client';
+export declare const useNotionClient: () => Client;

package/dist/runtime/composables/useNotionClient.js

@@ -0,0 +1,14 @@
+import { useRuntimeConfig } from "#imports";
+import { Client } from "@notionhq/client";
+let notionClient;
+export const useNotionClient = () => {
+  if (notionClient) return notionClient;
+  if (import.meta.server) {
+    const config = useRuntimeConfig().nuxtNotion;
+    notionClient = new Client({
+      auth: config.notionApiKey
+    });
+  } else
+    notionClient = new Client();
+  return notionClient;
+};

package/dist/runtime/server/api/_notion/blocks.get.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<Omit<import("h3").EventHandlerRequest, "body">, Promise<import("@notionhq/client").ListBlockChildrenResponse>>;
+export default _default;

package/dist/runtime/server/api/_notion/blocks.get.js

@@ -0,0 +1,14 @@
+import { getValidatedQuery } from "h3";
+import { useNotionClient } from "../../../composables/useNotionClient.js";
+import { z } from "zod";
+import { defineCachedEventHandler } from "nitropack/runtime";
+const schema = z.object({
+  block_id: z.string(),
+  start_cursor: z.string().optional(),
+  page_size: z.number().optional()
+});
+export default defineCachedEventHandler(async (event) => {
+  const client = useNotionClient();
+  const query = await getValidatedQuery(event, schema.parse);
+  return client.blocks.children.list(query);
+});

package/dist/runtime/server/api/_notion/link-meta.get.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/runtime/server/api/_notion/link-meta.get.js

@@ -0,0 +1,44 @@
+import createMetascraper from "metascraper";
+import metascraperTitle from "metascraper-title";
+import metascraperDescription from "metascraper-description";
+import metascraperImage from "metascraper-image";
+import metascraperFavicon from "metascraper-logo-favicon";
+import { getQuery, createError } from "h3";
+import { defineCachedEventHandler } from "#imports";
+const scraper = createMetascraper([
+  metascraperTitle(),
+  metascraperDescription(),
+  metascraperImage(),
+  metascraperFavicon()
+]);
+export default defineCachedEventHandler(async (event) => {
+  const { url } = getQuery(event);
+  const targetUrl = url?.toString();
+  if (!targetUrl) {
+    throw createError({ statusCode: 400, message: `"url" is required` });
+  }
+  const title = targetUrl ? new URL(targetUrl).hostname : "Link";
+  try {
+    const html = await $fetch(targetUrl, {
+      headers: {
+        "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36"
+      },
+      timeout: 5e3
+    });
+    const metadata = await scraper({ html, url: targetUrl });
+    return {
+      success: true,
+      title: metadata.title || title,
+      description: metadata.description,
+      image: metadata.image,
+      icon: metadata.logo,
+      url
+    };
+  } catch {
+    return {
+      success: false,
+      title,
+      url
+    };
+  }
+});

package/dist/runtime/server/api/_notion/page.get.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("h3").EventHandler<Omit<import("h3").EventHandlerRequest, "body">, Promise<import("@notionhq/client").GetPageResponse>>;
+export default _default;

package/dist/runtime/server/api/_notion/page.get.js

@@ -0,0 +1,13 @@
+import { getValidatedQuery } from "h3";
+import { useNotionClient } from "../../../composables/useNotionClient.js";
+import { z } from "zod";
+import { defineCachedEventHandler } from "nitropack/runtime";
+const schema = z.object({
+  page_id: z.string(),
+  filter_properties: z.array(z.string())
+});
+export default defineCachedEventHandler(async (event) => {
+  const client = useNotionClient();
+  const query = await getValidatedQuery(event, schema.parse);
+  return client.pages.retrieve(query);
+});