@korajs/vue 0.5.0

package/README.md

@@ -0,0 +1,20 @@
+# @korajs/vue
+
+Experimental Vue 3 bindings stub for [Kora.js](https://github.com/korajs/kora). Production React apps should use `@korajs/react` until reactive query composables land here.
+
+## Usage
+
+```typescript
+import { createApp as createKoraApp } from 'korajs'
+import { createApp as createVueApp } from 'vue'
+import { installKora } from '@korajs/vue'
+import schema from './schema'
+
+const kora = createKoraApp({ schema, store: { workerUrl: '/sqlite-wasm-worker.js' } })
+const vue = createVueApp(App)
+installKora(vue, kora)
+await kora.ready
+vue.mount('#app')
+```
+
+In components, use `useKoraApp()` then `app.todos.where({}).exec()` or wire your own `watch` on `app.events`.

package/dist/index.cjs

@@ -0,0 +1,53 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  installKora: () => installKora,
+  koraAppInjectionKey: () => koraAppInjectionKey,
+  useKoraApp: () => useKoraApp
+});
+module.exports = __toCommonJS(index_exports);
+var import_core = require("@korajs/core");
+var import_vue = require("vue");
+var koraAppInjectionKey = /* @__PURE__ */ Symbol("korajs-app");
+function installKora(vueApp, koraApp) {
+  vueApp.provide(koraAppInjectionKey, koraApp);
+}
+function useKoraApp() {
+  const app = (0, import_vue.inject)(koraAppInjectionKey);
+  if (!app) {
+    throw new import_core.KoraError(
+      "useKoraApp() requires installKora(vueApp, koraApp) on the Vue application.",
+      "KORA_NOT_PROVIDED",
+      {
+        fix: "In main.ts: const kora = createApp({ schema }); installKora(vueApp, kora); await kora.ready"
+      }
+    );
+  }
+  return app;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  installKora,
+  koraAppInjectionKey,
+  useKoraApp
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { KoraError } from '@korajs/core'\nimport { type App, type InjectionKey, inject } from 'vue'\nimport type { KoraAppHandle } from './types'\n\nexport type { KoraAppHandle } from './types'\n\n/** Vue injection key for the root Kora app instance. */\nexport const koraAppInjectionKey: InjectionKey<KoraAppHandle> = Symbol('korajs-app')\n\n/**\n * Register a Kora app on a Vue application instance.\n * Call once after `createApp()` from korajs, typically in `main.ts`.\n */\nexport function installKora(vueApp: App, koraApp: KoraAppHandle): void {\n\tvueApp.provide(koraAppInjectionKey, koraApp)\n}\n\n/**\n * Access the Kora app from a component setup function.\n * Pair with {@link installKora} and `app.ready` before running queries.\n */\nexport function useKoraApp(): KoraAppHandle {\n\tconst app = inject(koraAppInjectionKey)\n\tif (!app) {\n\t\tthrow new KoraError(\n\t\t\t'useKoraApp() requires installKora(vueApp, koraApp) on the Vue application.',\n\t\t\t'KORA_NOT_PROVIDED',\n\t\t\t{\n\t\t\t\tfix: 'In main.ts: const kora = createApp({ schema }); installKora(vueApp, kora); await kora.ready',\n\t\t\t},\n\t\t)\n\t}\n\treturn app\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA0B;AAC1B,iBAAoD;AAM7C,IAAM,sBAAmD,uBAAO,YAAY;AAM5E,SAAS,YAAY,QAAa,SAA8B;AACtE,SAAO,QAAQ,qBAAqB,OAAO;AAC5C;AAMO,SAAS,aAA4B;AAC3C,QAAM,UAAM,mBAAO,mBAAmB;AACtC,MAAI,CAAC,KAAK;AACT,UAAM,IAAI;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,QACC,KAAK;AAAA,MACN;AAAA,IACD;AAAA,EACD;AACA,SAAO;AACR;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,31 @@
+import { App, InjectionKey } from 'vue';
+import { KoraEventEmitter } from '@korajs/core';
+import { Store } from '@korajs/store';
+
+/**
+ * Minimal app handle type for Vue provide/inject (matches `createApp()` from korajs).
+ * Use the full `KoraApp` / `TypedKoraApp` types from korajs in application code when available.
+ */
+interface KoraAppHandle {
+    readonly ready: Promise<void>;
+    readonly events: KoraEventEmitter;
+    readonly sync: unknown;
+    close(): Promise<void>;
+    getStore(): Store;
+    [collection: string]: unknown;
+}
+
+/** Vue injection key for the root Kora app instance. */
+declare const koraAppInjectionKey: InjectionKey<KoraAppHandle>;
+/**
+ * Register a Kora app on a Vue application instance.
+ * Call once after `createApp()` from korajs, typically in `main.ts`.
+ */
+declare function installKora(vueApp: App, koraApp: KoraAppHandle): void;
+/**
+ * Access the Kora app from a component setup function.
+ * Pair with {@link installKora} and `app.ready` before running queries.
+ */
+declare function useKoraApp(): KoraAppHandle;
+
+export { type KoraAppHandle, installKora, koraAppInjectionKey, useKoraApp };

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+import { App, InjectionKey } from 'vue';
+import { KoraEventEmitter } from '@korajs/core';
+import { Store } from '@korajs/store';
+
+/**
+ * Minimal app handle type for Vue provide/inject (matches `createApp()` from korajs).
+ * Use the full `KoraApp` / `TypedKoraApp` types from korajs in application code when available.
+ */
+interface KoraAppHandle {
+    readonly ready: Promise<void>;
+    readonly events: KoraEventEmitter;
+    readonly sync: unknown;
+    close(): Promise<void>;
+    getStore(): Store;
+    [collection: string]: unknown;
+}
+
+/** Vue injection key for the root Kora app instance. */
+declare const koraAppInjectionKey: InjectionKey<KoraAppHandle>;
+/**
+ * Register a Kora app on a Vue application instance.
+ * Call once after `createApp()` from korajs, typically in `main.ts`.
+ */
+declare function installKora(vueApp: App, koraApp: KoraAppHandle): void;
+/**
+ * Access the Kora app from a component setup function.
+ * Pair with {@link installKora} and `app.ready` before running queries.
+ */
+declare function useKoraApp(): KoraAppHandle;
+
+export { type KoraAppHandle, installKora, koraAppInjectionKey, useKoraApp };

package/dist/index.js

@@ -0,0 +1,26 @@
+// src/index.ts
+import { KoraError } from "@korajs/core";
+import { inject } from "vue";
+var koraAppInjectionKey = /* @__PURE__ */ Symbol("korajs-app");
+function installKora(vueApp, koraApp) {
+  vueApp.provide(koraAppInjectionKey, koraApp);
+}
+function useKoraApp() {
+  const app = inject(koraAppInjectionKey);
+  if (!app) {
+    throw new KoraError(
+      "useKoraApp() requires installKora(vueApp, koraApp) on the Vue application.",
+      "KORA_NOT_PROVIDED",
+      {
+        fix: "In main.ts: const kora = createApp({ schema }); installKora(vueApp, kora); await kora.ready"
+      }
+    );
+  }
+  return app;
+}
+export {
+  installKora,
+  koraAppInjectionKey,
+  useKoraApp
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import { KoraError } from '@korajs/core'\nimport { type App, type InjectionKey, inject } from 'vue'\nimport type { KoraAppHandle } from './types'\n\nexport type { KoraAppHandle } from './types'\n\n/** Vue injection key for the root Kora app instance. */\nexport const koraAppInjectionKey: InjectionKey<KoraAppHandle> = Symbol('korajs-app')\n\n/**\n * Register a Kora app on a Vue application instance.\n * Call once after `createApp()` from korajs, typically in `main.ts`.\n */\nexport function installKora(vueApp: App, koraApp: KoraAppHandle): void {\n\tvueApp.provide(koraAppInjectionKey, koraApp)\n}\n\n/**\n * Access the Kora app from a component setup function.\n * Pair with {@link installKora} and `app.ready` before running queries.\n */\nexport function useKoraApp(): KoraAppHandle {\n\tconst app = inject(koraAppInjectionKey)\n\tif (!app) {\n\t\tthrow new KoraError(\n\t\t\t'useKoraApp() requires installKora(vueApp, koraApp) on the Vue application.',\n\t\t\t'KORA_NOT_PROVIDED',\n\t\t\t{\n\t\t\t\tfix: 'In main.ts: const kora = createApp({ schema }); installKora(vueApp, kora); await kora.ready',\n\t\t\t},\n\t\t)\n\t}\n\treturn app\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAC1B,SAAsC,cAAc;AAM7C,IAAM,sBAAmD,uBAAO,YAAY;AAM5E,SAAS,YAAY,QAAa,SAA8B;AACtE,SAAO,QAAQ,qBAAqB,OAAO;AAC5C;AAMO,SAAS,aAA4B;AAC3C,QAAM,MAAM,OAAO,mBAAmB;AACtC,MAAI,CAAC,KAAK;AACT,UAAM,IAAI;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,QACC,KAAK;AAAA,MACN;AAAA,IACD;AAAA,EACD;AACA,SAAO;AACR;","names":[]}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@korajs/vue",
+  "version": "0.5.0",
+  "description": "Experimental Vue bindings stub for Kora.js (provide/inject app context)",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "dependencies": {
+    "@korajs/store": "0.5.0",
+    "@korajs/core": "0.5.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3",
+    "vue": "^3.5.13"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check src/",
+    "clean": "rm -rf dist .turbo"
+  }
+}