@gridsheet/vue-core 0.1.0 → 2.0.0-0

package/README.md

@@ -22,7 +22,7 @@ This package requires the following peer dependency:
     <h1>GridSheet Vue Example</h1>
     <div class="grid-container">
       <GridSheet
-        :hubReactive="hubReactive"
+        :hub="hub"
         :initialCells="{
           A1: { value: 'Hello' },
           B1: { value: 'Vue', style: { backgroundColor: '#448888'} },
@@ -38,7 +38,7 @@ This package requires the following peer dependency:
       />
 
       <GridSheet
-        :hubReactive="hubReactive"
+        :hub="hub"
         :initialCells="{
           C3: { value: '=SUM(Sheet1!A2:B3)' },
         }"
@@ -50,8 +50,8 @@ This package requires the following peer dependency:
 </template>
 
 <script setup>
-import { GridSheet, useHubReactive } from '@gridsheet/vue-core';
-const hubReactive = useHubReactive();
+import { GridSheet, useHub } from '@gridsheet/vue-core';
+const hub = useHub();
 </script>
 ```
 
@@ -62,12 +62,12 @@ const hubReactive = useHubReactive();
 The main spreadsheet component for Vue 3 applications.
 
 **Props:**
-- `hubReactive` - Reactive hub for data binding and state management
+- `hub` - Reactive hub for data binding and state management
 - `initialCells` - Initial cell data with values, styles, and formulas
 - `options` - GridSheet options (e.g., mode: 'dark')
 - `sheetName` - Name of the sheet
 
-### useHubReactive
+### useHub
 
 A Vue 3-specific composable for creating reactive hubs that can be used for data binding and state management.
 
@@ -77,7 +77,7 @@ This package exports:
 
 - All core GridSheet functionality from `@gridsheet/preact-core`
 - `GridSheet` - Vue 3 component
-- `useHubReactive` - Vue 3-specific reactive hub composable
+- `useHub` - Vue 3-specific reactive hub composable
 
 ## Development
 

package/dist/GridSheet.vue.d.ts

@@ -1,5 +1,5 @@
-import { HubReactiveType, CellsByAddressType, OptionsType, TableRef } from '@gridsheet/preact-core';
 import { Ref } from 'vue';
+import { CellsByAddressType, OptionsType, HubType, Connector } from '@gridsheet/preact-core';
 
 interface RefObject<T> {
     readonly current: T | null;
@@ -13,12 +13,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    hubReactive: {
-        type: () => HubReactiveType | Ref<HubReactiveType>;
+    hub: {
+        type: () => HubType | Ref<HubType>;
         default: null;
     };
-    tableRef: {
-        type: () => RefObject<TableRef | null>;
+    connector: {
+        type: () => RefObject<Connector | null>;
         default: null;
     };
     options: {
@@ -44,12 +44,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-    hubReactive: {
-        type: () => HubReactiveType | Ref<HubReactiveType>;
+    hub: {
+        type: () => HubType | Ref<HubType>;
         default: null;
     };
-    tableRef: {
-        type: () => RefObject<TableRef | null>;
+    connector: {
+        type: () => RefObject<Connector | null>;
         default: null;
     };
     options: {
@@ -66,8 +66,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     sheetName: string;
-    hubReactive: HubReactiveType | Ref<HubReactiveType, HubReactiveType>;
-    tableRef: RefObject<TableRef | null>;
+    hub: HubType | Ref<HubType, HubType>;
+    connector: RefObject<Connector | null>;
     options: OptionsType;
     className: string;
     style: any;

package/dist/hub.d.ts

@@ -1 +1,3 @@
-export declare function useHubReactive(historyLimit?: number): import('vue').ShallowRef<import('@gridsheet/preact-core').HubReactiveType, import('@gridsheet/preact-core').HubReactiveType>;
+import { WireProps } from '@gridsheet/preact-core';
+
+export declare function useHub(wireProps?: WireProps): import('vue').ShallowRef<import('@gridsheet/preact-core').HubType, import('@gridsheet/preact-core').HubType>;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 export * from '@gridsheet/preact-core';
 export { default as GridSheet } from './GridSheet.vue';
-export { useHubReactive } from './hub';
+export { useHub } from './hub';

package/dist/index.js

@@ -1,7 +1,7 @@
-import { render as o, h as l, GridSheet as f, DEFAULT_HISTORY_LIMIT as s, createHubReactive as d } from "@gridsheet/preact-core";
+import { render as i, h as s, GridSheet as f, createHub as d } from "@gridsheet/preact-core";
 export * from "@gridsheet/preact-core";
-import { defineComponent as h, ref as v, onMounted as b, isRef as u, watch as i, onBeforeUnmount as p, createElementBlock as R, openBlock as m, shallowRef as _ } from "vue";
-const y = h({
+import { defineComponent as h, ref as b, onMounted as m, isRef as c, watch as a, onBeforeUnmount as p, createElementBlock as _, openBlock as v, shallowRef as y } from "vue";
+const O = h({
   name: "GridSheet",
   props: {
     initialCells: {
@@ -12,11 +12,11 @@ const y = h({
       type: String,
       default: ""
     },
-    hubReactive: {
+    hub: {
       type: Object,
       default: null
     },
-    tableRef: {
+    connector: {
       type: Object,
       default: null
     },
@@ -34,54 +34,59 @@ const y = h({
     }
   },
   setup(e) {
-    const n = v(null);
+    const r = b(null);
     let t = null;
-    function a() {
+    function u() {
+      const { tableRef: o, ...l } = e;
       return {
-        ...e,
-        hubReactive: u(e.hubReactive) ? e.hubReactive.value : e.hubReactive
+        ...l,
+        hub: c(e.hub) ? e.hub.value : e.hub
       };
     }
-    function r() {
-      n.value && (t = n.value, o(
-        l(f, a()),
+    function n() {
+      r.value && (t = r.value, i(
+        s(f, u()),
         t
       ));
     }
-    return b(() => {
-      r(), u(e.hubReactive) ? i(
-        () => e.hubReactive.value,
-        r,
+    return m(() => {
+      n(), c(e.hub) ? a(
+        () => e.hub.value,
+        n,
         { deep: !1 }
-      ) : i(
-        () => e.hubReactive,
-        r,
+      ) : a(
+        () => e.hub,
+        n,
         { deep: !1 }
       );
     }), p(() => {
       t && (t.innerHTML = "");
     }), {
-      container: n
+      container: r
     };
   }
-}), O = (e, n) => {
+}), j = (e, r) => {
   const t = e.__vccOpts || e;
-  for (const [a, r] of n)
-    t[a] = r;
+  for (const [u, n] of r)
+    t[u] = n;
   return t;
 }, S = { ref: "container" };
-function j(e, n, t, a, r, c) {
-  return m(), R("div", S, null, 512);
+function g(e, r, t, u, n, o) {
+  return v(), _("div", S, null, 512);
 }
-const x = /* @__PURE__ */ O(y, [["render", j]]);
-function G(e = s) {
-  const n = d(e), t = _(n), { hub: a } = t.value;
-  function r(c) {
-    Object.assign(a, { ...c }), a.ready && requestAnimationFrame(() => t.value = { ...t.value });
+const G = /* @__PURE__ */ j(O, [["render", g]]);
+function k(e = {}) {
+  const r = d(e), t = y(r), { wire: u } = t.value;
+  function n(o) {
+    Object.assign(u, o), u.ready && requestAnimationFrame(() => t.value = { ...t.value });
   }
-  return a.reflect = r, t;
+  return u.transmit = n, a(
+    () => e,
+    (o) => n(o),
+    { deep: !0 }
+  ), t;
 }
 export {
-  x as GridSheet,
-  G as useHubReactive
+  G as GridSheet,
+  k as useHub
 };

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@gridsheet/vue-core",
-  "version": "0.1.0",
+  "version": "2.0.0-0",
+  "description": "Spreadsheet component for Vue 3",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -10,16 +11,23 @@
     "build": "vite build",
     "preview": "vite preview"
   },
+  "homepage": "https://gridsheet.walkframe.com/",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/walkframe/gridsheet.git"
+  },
   "peerDependencies": {
     "vue": "^3.3.0"
   },
   "dependencies": {
-    "@gridsheet/preact-core": "^2.0.0-rc.0"
+    "@gridsheet/preact-core": "^2.0.0"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.2.4",
     "vue": "^3.4.21",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^3.9.0"
-  }
+  },
+  "author": "righ",
+  "license": "Apache-2.0"
 }