@parqui/vue 1.1.1

package/dist/index.d.ts

@@ -0,0 +1,56 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { ParquetColumn } from '@parqui/react';
+import { ParquetData } from '@parqui/react';
+import { ParquetExplorerProps } from '@parqui/react';
+import { ParquetInputSource } from '@parqui/react';
+import { ParquetMetadata } from '@parqui/react';
+import { ParquetRow } from '@parqui/react';
+import { ParquetSource } from '@parqui/react';
+import { ParquetViewerProps } from '@parqui/react';
+import { PublicProps } from 'vue';
+import { ReadOptions } from '@parqui/react';
+
+declare type __VLS_Props = {
+    source?: ParquetInputSource;
+    columns?: string[];
+    onMetadataLoad?: (metadata: ParquetMetadata) => void;
+};
+
+declare type __VLS_Props_2 = {
+    source?: ParquetInputSource;
+    columns?: string[];
+    onRequestOpen?: () => Promise<{
+        source: ParquetSource;
+        name: string;
+    } | null>;
+};
+
+export { ParquetColumn }
+
+export { ParquetData }
+
+export declare const ParquetExplorer: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+host: HTMLDivElement;
+}, HTMLDivElement>;
+
+export { ParquetExplorerProps }
+
+export { ParquetInputSource }
+
+export { ParquetMetadata }
+
+export { ParquetRow }
+
+export { ParquetSource }
+
+export declare const ParquetViewer: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
+host: HTMLDivElement;
+}, HTMLDivElement>;
+
+export { ParquetViewerProps }
+
+export { ReadOptions }
+
+export { }

package/dist/parqui-vue.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),c=require("react"),l=require("react-dom/client"),s=require("@parqui/react"),p=t.defineComponent({__name:"ParquetViewer",props:{source:{},columns:{},onMetadataLoad:{type:Function}},setup(u){const n=u,o=t.ref(null);let e=null;function r(){o.value&&(e||(e=l.createRoot(o.value)),e.render(c.createElement(s.ParquetViewer,{source:n.source,columns:n.columns,onMetadataLoad:n.onMetadataLoad,style:{height:"100%",width:"100%"}})))}return t.onMounted(r),t.watch(()=>[n.source,n.columns,n.onMetadataLoad],r,{deep:!0}),t.onBeforeUnmount(()=>{e==null||e.unmount(),e=null}),(a,i)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"host",ref:o,style:{height:"100%",width:"100%","min-height":"200px"}},null,512))}}),d=t.defineComponent({__name:"ParquetExplorer",props:{source:{},columns:{},onRequestOpen:{type:Function}},setup(u){const n=u,o=t.ref(null);let e=null;function r(){o.value&&(e||(e=l.createRoot(o.value)),e.render(c.createElement(s.ParquetExplorer,{source:n.source,columns:n.columns,onRequestOpen:n.onRequestOpen,style:{height:"100%",width:"100%"}})))}return t.onMounted(r),t.watch(()=>[n.source,n.columns,n.onRequestOpen],r,{deep:!0}),t.onBeforeUnmount(()=>{e==null||e.unmount(),e=null}),(a,i)=>(t.openBlock(),t.createElementBlock("div",{ref_key:"host",ref:o,style:{height:"100%",width:"100%","min-height":"200px"}},null,512))}});exports.ParquetExplorer=d;exports.ParquetViewer=p;

package/dist/parqui-vue.js

@@ -0,0 +1,65 @@
+import { defineComponent as u, ref as s, onMounted as c, watch as l, onBeforeUnmount as a, openBlock as i, createElementBlock as p } from "vue";
+import { createElement as m } from "react";
+import { createRoot as h } from "react-dom/client";
+import { ParquetViewer as _, ParquetExplorer as q } from "@parqui/react";
+const g = /* @__PURE__ */ u({
+  __name: "ParquetViewer",
+  props: {
+    source: {},
+    columns: {},
+    onMetadataLoad: { type: Function }
+  },
+  setup(r) {
+    const t = r, n = s(null);
+    let e = null;
+    function o() {
+      n.value && (e || (e = h(n.value)), e.render(
+        m(_, {
+          source: t.source,
+          columns: t.columns,
+          onMetadataLoad: t.onMetadataLoad,
+          style: { height: "100%", width: "100%" }
+        })
+      ));
+    }
+    return c(o), l(() => [t.source, t.columns, t.onMetadataLoad], o, { deep: !0 }), a(() => {
+      e == null || e.unmount(), e = null;
+    }), (d, f) => (i(), p("div", {
+      ref_key: "host",
+      ref: n,
+      style: { height: "100%", width: "100%", "min-height": "200px" }
+    }, null, 512));
+  }
+}), v = /* @__PURE__ */ u({
+  __name: "ParquetExplorer",
+  props: {
+    source: {},
+    columns: {},
+    onRequestOpen: { type: Function }
+  },
+  setup(r) {
+    const t = r, n = s(null);
+    let e = null;
+    function o() {
+      n.value && (e || (e = h(n.value)), e.render(
+        m(q, {
+          source: t.source,
+          columns: t.columns,
+          onRequestOpen: t.onRequestOpen,
+          style: { height: "100%", width: "100%" }
+        })
+      ));
+    }
+    return c(o), l(() => [t.source, t.columns, t.onRequestOpen], o, { deep: !0 }), a(() => {
+      e == null || e.unmount(), e = null;
+    }), (d, f) => (i(), p("div", {
+      ref_key: "host",
+      ref: n,
+      style: { height: "100%", width: "100%", "min-height": "200px" }
+    }, null, 512));
+  }
+});
+export {
+  v as ParquetExplorer,
+  g as ParquetViewer
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@parqui/vue",
+  "version": "1.1.1",
+  "description": "Vue wrappers around @parqui/react components",
+  "type": "module",
+  "main": "./dist/parqui-vue.cjs",
+  "module": "./dist/parqui-vue.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/parqui-vue.js",
+      "require": "./dist/parqui-vue.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@parqui/core": "1.1.1",
+    "@parqui/react": "1.1.1"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-vue": "^5.2.0",
+    "typescript": "^5.8.2",
+    "vite": "^6.3.0",
+    "vite-plugin-dts": "^4.5.0",
+    "vue": "^3.5.0",
+    "vue-tsc": "^2.2.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "license": "MIT",
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "clean": "rm -rf dist",
+    "lint": "vue-tsc --noEmit"
+  }
+}