@ui0/composable 0.1.3 → 0.1.4

package/dist/index.d.ts

@@ -18,6 +18,13 @@ export declare function getUi0CoreInstance(vm?: import("vue").ComponentInternalI
 type WithIdFn = (str: string) => string;
 type LoggerFn = (str: string) => void;
 type ComponentId = string;
+/**
+ * A component-scoped id, stable across SSR and hydration. Built on vue's
+ * useId: a per-component counter, so the same call order inside the
+ * component yields the same ids on the server and the client (the raw
+ * instance uid is a PROCESS-global counter and mismatches between the two
+ * environments).
+ */
 export declare function useComponentId(name?: string): [id: ComponentId, withId: WithIdFn, logId: LoggerFn];
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/provideHost.ts","../src/injectHost.ts","../src/getUi0CoreInstance.ts","../src/useComponentId.ts"],"mappings":";;;;;;;;;wBAYgB,YAAY,GAC1B,KAAK,aAAa,IAClB,MAAM,GACN,oBAAwB;;;;;;wBCRV,WAAW,GAAG,KAAK,aAAa,KAAK;wBCDrC,mBAAmB,mBAAE,mCAA0B;KCJ1D,YAAY;KACZ,YAAY;KACZ;wBAEW,eAAe,iBAAiB,IAAI,aAAa,QAAQ,UAAU,OAAO"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/provideHost.ts","../src/injectHost.ts","../src/getUi0CoreInstance.ts","../src/useComponentId.ts"],"mappings":";;;;;;;;;wBAYgB,YAAY,GAC1B,KAAK,aAAa,IAClB,MAAM,GACN,oBAAwB;;;;;;wBCRV,WAAW,GAAG,KAAK,aAAa,KAAK;wBCDrC,mBAAmB,mBAAE,mCAA0B;KCJ1D,YAAY;KACZ,YAAY;KACZ;;;;;;;;wBASW,eAAe,iBAAiB,IAAI,aAAa,QAAQ,UAAU,OAAO"}

package/dist/index.js

@@ -1,5 +1,5 @@
 import { newErrorForSetupCall, objectMerge } from "@ui0/util";
