@flightdev/cms 0.2.0

package/dist/vue/index.d.ts

@@ -0,0 +1,123 @@
+import { Ref } from 'vue';
+import { Instance as CMSInstance, FindOneOptions, FindManyOptions, Result as CMSResult } from '../index.js';
+
+/**
+ * Vue composables for @flightdev/cms
+ *
+ * @example
+ * ```typescript
+ * import { provideCMS, useCMS, useCMSQuery } from '@flightdev/cms/vue';
+ * import { createCMS } from '@flightdev/cms';
+ * import { strapi } from '@flightdev/cms/strapi';
+ *
+ * // In App.vue setup
+ * const cms = createCMS(strapi({ url: '...', token: '...' }));
+ * provideCMS(cms);
+ *
+ * // In component
+ * const { data, loading, error } = useCMSQuery('posts', { limit: 10 });
+ * ```
+ */
+
+/**
+ * Provide CMS instance to child components.
+ * Call this in your root component's setup.
+ */
+declare function provideCMS(cms: CMSInstance): void;
+/**
+ * Get CMS instance from context.
+ * Must be used within a component tree where provideCMS was called.
+ */
+declare function useCMS(): CMSInstance;
+interface QueryResult<T> {
+    data: Ref<T | null>;
+    loading: Ref<boolean>;
+    error: Ref<Error | null>;
+    refetch: () => Promise<void>;
+}
+interface ListQueryResult<T> {
+    data: Ref<T[]>;
+    meta: Ref<CMSResult<T>['meta'] | null>;
+    loading: Ref<boolean>;
+    error: Ref<Error | null>;
+    refetch: () => Promise<void>;
+}
+/**
+ * Query a single entity from the CMS.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * const { slug } = useRoute().params;
+ * const { data: post, loading, error } = useCMSOne('posts', () => ({
+ *     where: { slug },
+ *     populate: ['author'],
+ * }));
+ * </script>
+ *
+ * <template>
+ *     <Loading v-if="loading" />
+ *     <Error v-else-if="error" :error="error" />
+ *     <Post v-else-if="post" :post="post" />
+ * </template>
+ * ```
+ */
+declare function useCMSOne<T = unknown>(collection: string | Ref<string>, options?: FindOneOptions | Ref<FindOneOptions> | (() => FindOneOptions)): QueryResult<T>;
+/**
+ * Query multiple entities from the CMS with pagination.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * const { data: posts, meta, loading, refetch } = useCMSQuery('posts', {
+ *     limit: 10,
+ *     sort: { publishedAt: 'desc' },
+ * });
+ * </script>
+ *
+ * <template>
+ *     <PostGrid :posts="posts" />
+ *     <Pagination v-if="meta" :total="meta.total" :page="meta.page" />
+ *     <button @click="refetch">Refresh</button>
+ * </template>
+ * ```
+ */
+declare function useCMSQuery<T = unknown>(collection: string | Ref<string>, options?: FindManyOptions | Ref<FindManyOptions> | (() => FindManyOptions)): ListQueryResult<T>;
+/**
+ * Query an entity by ID.
+ *
+ * @example
+ * ```vue
+ * <script setup>
+ * const { id } = useRoute().params;
+ * const { data: post, loading } = useCMSById('posts', () => id, {
+ *     populate: ['author', 'comments'],
+ * });
+ * </script>
+ * ```
+ */
+declare function useCMSById<T = unknown>(collection: string | Ref<string>, id: string | number | Ref<string | number> | (() => string | number), options?: Omit<FindOneOptions, 'where'> | Ref<Omit<FindOneOptions, 'where'>>): QueryResult<T>;
+interface MutationResult<TData, TInput> {
+    data: Ref<TData | null>;
+    loading: Ref<boolean>;
+    error: Ref<Error | null>;
+    mutate: (input: TInput) => Promise<TData>;
+    reset: () => void;
+}
+/**
+ * Create a new entity in the CMS.
+ */
+declare function useCMSCreate<T = unknown, TInput = Partial<T>>(collection: string | Ref<string>): MutationResult<T, TInput>;
+/**
+ * Update an entity in the CMS.
+ */
+declare function useCMSUpdate<T = unknown, TInput = Partial<T>>(collection: string | Ref<string>): MutationResult<T, {
+    id: string | number;
+    data: TInput;
+}>;
+/**
+ * Delete an entity from the CMS.
+ */
+declare function useCMSDelete(collection: string | Ref<string>): MutationResult<void, string | number>;
+
+export { provideCMS, useCMS, useCMSById, useCMSCreate, useCMSDelete, useCMSOne, useCMSQuery, useCMSUpdate };

