@live-change/vue3-components 0.8.64 → 0.8.66

package/index.js

@@ -18,8 +18,9 @@ import createReactiveObject from "./utils/createReactiveObject.mjs"
 
 export { createReactiveObject }
 
-import { analytics, useAnalytics, installRouterAnalytics, synchronized, synchronizedList } from "./logic"
-export { analytics, useAnalytics, installRouterAnalytics, synchronized, synchronizedList }
+export { analytics, useAnalytics, installRouterAnalytics, synchronized, synchronizedList } from "./logic"
+
+export { injectComponent, provideComponent } from "./logic/dependencyInjection.js"
 
 export {
   useLocale, Locale

package/logic/dependencyInjection.js

@@ -0,0 +1,42 @@
+import { provide, inject } from 'vue'
+
+export function provideComponent(description, component) {
+  if(!description) throw new Error("provideComponent: description is required")
+  if(!component) throw new Error("provideComponent: component is required")
+  if(typeof description === 'string') description = { name: description }
+  if(!description.name) throw new Error("provideComponent: description.name is required")
+
+  for(let key in description) {
+    for(let value of (description[key] instanceof Array ? description[key] : [description[key]])) {
+      const provideKey = `component:${description.name}:${key}=${value}`
+      provide(provideKey, {
+        component,
+        description
+      })
+    }
+  }
+}
+
+
+export function injectComponent(request, defaultComponent, factory) {
+  if(!request) throw new Error("injectComponent: request is required")
+  if(typeof request === 'string') request = { name: request }
+
+  const filter = request.filter || (() => true)
+  delete request.filter
+
+  for(let key in request) {
+    const provideKey = `component:${request.name}:${key}=${request[key]}`
+    const component = inject(provideKey, null)
+    if(!component) continue
+    let isValid = true
+    for(let key in component) {
+      const value = request[key]
+      if(Array.isArray(value)) {
+        if(!value.includes(component[key])) isValid = false
+      } else if(value !== component[key]) isValid = false
+    }
+    if(isValid && filter(component)) return component
+  }
+  return factory ? defaultComponent() : defaultComponent
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/vue3-components",
-  "version": "0.8.64",
+  "version": "0.8.66",
   "description": "Live Change Framework - vue components",
   "main": "index.js",
   "scripts": {
@@ -21,10 +21,10 @@
   },
   "homepage": "https://github.com/live-change/live-change-stack",
   "dependencies": {
-    "@live-change/vue3-ssr": "^0.8.64",
+    "@live-change/vue3-ssr": "^0.8.66",
     "debug": "^4.3.4",
     "mitt": "3.0.1",
     "vue": "^3.4.29"
   },
-  "gitHead": "cf14b283170cd39b80a57865e9b5eb9cf2073f39"
+  "gitHead": "33fa71ec087690903b109e2c0a2cf1de886449f7"
 }