-import { getCurrentInstance, hasInjectionContext, inject, provide } from "vue";
+import { getCurrentInstance, hasInjectionContext, inject, provide, useId } from "vue";
 // src/injectHost.ts
 /**
 * Inject hosted data previously provided under `key`.
@@ -35,10 +35,16 @@ function getUi0CoreInstance(vm = getCurrentInstance()) {
 	return vm.appContext.config.globalProperties.$ui0;
 }
 // src/useComponentId.ts
+/**
+* A component-scoped id, stable across SSR and hydration. Built on vue's
+* useId: a per-component counter, so the same call order inside the
+* component yields the same ids on the server and the client (the raw
+* instance uid is a PROCESS-global counter and mismatches between the two
+* environments).
+*/
 function useComponentId(name) {
-	const vm = getCurrentInstance();
-	if (!vm) throw newErrorForSetupCall("useComponentId");
-	const id = name ? name + "-" + vm.uid.toString() : vm.uid.toString();
+	if (!getCurrentInstance()) throw newErrorForSetupCall("useComponentId");
+	const id = name ? name + "-" + useId() : useId();
 	const fn = (str) => str + "-" + id;
 	const log = (...arg) => console.log(...arg);
 	return [

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/injectHost.ts","../src/provideHost.ts","../src/getUi0CoreInstance.ts","../src/useComponentId.ts"],"sourcesContent":["import { inject, type InjectionKey } from 'vue'\n\n/**\n * Inject hosted data previously provided under `key`.\n * @param key injection key\n * @returns the injected value, or `undefined` when nothing was provided\n */\nexport function injectHost<T>(key: InjectionKey<T>): T | undefined {\n  return inject(key, undefined)\n}\n","import { objectMerge } from '@ui0/util'\nimport { hasInjectionContext, type InjectionKey, provide } from 'vue'\n\nimport { injectHost } from './injectHost'\n\n/**\n * Provide hosted data.\n * set `inherit` to `t\n * @param key\n * @param data\n * @param inherit\n */\nexport function provideHost<T>(\n  key: InjectionKey<T>,\n  data: T,\n  inherit: boolean = false\n) {\n  if (inherit && hasInjectionContext()) {\n    const injection = injectHost(key)\n    if (injection) {\n      // merging with previous keyed-instance\n      const merged = objectMerge(injection, data, { mergeFunctions: true })\n\n      provide(key, merged)\n      return merged\n    }\n  }\n\n  provide(key, data)\n  return data\n}\n","import type { Ui0CoreInstance } from '@ui0/types'\nimport { getCurrentInstance } from 'vue'\n\n// The app-level ui0 runtime, exposed on globalProperties.$ui0 by the host app's\n// ui0 plugin. Holds the live theme instance (see the @ui0/types augmentation in\n// theme.runtime.types).\nexport function getUi0CoreInstance(vm = getCurrentInstance()): Ui0CoreInstance {\n  if (!vm)\n    throw new Error('getFrameworkInstance: called outside of a component setup')\n  return vm.appContext.config.globalProperties.$ui0 as Ui0CoreInstance\n}\n","import { newErrorForSetupCall } from '@ui0/util'\nimport { getCurrentInstance } from 'vue'\ntype WithIdFn = (str: string) => string\ntype LoggerFn = (str: string) => void\ntype ComponentId = string\n\nexport function useComponentId(name?: string): [id: ComponentId, withId: WithIdFn, logId: LoggerFn] {\n  const vm = getCurrentInstance()\n  if (!vm) throw newErrorForSetupCall('useComponentId')\n\n  const id: ComponentId = name ? name + '-' + vm.uid.toString() : vm.uid.toString()\n\n  const fn = (str: string) => str + '-' + id\n  const log = (...arg: []) => console.log(...arg)\n\n  return [id, fn, log]\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,WAAc,KAAqC;CACjE,OAAO,OAAO,KAAK,KAAA,CAAS;AAC9B;;;;;;;;;ACGA,SAAgB,YACd,KACA,MACA,UAAmB,OACnB;CACA,IAAI,WAAW,oBAAoB,GAAG;EACpC,MAAM,YAAY,WAAW,GAAG;EAChC,IAAI,WAAW;GAEb,MAAM,SAAS,YAAY,WAAW,MAAM,EAAE,gBAAgB,KAAK,CAAC;GAEpE,QAAQ,KAAK,MAAM;GACnB,OAAO;EACT;CACF;CAEA,QAAQ,KAAK,IAAI;CACjB,OAAO;AACT;;ACxBA,SAAgB,mBAAmB,KAAK,mBAAmB,GAAoB;CAC7E,IAAI,CAAC,IACH,MAAM,IAAI,MAAM,2DAA2D;CAC7E,OAAO,GAAG,WAAW,OAAO,iBAAiB;AAC/C;;ACJA,SAAgB,eAAe,MAAqE;CAClG,MAAM,KAAK,mBAAmB;CAC9B,IAAI,CAAC,IAAI,MAAM,qBAAqB,gBAAgB;CAEpD,MAAM,KAAkB,OAAO,OAAO,MAAM,GAAG,IAAI,SAAS,IAAI,GAAG,IAAI,SAAS;CAEhF,MAAM,MAAM,QAAgB,MAAM,MAAM;CACxC,MAAM,OAAO,GAAG,QAAY,QAAQ,IAAI,GAAG,GAAG;CAE9C,OAAO;EAAC;EAAI;EAAI;CAAG;AACrB"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/injectHost.ts","../src/provideHost.ts","../src/getUi0CoreInstance.ts","../src/useComponentId.ts"],"sourcesContent":["import { inject, type InjectionKey } from 'vue'\n\n/**\n * Inject hosted data previously provided under `key`.\n * @param key injection key\n * @returns the injected value, or `undefined` when nothing was provided\n */\nexport function injectHost<T>(key: InjectionKey<T>): T | undefined {\n  return inject(key, undefined)\n}\n","import { objectMerge } from '@ui0/util'\nimport { hasInjectionContext, type InjectionKey, provide } from 'vue'\n\nimport { injectHost } from './injectHost'\n\n/**\n * Provide hosted data.\n * set `inherit` to `t\n * @param key\n * @param data\n * @param inherit\n */\nexport function provideHost<T>(\n  key: InjectionKey<T>,\n  data: T,\n  inherit: boolean = false\n) {\n  if (inherit && hasInjectionContext()) {\n    const injection = injectHost(key)\n    if (injection) {\n      // merging with previous keyed-instance\n      const merged = objectMerge(injection, data, { mergeFunctions: true })\n\n      provide(key, merged)\n      return merged\n    }\n  }\n\n  provide(key, data)\n  return data\n}\n","import type { Ui0CoreInstance } from '@ui0/types'\nimport { getCurrentInstance } from 'vue'\n\n// The app-level ui0 runtime, exposed on globalProperties.$ui0 by the host app's\n// ui0 plugin. Holds the live theme instance (see the @ui0/types augmentation in\n// theme.runtime.types).\nexport function getUi0CoreInstance(vm = getCurrentInstance()): Ui0CoreInstance {\n  if (!vm)\n    throw new Error('getFrameworkInstance: called outside of a component setup')\n  return vm.appContext.config.globalProperties.$ui0 as Ui0CoreInstance\n}\n","import { newErrorForSetupCall } from '@ui0/util'\nimport { getCurrentInstance, useId } from 'vue'\ntype WithIdFn = (str: string) => string\ntype LoggerFn = (str: string) => void\ntype ComponentId = string\n\n/**\n * A component-scoped id, stable across SSR and hydration. Built on vue's\n * useId: a per-component counter, so the same call order inside the\n * component yields the same ids on the server and the client (the raw\n * instance uid is a PROCESS-global counter and mismatches between the two\n * environments).\n */\nexport function useComponentId(name?: string): [id: ComponentId, withId: WithIdFn, logId: LoggerFn] {\n  const vm = getCurrentInstance()\n  if (!vm) throw newErrorForSetupCall('useComponentId')\n\n  const id: ComponentId = name ? name + '-' + useId() : useId()\n\n  const fn = (str: string) => str + '-' + id\n  const log = (...arg: []) => console.log(...arg)\n\n  return [id, fn, log]\n}\n"],"mappings":";;;;;;;;AAOA,SAAgB,WAAc,KAAqC;CACjE,OAAO,OAAO,KAAK,KAAA,CAAS;AAC9B;;;;;;;;;ACGA,SAAgB,YACd,KACA,MACA,UAAmB,OACnB;CACA,IAAI,WAAW,oBAAoB,GAAG;EACpC,MAAM,YAAY,WAAW,GAAG;EAChC,IAAI,WAAW;GAEb,MAAM,SAAS,YAAY,WAAW,MAAM,EAAE,gBAAgB,KAAK,CAAC;GAEpE,QAAQ,KAAK,MAAM;GACnB,OAAO;EACT;CACF;CAEA,QAAQ,KAAK,IAAI;CACjB,OAAO;AACT;;ACxBA,SAAgB,mBAAmB,KAAK,mBAAmB,GAAoB;CAC7E,IAAI,CAAC,IACH,MAAM,IAAI,MAAM,2DAA2D;CAC7E,OAAO,GAAG,WAAW,OAAO,iBAAiB;AAC/C;;;;;;;;;ACGA,SAAgB,eAAe,MAAqE;CAElG,IAAI,CADO,mBACL,GAAG,MAAM,qBAAqB,gBAAgB;CAEpD,MAAM,KAAkB,OAAO,OAAO,MAAM,MAAM,IAAI,MAAM;CAE5D,MAAM,MAAM,QAAgB,MAAM,MAAM;CACxC,MAAM,OAAO,GAAG,QAAY,QAAQ,IAAI,GAAG,GAAG;CAE9C,OAAO;EAAC;EAAI;EAAI;CAAG;AACrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui0/composable",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "ui0 composables",
   "files": [
     "dist"
@@ -19,11 +19,12 @@
     "build": "tsdown",
     "dev": "tsdown --watch",
     "typecheck": "tsc -p tsconfig.json --noEmit",
-    "test": "vitest run --passWithNoTests"
+    "test": "vitest run --passWithNoTests",
+    "composable:publish": "node ../../scripts/publish-packages.ts"
   },
   "dependencies": {
-    "@ui0/types": "^0.1.3",
-    "@ui0/util": "^0.0.4"
+    "@ui0/types": "^0.1.4",
+    "@ui0/util": "^0.0.5"
   },
   "peerDependencies": {
     "vue": "^3.5.45"