package/dist/vue/index.js

@@ -0,0 +1,201 @@
+import { provide, inject, ref, computed, watch } from 'vue';
+
+// src/vue/index.ts
+var CMS_KEY = /* @__PURE__ */ Symbol("flight-cms");
+function provideCMS(cms) {
+  provide(CMS_KEY, cms);
+}
+function useCMS() {
+  const cms = inject(CMS_KEY);
+  if (!cms) {
+    throw new Error("useCMS: CMS not provided. Call provideCMS in a parent component.");
+  }
+  return cms;
+}
+function useCMSOne(collection, options) {
+  const cms = useCMS();
+  const data = ref(null);
+  const loading = ref(true);
+  const error = ref(null);
+  const collectionValue = computed(
+    () => typeof collection === "string" ? collection : collection.value
+  );
+  const optionsValue = computed(() => {
+    if (typeof options === "function") return options();
+    if (options && "value" in options) return options.value;
+    return options;
+  });
+  const fetch = async () => {
+    loading.value = true;
+    error.value = null;
+    try {
+      data.value = await cms.findOne(collectionValue.value, optionsValue.value);
+    } catch (e) {
+      error.value = e;
+      data.value = null;
+    } finally {
+      loading.value = false;
+    }
+  };
+  watch([collectionValue, optionsValue], fetch, { immediate: true, deep: true });
+  return { data, loading, error, refetch: fetch };
+}
+function useCMSQuery(collection, options) {
+  const cms = useCMS();
+  const data = ref([]);
+  const meta = ref(null);
+  const loading = ref(true);
+  const error = ref(null);
+  const collectionValue = computed(
+    () => typeof collection === "string" ? collection : collection.value
+  );
+  const optionsValue = computed(() => {
+    if (typeof options === "function") return options();
+    if (options && "value" in options) return options.value;
+    return options;
+  });
+  const fetch = async () => {
+    loading.value = true;
+    error.value = null;
+    try {
+      const result = await cms.findMany(collectionValue.value, optionsValue.value);
+      data.value = result.data;
+      meta.value = result.meta;
+    } catch (e) {
+      error.value = e;
+    } finally {
+      loading.value = false;
+    }
+  };
+  watch([collectionValue, optionsValue], fetch, { immediate: true, deep: true });
+  return { data, meta, loading, error, refetch: fetch };
+}
+function useCMSById(collection, id, options) {
+  const cms = useCMS();
+  const data = ref(null);
+  const loading = ref(true);
+  const error = ref(null);
+  const collectionValue = computed(
+    () => typeof collection === "string" ? collection : collection.value
+  );
+  const idValue = computed(() => {
+    if (typeof id === "function") return id();
+    if (typeof id === "object" && "value" in id) return id.value;
+    return id;
+  });
+  const optionsValue = computed(() => {
+    if (options && "value" in options) return options.value;
+    return options;
+  });
+  const fetch = async () => {
+    loading.value = true;
+    error.value = null;
+    try {
+      data.value = await cms.findById(collectionValue.value, idValue.value, optionsValue.value);
+    } catch (e) {
+      error.value = e;
+      data.value = null;
+    } finally {
+      loading.value = false;
+    }
+  };
+  watch([collectionValue, idValue, optionsValue], fetch, { immediate: true, deep: true });
+  return { data, loading, error, refetch: fetch };
+}
+function useCMSCreate(collection) {
+  const cms = useCMS();
+  const data = ref(null);
+  const loading = ref(false);
+  const error = ref(null);
+  const collectionValue = computed(
+    () => typeof collection === "string" ? collection : collection.value
+  );
+  const mutate = async (input) => {
+    if (!cms.create) {
+      throw new Error("CMS adapter does not support create operations");
+    }
+    loading.value = true;
+    error.value = null;
+    try {
+      const result = await cms.create(collectionValue.value, input);
+      data.value = result;
+      return result;
+    } catch (e) {
+      error.value = e;
+      throw e;
+    } finally {
+      loading.value = false;
+    }
+  };
+  const reset = () => {
+    data.value = null;
+    loading.value = false;
+    error.value = null;
+  };
+  return { data, loading, error, mutate, reset };
+}
+function useCMSUpdate(collection) {
+  const cms = useCMS();
+  const data = ref(null);
+  const loading = ref(false);
+  const error = ref(null);
+  const collectionValue = computed(
+    () => typeof collection === "string" ? collection : collection.value
+  );
+  const mutate = async ({ id, data: inputData }) => {
+    if (!cms.update) {
+      throw new Error("CMS adapter does not support update operations");
+    }
+    loading.value = true;
+    error.value = null;
+    try {
+      const result = await cms.update(collectionValue.value, id, inputData);
+      data.value = result;
+      return result;
+    } catch (e) {
+      error.value = e;
+      throw e;
+    } finally {
+      loading.value = false;
+    }
+  };
+  const reset = () => {
+    data.value = null;
+    loading.value = false;
+    error.value = null;
+  };
+  return { data, loading, error, mutate, reset };
+}
+function useCMSDelete(collection) {
+  const cms = useCMS();
+  const data = ref(void 0);
+  const loading = ref(false);
+  const error = ref(null);
+  const collectionValue = computed(
+    () => typeof collection === "string" ? collection : collection.value
+  );
+  const mutate = async (id) => {
+    if (!cms.delete) {
+      throw new Error("CMS adapter does not support delete operations");
+    }
+    loading.value = true;
+    error.value = null;
+    try {
+      await cms.delete(collectionValue.value, id);
+    } catch (e) {
+      error.value = e;
+      throw e;
+    } finally {
+      loading.value = false;
+    }
+  };
+  const reset = () => {
+    loading.value = false;
+    error.value = null;
+  };
+  return { data, loading, error, mutate, reset };
+}
+
+export { provideCMS, useCMS, useCMSById, useCMSCreate, useCMSDelete, useCMSOne, useCMSQuery, useCMSUpdate };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/vue/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/vue/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/**\r\n * Vue composables for @flightdev/cms\r\n * \r\n * @example\r\n * ```typescript\r\n * import { provideCMS, useCMS, useCMSQuery } from '@flightdev/cms/vue';\r\n * import { createCMS } from '@flightdev/cms';\r\n * import { strapi } from '@flightdev/cms/strapi';\r\n * \r\n * // In App.vue setup\r\n * const cms = createCMS(strapi({ url: '...', token: '...' }));\r\n * provideCMS(cms);\r\n * \r\n * // In component\r\n * const { data, loading, error } = useCMSQuery('posts', { limit: 10 });\r\n * ```\r\n */\r\n\r\nimport { inject, provide, ref, watch, computed, type Ref, type InjectionKey } from 'vue';\r\nimport type { CMSInstance, CMSResult, FindManyOptions, FindOneOptions } from '../index';\r\n\r\n// =============================================================================\r\n// Context\r\n// =============================================================================\r\n\r\nconst CMS_KEY = Symbol('flight-cms') as InjectionKey<CMSInstance>;\r\n\r\n/**\r\n * Provide CMS instance to child components.\r\n * Call this in your root component's setup.\r\n */\r\nexport function provideCMS(cms: CMSInstance): void {\r\n    provide(CMS_KEY, cms);\r\n}\r\n\r\n/**\r\n * Get CMS instance from context.\r\n * Must be used within a component tree where provideCMS was called.\r\n */\r\nexport function useCMS(): CMSInstance {\r\n    const cms = inject(CMS_KEY);\r\n\r\n    if (!cms) {\r\n        throw new Error('useCMS: CMS not provided. Call provideCMS in a parent component.');\r\n    }\r\n\r\n    return cms;\r\n}\r\n\r\n// =============================================================================\r\n// Query Composables\r\n// =============================================================================\r\n\r\ninterface QueryResult<T> {\r\n    data: Ref<T | null>;\r\n    loading: Ref<boolean>;\r\n    error: Ref<Error | null>;\r\n    refetch: () => Promise<void>;\r\n}\r\n\r\ninterface ListQueryResult<T> {\r\n    data: Ref<T[]>;\r\n    meta: Ref<CMSResult<T>['meta'] | null>;\r\n    loading: Ref<boolean>;\r\n    error: Ref<Error | null>;\r\n    refetch: () => Promise<void>;\r\n}\r\n\r\n/**\r\n * Query a single entity from the CMS.\r\n * \r\n * @example\r\n * ```vue\r\n * <script setup>\r\n * const { slug } = useRoute().params;\r\n * const { data: post, loading, error } = useCMSOne('posts', () => ({\r\n *     where: { slug },\r\n *     populate: ['author'],\r\n * }));\r\n * </script>\r\n * \r\n * <template>\r\n *     <Loading v-if=\"loading\" />\r\n *     <Error v-else-if=\"error\" :error=\"error\" />\r\n *     <Post v-else-if=\"post\" :post=\"post\" />\r\n * </template>\r\n * ```\r\n */\r\nexport function useCMSOne<T = unknown>(\r\n    collection: string | Ref<string>,\r\n    options?: FindOneOptions | Ref<FindOneOptions> | (() => FindOneOptions)\r\n): QueryResult<T> {\r\n    const cms = useCMS();\r\n\r\n    const data = ref<T | null>(null) as Ref<T | null>;\r\n    const loading = ref(true);\r\n    const error = ref<Error | null>(null);\r\n\r\n    const collectionValue = computed(() =>\r\n        typeof collection === 'string' ? collection : collection.value\r\n    );\r\n\r\n    const optionsValue = computed(() => {\r\n        if (typeof options === 'function') return options();\r\n        if (options && 'value' in options) return options.value;\r\n        return options;\r\n    });\r\n\r\n    const fetch = async () => {\r\n        loading.value = true;\r\n        error.value = null;\r\n\r\n        try {\r\n            data.value = await cms.findOne<T>(collectionValue.value, optionsValue.value);\r\n        } catch (e) {\r\n            error.value = e as Error;\r\n            data.value = null;\r\n        } finally {\r\n            loading.value = false;\r\n        }\r\n    };\r\n\r\n    // Watch for changes and refetch\r\n    watch([collectionValue, optionsValue], fetch, { immediate: true, deep: true });\r\n\r\n    return { data, loading, error, refetch: fetch };\r\n}\r\n\r\n/**\r\n * Query multiple entities from the CMS with pagination.\r\n * \r\n * @example\r\n * ```vue\r\n * <script setup>\r\n * const { data: posts, meta, loading, refetch } = useCMSQuery('posts', {\r\n *     limit: 10,\r\n *     sort: { publishedAt: 'desc' },\r\n * });\r\n * </script>\r\n * \r\n * <template>\r\n *     <PostGrid :posts=\"posts\" />\r\n *     <Pagination v-if=\"meta\" :total=\"meta.total\" :page=\"meta.page\" />\r\n *     <button @click=\"refetch\">Refresh</button>\r\n * </template>\r\n * ```\r\n */\r\nexport function useCMSQuery<T = unknown>(\r\n    collection: string | Ref<string>,\r\n    options?: FindManyOptions | Ref<FindManyOptions> | (() => FindManyOptions)\r\n): ListQueryResult<T> {\r\n    const cms = useCMS();\r\n\r\n    const data = ref<T[]>([]) as Ref<T[]>;\r\n    const meta = ref<CMSResult<T>['meta'] | null>(null) as Ref<CMSResult<T>['meta'] | null>;\r\n    const loading = ref(true);\r\n    const error = ref<Error | null>(null);\r\n\r\n    const collectionValue = computed(() =>\r\n        typeof collection === 'string' ? collection : collection.value\r\n    );\r\n\r\n    const optionsValue = computed(() => {\r\n        if (typeof options === 'function') return options();\r\n        if (options && 'value' in options) return options.value;\r\n        return options;\r\n    });\r\n\r\n    const fetch = async () => {\r\n        loading.value = true;\r\n        error.value = null;\r\n\r\n        try {\r\n            const result = await cms.findMany<T>(collectionValue.value, optionsValue.value);\r\n            data.value = result.data;\r\n            meta.value = result.meta;\r\n        } catch (e) {\r\n            error.value = e as Error;\r\n        } finally {\r\n            loading.value = false;\r\n        }\r\n    };\r\n\r\n    watch([collectionValue, optionsValue], fetch, { immediate: true, deep: true });\r\n\r\n    return { data, meta, loading, error, refetch: fetch };\r\n}\r\n\r\n/**\r\n * Query an entity by ID.\r\n * \r\n * @example\r\n * ```vue\r\n * <script setup>\r\n * const { id } = useRoute().params;\r\n * const { data: post, loading } = useCMSById('posts', () => id, {\r\n *     populate: ['author', 'comments'],\r\n * });\r\n * </script>\r\n * ```\r\n */\r\nexport function useCMSById<T = unknown>(\r\n    collection: string | Ref<string>,\r\n    id: string | number | Ref<string | number> | (() => string | number),\r\n    options?: Omit<FindOneOptions, 'where'> | Ref<Omit<FindOneOptions, 'where'>>\r\n): QueryResult<T> {\r\n    const cms = useCMS();\r\n\r\n    const data = ref<T | null>(null) as Ref<T | null>;\r\n    const loading = ref(true);\r\n    const error = ref<Error | null>(null);\r\n\r\n    const collectionValue = computed(() =>\r\n        typeof collection === 'string' ? collection : collection.value\r\n    );\r\n\r\n    const idValue = computed(() => {\r\n        if (typeof id === 'function') return id();\r\n        if (typeof id === 'object' && 'value' in id) return id.value;\r\n        return id;\r\n    });\r\n\r\n    const optionsValue = computed(() => {\r\n        if (options && 'value' in options) return options.value;\r\n        return options;\r\n    });\r\n\r\n    const fetch = async () => {\r\n        loading.value = true;\r\n        error.value = null;\r\n\r\n        try {\r\n            data.value = await cms.findById<T>(collectionValue.value, idValue.value, optionsValue.value);\r\n        } catch (e) {\r\n            error.value = e as Error;\r\n            data.value = null;\r\n        } finally {\r\n            loading.value = false;\r\n        }\r\n    };\r\n\r\n    watch([collectionValue, idValue, optionsValue], fetch, { immediate: true, deep: true });\r\n\r\n    return { data, loading, error, refetch: fetch };\r\n}\r\n\r\n// =============================================================================\r\n// Mutation Composables\r\n// =============================================================================\r\n\r\ninterface MutationResult<TData, TInput> {\r\n    data: Ref<TData | null>;\r\n    loading: Ref<boolean>;\r\n    error: Ref<Error | null>;\r\n    mutate: (input: TInput) => Promise<TData>;\r\n    reset: () => void;\r\n}\r\n\r\n/**\r\n * Create a new entity in the CMS.\r\n */\r\nexport function useCMSCreate<T = unknown, TInput = Partial<T>>(\r\n    collection: string | Ref<string>\r\n): MutationResult<T, TInput> {\r\n    const cms = useCMS();\r\n\r\n    const data = ref<T | null>(null) as Ref<T | null>;\r\n    const loading = ref(false);\r\n    const error = ref<Error | null>(null);\r\n\r\n    const collectionValue = computed(() =>\r\n        typeof collection === 'string' ? collection : collection.value\r\n    );\r\n\r\n    const mutate = async (input: TInput): Promise<T> => {\r\n        if (!cms.create) {\r\n            throw new Error('CMS adapter does not support create operations');\r\n        }\r\n\r\n        loading.value = true;\r\n        error.value = null;\r\n\r\n        try {\r\n            const result = await cms.create<T>(collectionValue.value, input as Partial<T>);\r\n            data.value = result;\r\n            return result;\r\n        } catch (e) {\r\n            error.value = e as Error;\r\n            throw e;\r\n        } finally {\r\n            loading.value = false;\r\n        }\r\n    };\r\n\r\n    const reset = () => {\r\n        data.value = null;\r\n        loading.value = false;\r\n        error.value = null;\r\n    };\r\n\r\n    return { data, loading, error, mutate, reset };\r\n}\r\n\r\n/**\r\n * Update an entity in the CMS.\r\n */\r\nexport function useCMSUpdate<T = unknown, TInput = Partial<T>>(\r\n    collection: string | Ref<string>\r\n): MutationResult<T, { id: string | number; data: TInput }> {\r\n    const cms = useCMS();\r\n\r\n    const data = ref<T | null>(null) as Ref<T | null>;\r\n    const loading = ref(false);\r\n    const error = ref<Error | null>(null);\r\n\r\n    const collectionValue = computed(() =>\r\n        typeof collection === 'string' ? collection : collection.value\r\n    );\r\n\r\n    const mutate = async ({ id, data: inputData }: { id: string | number; data: TInput }): Promise<T> => {\r\n        if (!cms.update) {\r\n            throw new Error('CMS adapter does not support update operations');\r\n        }\r\n\r\n        loading.value = true;\r\n        error.value = null;\r\n\r\n        try {\r\n            const result = await cms.update<T>(collectionValue.value, id, inputData as Partial<T>);\r\n            data.value = result;\r\n            return result;\r\n        } catch (e) {\r\n            error.value = e as Error;\r\n            throw e;\r\n        } finally {\r\n            loading.value = false;\r\n        }\r\n    };\r\n\r\n    const reset = () => {\r\n        data.value = null;\r\n        loading.value = false;\r\n        error.value = null;\r\n    };\r\n\r\n    return { data, loading, error, mutate, reset };\r\n}\r\n\r\n/**\r\n * Delete an entity from the CMS.\r\n */\r\nexport function useCMSDelete(\r\n    collection: string | Ref<string>\r\n): MutationResult<void, string | number> {\r\n    const cms = useCMS();\r\n\r\n    const data = ref<void>(undefined);\r\n    const loading = ref(false);\r\n    const error = ref<Error | null>(null);\r\n\r\n    const collectionValue = computed(() =>\r\n        typeof collection === 'string' ? collection : collection.value\r\n    );\r\n\r\n    const mutate = async (id: string | number): Promise<void> => {\r\n        if (!cms.delete) {\r\n            throw new Error('CMS adapter does not support delete operations');\r\n        }\r\n\r\n        loading.value = true;\r\n        error.value = null;\r\n\r\n        try {\r\n            await cms.delete(collectionValue.value, id);\r\n        } catch (e) {\r\n            error.value = e as Error;\r\n            throw e;\r\n        } finally {\r\n            loading.value = false;\r\n        }\r\n    };\r\n\r\n    const reset = () => {\r\n        loading.value = false;\r\n        error.value = null;\r\n    };\r\n\r\n    return { data, loading, error, mutate, reset };\r\n}\r\n"]}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@flightdev/cms",
+  "version": "0.2.0",
+  "description": "Unified CMS adapters for Flight Framework - use any headless CMS",
+  "keywords": [
+    "flight",
+    "cms",
+    "strapi",
+    "contentful",
+    "sanity",
+    "headless"
+  ],
+  "license": "MIT",
+  "author": "Flight Contributors",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./strapi": {
+      "types": "./dist/adapters/strapi.d.ts",
+      "import": "./dist/adapters/strapi.js"
+    },
+    "./contentful": {
+      "types": "./dist/adapters/contentful.d.ts",
+      "import": "./dist/adapters/contentful.js"
+    },
+    "./sanity": {
+      "types": "./dist/adapters/sanity.d.ts",
+      "import": "./dist/adapters/sanity.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.js"
+    }
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "rimraf": "^6.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.7.0",
+    "vitest": "^2.0.0",
+    "vue": "^3.5.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "vue": "^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint src/",
+    "clean": "rimraf dist",
+    "typecheck": "tsc --noEmit"
+  }
+}