locator-ars-lib 1.0.3 → 1.0.5

package/dist/locator-ars-lib.es.js

@@ -38,18 +38,18 @@ const $ = {
     e.provide(f, n);
   }
 };
-function d() {
+function p() {
   const e = v(f);
   if (!e)
     throw new Error("Permissions plugin not installed!");
   return e;
 }
 function D(e, s = {}) {
-  const n = d(), a = l(null), i = l(!1), t = l(null), p = m(() => typeof e == "string" ? e : e.value), c = async () => {
-    if (p.value) {
+  const n = p(), a = l(null), i = l(!1), t = l(null), d = m(() => typeof e == "string" ? e : e.value), c = async () => {
+    if (d.value) {
       i.value = !0, t.value = null;
       try {
-        a.value = await n.can(p.value);
+        a.value = await n.can(d.value);
       } catch (r) {
         t.value = r instanceof Error ? r : new Error(String(r)), a.value = !1;
       } finally {
@@ -101,32 +101,33 @@ const E = k({
 function b(e, s, n, a, i, t) {
   return e.can ? u(e.$slots, "default", { key: 0 }) : e.isLoading ? u(e.$slots, "loading", { key: 2 }) : u(e.$slots, "fallback", { key: 1 });
 }
-const x = /* @__PURE__ */ L(E, [["render", b]]), U = {
+const U = /* @__PURE__ */ L(E, [["render", b]]), x = {
   async mounted(e, s) {
     const n = e.style.display;
     e._permission_data = {
       action: s.value,
       originalDisplay: n
-    }, await d().can(s.value) || (e.style.display = "none");
+    }, await p().can(s.value) || (e.style.display = "none");
   },
   async updated(e, s) {
     (!e._permission_data || e._permission_data.action !== s.value) && (e._permission_data = {
       action: s.value,
       originalDisplay: e.style.display || ""
-    }, await d().can(s.value) ? e.style.display = e._permission_data.originalDisplay : e.style.display = "none");
+    }, await p().can(s.value) ? e.style.display = e._permission_data.originalDisplay : e.style.display = "none");
   },
   unmounted(e) {
     e._permission_data && (e.style.display = e._permission_data.originalDisplay, delete e._permission_data);
   }
 }, A = {
   install(e, s) {
-    e.use($, s), e.component("Check", x), e.directive("can", U);
+    e.use($, s), e.component("Check", U), e.directive("can", x);
   }
 };
 export {
-  x as Check,
+  U as Check,
   A as default,
   C as setupPermissions,
   D as usePermissions,
-  U as vCan
+  x as vCan
 };
+//# sourceMappingURL=locator-ars-lib.es.js.map

package/dist/locator-ars-lib.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locator-ars-lib.es.js","sources":["../src/services/permissionsService.ts","../src/plugin.ts","../src/composables/usePermissions.ts","../src/components/Check.vue","../src/directives/vCan.ts","../src/index.ts"],"sourcesContent":["import axios, { AxiosInstance } from 'axios'\n\nexport interface PermissionsOptions {\n    baseUrl?: string\n    endpoint?: string\n}\n\nexport class PermissionsService {\n    private axios: AxiosInstance\n    private cache: Map<string, boolean> = new Map()\n    private endpoint: string\n\n    constructor(options?: PermissionsOptions) {\n        this.axios = axios.create({\n            baseURL: options?.baseUrl || ''\n        })\n        this.endpoint = options?.endpoint || '/api/v1/dashboard/access'\n    }\n\n    async can(action: string): Promise<boolean> {\n        // Check if we have a cached result\n        if (this.cache.has(action)) {\n            return this.cache.get(action) as boolean\n        }\n\n        try {\n            const response = await this.axios.get(this.endpoint, {\n                params: { action }\n            })\n\n            const allowed = response.data.allowed || false\n\n            // Cache the result\n            this.cache.set(action, allowed)\n\n            return allowed\n        } catch (error) {\n            console.error(`Error checking permission for ${action}:`, error)\n            return false\n        }\n    }\n\n    clearCache(action?: string): void {\n        if (action) {\n            this.cache.delete(action)\n        } else {\n            this.cache.clear()\n        }\n    }\n} ","import { App, inject, InjectionKey } from 'vue'\nimport { PermissionsService, PermissionsOptions } from './services/permissionsService'\n\nexport const PermissionsKey: InjectionKey<PermissionsService> = Symbol('Permissions')\n\nexport function setupPermissions(options?: PermissionsOptions): PermissionsService {\n    return new PermissionsService(options)\n}\n\nexport const PermissionsPlugin = {\n    install(app: App, options?: PermissionsOptions) {\n        const permissionsService = setupPermissions(options)\n        app.provide(PermissionsKey, permissionsService)\n    }\n}\n\nexport function usePermissionsService(): PermissionsService {\n    const permissionsService = inject(PermissionsKey)\n    if (!permissionsService) {\n        throw new Error('Permissions plugin not installed!')\n    }\n    return permissionsService\n} ","import { ref, computed, Ref, watch, onUnmounted } from 'vue'\nimport { usePermissionsService } from '../plugin'\n\nexport interface UsePermissionsOptions {\n    autoCheck?: boolean\n}\n\nexport function usePermissions(action: string | Ref<string>, options: UsePermissionsOptions = {}) {\n    const permissionsService = usePermissionsService()\n    const isAllowed = ref<boolean | null>(null)\n    const isLoading = ref(false)\n    const error = ref<Error | null>(null)\n\n    const actionValue = computed(() => {\n        return typeof action === 'string' ? action : action.value\n    })\n\n    const checkPermission = async () => {\n        if (!actionValue.value) return\n\n        isLoading.value = true\n        error.value = null\n\n        try {\n            isAllowed.value = await permissionsService.can(actionValue.value)\n        } catch (err) {\n            error.value = err instanceof Error ? err : new Error(String(err))\n            isAllowed.value = false\n        } finally {\n            isLoading.value = false\n        }\n    }\n\n    // Auto-check on mount if requested\n    if (options.autoCheck !== false) {\n        checkPermission()\n    }\n\n    // Re-check when action changes\n    if (typeof action !== 'string') {\n        const unwatch = watch(action, () => {\n            checkPermission()\n        })\n\n        onUnmounted(() => {\n            unwatch()\n        })\n    }\n\n    return {\n        isAllowed,\n        isLoading,\n        error,\n        check: checkPermission,\n        can: computed(() => isAllowed.value === true)\n    }\n} ","<template>\n  <slot v-if=\"can\" />\n  <slot name=\"fallback\" v-else-if=\"!isLoading\" />\n  <slot name=\"loading\" v-else />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, toRefs, PropType } from 'vue';\nimport { usePermissions } from '../composables/usePermissions';\n\nexport default defineComponent({\n  name: 'Check',\n  props: {\n    action: {\n      type: String as PropType<string>,\n      required: true\n    },\n    fallback: {\n      type: Boolean,\n      default: false\n    }\n  },\n  setup(props) {\n    const { action } = toRefs(props);\n    const { can, isLoading } = usePermissions(action, { autoCheck: true });\n\n    return {\n      can,\n      isLoading\n    };\n  }\n});\n</script> ","import { ObjectDirective, DirectiveBinding } from 'vue'\nimport { usePermissionsService } from '../plugin'\n\ninterface CanHTMLElement extends HTMLElement {\n    _permission_data?: {\n        action: string\n        originalDisplay: string\n    }\n}\n\nexport const vCan: ObjectDirective = {\n    async mounted(el: CanHTMLElement, binding: DirectiveBinding) {\n        // Store original display value\n        const originalDisplay = el.style.display\n\n        // Store action and original display for updates\n        el._permission_data = {\n            action: binding.value,\n            originalDisplay\n        }\n\n        const permissionsService = usePermissionsService()\n        const hasPermission = await permissionsService.can(binding.value)\n\n        if (!hasPermission) {\n            el.style.display = 'none'\n        }\n    },\n\n    async updated(el: CanHTMLElement, binding: DirectiveBinding) {\n        if (!el._permission_data || el._permission_data.action !== binding.value) {\n            // Action has changed or directive is new\n            el._permission_data = {\n                action: binding.value,\n                originalDisplay: el.style.display || ''\n            }\n\n            const permissionsService = usePermissionsService()\n            const hasPermission = await permissionsService.can(binding.value)\n\n            if (!hasPermission) {\n                el.style.display = 'none'\n            } else {\n                el.style.display = el._permission_data.originalDisplay\n            }\n        }\n    },\n\n    unmounted(el: CanHTMLElement) {\n        if (el._permission_data) {\n            el.style.display = el._permission_data.originalDisplay\n            delete el._permission_data\n        }\n    }\n} ","import { App } from 'vue'\nimport Check from './components/Check.vue'\nimport { usePermissions } from './composables/usePermissions'\nimport { PermissionsPlugin, setupPermissions } from './plugin'\nimport { vCan } from './directives/vCan'\n\n// Именованные экспорты\nexport {\n    Check,\n    usePermissions,\n    setupPermissions,\n    vCan\n}\n\n// Создаем основной объект плагина\nconst plugin = {\n    install(app: App, options?: { baseUrl?: string }) {\n        app.use(PermissionsPlugin, options)\n        app.component('Check', Check)\n        app.directive('can', vCan)\n    }\n}\n\n// Экспортируем плагин как по умолчанию\nexport default plugin "],"names":["PermissionsService","options","__publicField","axios","action","allowed","error","PermissionsKey","setupPermissions","PermissionsPlugin","app","permissionsService","usePermissionsService","inject","usePermissions","isAllowed","ref","isLoading","actionValue","computed","checkPermission","err","unwatch","watch","onUnmounted","_sfc_main","defineComponent","props","toRefs","can","_ctx","_renderSlot","vCan","el","binding","originalDisplay","plugin","Check"],"mappings":"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"}

package/dist/locator-ars-lib.umd.js

@@ -1 +1,2 @@
 (function(n,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("vue"),require("axios")):typeof define=="function"&&define.amd?define(["exports","vue","axios"],i):(n=typeof globalThis<"u"?globalThis:n||self,i(n.LocatorArsLib={},n.Vue,n.axios))})(this,function(n,i,o){"use strict";var $=Object.defineProperty;var L=(n,i,o)=>i in n?$(n,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):n[i]=o;var u=(n,i,o)=>L(n,typeof i!="symbol"?i+"":i,o);class P{constructor(s){u(this,"axios");u(this,"cache",new Map);u(this,"endpoint");this.axios=o.create({baseURL:(s==null?void 0:s.baseUrl)||""}),this.endpoint=(s==null?void 0:s.endpoint)||"/api/v1/dashboard/access"}async can(s){if(this.cache.has(s))return this.cache.get(s);try{const a=(await this.axios.get(this.endpoint,{params:{action:s}})).data.allowed||!1;return this.cache.set(s,a),a}catch(r){return console.error(`Error checking permission for ${s}:`,r),!1}}clearCache(s){s?this.cache.delete(s):this.cache.clear()}}const p=Symbol("Permissions");function m(e){return new P(e)}const S={install(e,s){const r=m(s);e.provide(p,r)}};function d(){const e=i.inject(p);if(!e)throw new Error("Permissions plugin not installed!");return e}function h(e,s={}){const r=d(),a=i.ref(null),t=i.ref(!1),l=i.ref(null),_=i.computed(()=>typeof e=="string"?e:e.value),f=async()=>{if(_.value){t.value=!0,l.value=null;try{a.value=await r.can(_.value)}catch(c){l.value=c instanceof Error?c:new Error(String(c)),a.value=!1}finally{t.value=!1}}};if(s.autoCheck!==!1&&f(),typeof e!="string"){const c=i.watch(e,()=>{f()});i.onUnmounted(()=>{c()})}return{isAllowed:a,isLoading:t,error:l,check:f,can:i.computed(()=>a.value===!0)}}const g=i.defineComponent({name:"Check",props:{action:{type:String,required:!0},fallback:{type:Boolean,default:!1}},setup(e){const{action:s}=i.toRefs(e),{can:r,isLoading:a}=h(s,{autoCheck:!0});return{can:r,isLoading:a}}}),k=(e,s)=>{const r=e.__vccOpts||e;for(const[a,t]of s)r[a]=t;return r};function w(e,s,r,a,t,l){return e.can?i.renderSlot(e.$slots,"default",{key:0}):e.isLoading?i.renderSlot(e.$slots,"loading",{key:2}):i.renderSlot(e.$slots,"fallback",{key:1})}const y=k(g,[["render",w]]),v={async mounted(e,s){const r=e.style.display;e._permission_data={action:s.value,originalDisplay:r},await d().can(s.value)||(e.style.display="none")},async updated(e,s){(!e._permission_data||e._permission_data.action!==s.value)&&(e._permission_data={action:s.value,originalDisplay:e.style.display||""},await d().can(s.value)?e.style.display=e._permission_data.originalDisplay:e.style.display="none")},unmounted(e){e._permission_data&&(e.style.display=e._permission_data.originalDisplay,delete e._permission_data)}},C={install(e,s){e.use(S,s),e.component("Check",y),e.directive("can",v)}};n.Check=y,n.default=C,n.setupPermissions=m,n.usePermissions=h,n.vCan=v,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+//# sourceMappingURL=locator-ars-lib.umd.js.map

package/dist/locator-ars-lib.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"locator-ars-lib.umd.js","sources":["../src/services/permissionsService.ts","../src/plugin.ts","../src/composables/usePermissions.ts","../src/components/Check.vue","../src/directives/vCan.ts","../src/index.ts"],"sourcesContent":["import axios, { AxiosInstance } from 'axios'\n\nexport interface PermissionsOptions {\n    baseUrl?: string\n    endpoint?: string\n}\n\nexport class PermissionsService {\n    private axios: AxiosInstance\n    private cache: Map<string, boolean> = new Map()\n    private endpoint: string\n\n    constructor(options?: PermissionsOptions) {\n        this.axios = axios.create({\n            baseURL: options?.baseUrl || ''\n        })\n        this.endpoint = options?.endpoint || '/api/v1/dashboard/access'\n    }\n\n    async can(action: string): Promise<boolean> {\n        // Check if we have a cached result\n        if (this.cache.has(action)) {\n            return this.cache.get(action) as boolean\n        }\n\n        try {\n            const response = await this.axios.get(this.endpoint, {\n                params: { action }\n            })\n\n            const allowed = response.data.allowed || false\n\n            // Cache the result\n            this.cache.set(action, allowed)\n\n            return allowed\n        } catch (error) {\n            console.error(`Error checking permission for ${action}:`, error)\n            return false\n        }\n    }\n\n    clearCache(action?: string): void {\n        if (action) {\n            this.cache.delete(action)\n        } else {\n            this.cache.clear()\n        }\n    }\n} ","import { App, inject, InjectionKey } from 'vue'\nimport { PermissionsService, PermissionsOptions } from './services/permissionsService'\n\nexport const PermissionsKey: InjectionKey<PermissionsService> = Symbol('Permissions')\n\nexport function setupPermissions(options?: PermissionsOptions): PermissionsService {\n    return new PermissionsService(options)\n}\n\nexport const PermissionsPlugin = {\n    install(app: App, options?: PermissionsOptions) {\n        const permissionsService = setupPermissions(options)\n        app.provide(PermissionsKey, permissionsService)\n    }\n}\n\nexport function usePermissionsService(): PermissionsService {\n    const permissionsService = inject(PermissionsKey)\n    if (!permissionsService) {\n        throw new Error('Permissions plugin not installed!')\n    }\n    return permissionsService\n} ","import { ref, computed, Ref, watch, onUnmounted } from 'vue'\nimport { usePermissionsService } from '../plugin'\n\nexport interface UsePermissionsOptions {\n    autoCheck?: boolean\n}\n\nexport function usePermissions(action: string | Ref<string>, options: UsePermissionsOptions = {}) {\n    const permissionsService = usePermissionsService()\n    const isAllowed = ref<boolean | null>(null)\n    const isLoading = ref(false)\n    const error = ref<Error | null>(null)\n\n    const actionValue = computed(() => {\n        return typeof action === 'string' ? action : action.value\n    })\n\n    const checkPermission = async () => {\n        if (!actionValue.value) return\n\n        isLoading.value = true\n        error.value = null\n\n        try {\n            isAllowed.value = await permissionsService.can(actionValue.value)\n        } catch (err) {\n            error.value = err instanceof Error ? err : new Error(String(err))\n            isAllowed.value = false\n        } finally {\n            isLoading.value = false\n        }\n    }\n\n    // Auto-check on mount if requested\n    if (options.autoCheck !== false) {\n        checkPermission()\n    }\n\n    // Re-check when action changes\n    if (typeof action !== 'string') {\n        const unwatch = watch(action, () => {\n            checkPermission()\n        })\n\n        onUnmounted(() => {\n            unwatch()\n        })\n    }\n\n    return {\n        isAllowed,\n        isLoading,\n        error,\n        check: checkPermission,\n        can: computed(() => isAllowed.value === true)\n    }\n} ","<template>\n  <slot v-if=\"can\" />\n  <slot name=\"fallback\" v-else-if=\"!isLoading\" />\n  <slot name=\"loading\" v-else />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, toRefs, PropType } from 'vue';\nimport { usePermissions } from '../composables/usePermissions';\n\nexport default defineComponent({\n  name: 'Check',\n  props: {\n    action: {\n      type: String as PropType<string>,\n      required: true\n    },\n    fallback: {\n      type: Boolean,\n      default: false\n    }\n  },\n  setup(props) {\n    const { action } = toRefs(props);\n    const { can, isLoading } = usePermissions(action, { autoCheck: true });\n\n    return {\n      can,\n      isLoading\n    };\n  }\n});\n</script> ","import { ObjectDirective, DirectiveBinding } from 'vue'\nimport { usePermissionsService } from '../plugin'\n\ninterface CanHTMLElement extends HTMLElement {\n    _permission_data?: {\n        action: string\n        originalDisplay: string\n    }\n}\n\nexport const vCan: ObjectDirective = {\n    async mounted(el: CanHTMLElement, binding: DirectiveBinding) {\n        // Store original display value\n        const originalDisplay = el.style.display\n\n        // Store action and original display for updates\n        el._permission_data = {\n            action: binding.value,\n            originalDisplay\n        }\n\n        const permissionsService = usePermissionsService()\n        const hasPermission = await permissionsService.can(binding.value)\n\n        if (!hasPermission) {\n            el.style.display = 'none'\n        }\n    },\n\n    async updated(el: CanHTMLElement, binding: DirectiveBinding) {\n        if (!el._permission_data || el._permission_data.action !== binding.value) {\n            // Action has changed or directive is new\n            el._permission_data = {\n                action: binding.value,\n                originalDisplay: el.style.display || ''\n            }\n\n            const permissionsService = usePermissionsService()\n            const hasPermission = await permissionsService.can(binding.value)\n\n            if (!hasPermission) {\n                el.style.display = 'none'\n            } else {\n                el.style.display = el._permission_data.originalDisplay\n            }\n        }\n    },\n\n    unmounted(el: CanHTMLElement) {\n        if (el._permission_data) {\n            el.style.display = el._permission_data.originalDisplay\n            delete el._permission_data\n        }\n    }\n} ","import { App } from 'vue'\nimport Check from './components/Check.vue'\nimport { usePermissions } from './composables/usePermissions'\nimport { PermissionsPlugin, setupPermissions } from './plugin'\nimport { vCan } from './directives/vCan'\n\n// Именованные экспорты\nexport {\n    Check,\n    usePermissions,\n    setupPermissions,\n    vCan\n}\n\n// Создаем основной объект плагина\nconst plugin = {\n    install(app: App, options?: { baseUrl?: string }) {\n        app.use(PermissionsPlugin, options)\n        app.component('Check', Check)\n        app.directive('can', vCan)\n    }\n}\n\n// Экспортируем плагин как по умолчанию\nexport default plugin "],"names":["PermissionsService","options","__publicField","axios","action","allowed","error","PermissionsKey","setupPermissions","PermissionsPlugin","app","permissionsService","usePermissionsService","inject","usePermissions","isAllowed","ref","isLoading","actionValue","computed","checkPermission","err","unwatch","watch","onUnmounted","_sfc_main","defineComponent","props","toRefs","can","_ctx","_renderSlot","vCan","el","binding","originalDisplay","plugin","Check"],"mappings":"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"}

package/package.json

@@ -1,9 +1,22 @@
 {
   "name": "locator-ars-lib",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Permissions library for Vue 3 applications",
-  "main": "dist/index.js",
+  "type": "module",
+  "main": "./dist/locator-ars-lib.umd.js",
+  "module": "./dist/locator-ars-lib.es.js",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./dist/locator-ars-lib.es.js",
+      "require": "./dist/locator-ars-lib.umd.js"
+    }
+  },
   "types": "types/index.d.ts",
+  "files": [
+    "dist",
+    "types"
+  ],
   "scripts": {
     "build": "vue-tsc && vite build",
     "test": "vitest run",

package/examples/BasicUsage.vue

@@ -1,132 +0,0 @@
-<template>
-  <div class="example-container">
-    <h1>Permissions Examples</h1>
-    
-    <!-- Пример использования компонента Check -->
-    <div class="example-block">
-      <h2>Using Check Component</h2>
-      
-      <Check action="view_dashboard">
-        <div class="dashboard-panel">
-          <h3>Dashboard Content</h3>
-          <p>This content is only visible for users with 'view_dashboard' permission</p>
-        </div>
-        
-        <template #fallback>
-          <div class="no-permission">
-            <p>You don't have permission to view the dashboard</p>
-          </div>
-        </template>
-        
-        <template #loading>
-          <div class="loading">
-            <p>Loading permissions...</p>
-          </div>
-        </template>
-      </Check>
-    </div>
-    
-    <!-- Пример использования директивы v-can -->
-    <div class="example-block">
-      <h2>Using v-can Directive</h2>
-      
-      <button v-can="'edit_user'" class="action-button">
-        Edit User
-      </button>
-      
-      <button v-can="'delete_user'" class="action-button danger">
-        Delete User
-      </button>
-    </div>
-    
-    <!-- Пример использования composable usePermissions -->
-    <div class="example-block">
-      <h2>Using usePermissions Composable</h2>
-      
-      <div class="permission-status">
-        <p>Can create project: <span :class="canCreateProject ? 'allowed' : 'denied'">{{ canCreateProject ? 'Yes' : 'No' }}</span></p>
-        <p>Is loading: {{ isLoadingPermission ? 'Yes' : 'No' }}</p>
-        <button @click="checkPermissionManually" class="action-button">
-          Check Again
-        </button>
-      </div>
-      
-      <div v-if="canCreateProject" class="action-panel">
-        <button class="action-button primary">Create New Project</button>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { Check, usePermissions } from 'locator-ars-lib'
-
-// Использование composable
-const { can: canCreateProject, isLoading: isLoadingPermission, check: checkPermissionManually } = usePermissions('create_project')
-</script>
-
-<style scoped>
-.example-container {
-  max-width: 800px;
-  margin: 0 auto;
-  padding: 20px;
-  font-family: Arial, sans-serif;
-}
-
-.example-block {
-  margin-bottom: 30px;
-  padding: 20px;
-  border: 1px solid #eee;
-  border-radius: 5px;
-}
-
-.dashboard-panel {
-  background-color: #f5f5f5;
-  padding: 15px;
-  border-radius: 4px;
-}
-
-.action-button {
-  padding: 8px 16px;
-  margin-right: 10px;
-  border: none;
-  border-radius: 4px;
-  background-color: #4a90e2;
-  color: white;
-  cursor: pointer;
-}
-
-.action-button.danger {
-  background-color: #e25c4a;
-}
-
-.action-button.primary {
-  background-color: #42b983;
-}
-
-.permission-status {
-  margin-bottom: 15px;
-}
-
-.allowed {
-  color: #42b983;
-  font-weight: bold;
-}
-
-.denied {
-  color: #e25c4a;
-  font-weight: bold;
-}
-
-.no-permission {
-  padding: 15px;
-  background-color: #ffeeee;
-  border-left: 4px solid #e25c4a;
-}
-
-.loading {
-  padding: 15px;
-  background-color: #eeeeff;
-  border-left: 4px solid #4a90e2;
-}
-</style> 

package/src/components/Check.vue

@@ -1,33 +0,0 @@
-<template>
-  <slot v-if="can" />
-  <slot name="fallback" v-else-if="!isLoading" />
-  <slot name="loading" v-else />
-</template>
-
-<script lang="ts">
-import { defineComponent, toRefs, PropType } from 'vue';
-import { usePermissions } from '../composables/usePermissions';
-
-export default defineComponent({
-  name: 'Check',
-  props: {
-    action: {
-      type: String as PropType<string>,
-      required: true
-    },
-    fallback: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(props) {
-    const { action } = toRefs(props);
-    const { can, isLoading } = usePermissions(action, { autoCheck: true });
-
-    return {
-      can,
-      isLoading
-    };
-  }
-});
-</script> 

package/src/composables/usePermissions.ts

@@ -1,57 +0,0 @@
-import { ref, computed, Ref, watch, onUnmounted } from 'vue'
-import { usePermissionsService } from '../plugin'
-
-export interface UsePermissionsOptions {
-    autoCheck?: boolean
-}
-
-export function usePermissions(action: string | Ref<string>, options: UsePermissionsOptions = {}) {
-    const permissionsService = usePermissionsService()
-    const isAllowed = ref<boolean | null>(null)
-    const isLoading = ref(false)
-    const error = ref<Error | null>(null)
-
-    const actionValue = computed(() => {
-        return typeof action === 'string' ? action : action.value
-    })
-
-    const checkPermission = async () => {
-        if (!actionValue.value) return
-
-        isLoading.value = true
-        error.value = null
-
-        try {
-            isAllowed.value = await permissionsService.can(actionValue.value)
-        } catch (err) {
-            error.value = err instanceof Error ? err : new Error(String(err))
-            isAllowed.value = false
-        } finally {
-            isLoading.value = false
-        }
-    }
-
-    // Auto-check on mount if requested
-    if (options.autoCheck !== false) {
-        checkPermission()
-    }
-
-    // Re-check when action changes
-    if (typeof action !== 'string') {
-        const unwatch = watch(action, () => {
-            checkPermission()
-        })
-
-        onUnmounted(() => {
-            unwatch()
-        })
-    }
-
-    return {
-        isAllowed,
-        isLoading,
-        error,
-        check: checkPermission,
-        can: computed(() => isAllowed.value === true)
-    }
-} 

package/src/directives/vCan.ts

@@ -1,55 +0,0 @@
-import { ObjectDirective, DirectiveBinding } from 'vue'
-import { usePermissionsService } from '../plugin'
-
-interface CanHTMLElement extends HTMLElement {
-    _permission_data?: {
-        action: string
-        originalDisplay: string
-    }
-}
-
-export const vCan: ObjectDirective = {
-    async mounted(el: CanHTMLElement, binding: DirectiveBinding) {
-        // Store original display value
-        const originalDisplay = el.style.display
-
-        // Store action and original display for updates
-        el._permission_data = {
-            action: binding.value,
-            originalDisplay
-        }
-
-        const permissionsService = usePermissionsService()
-        const hasPermission = await permissionsService.can(binding.value)
-
-        if (!hasPermission) {
-            el.style.display = 'none'
-        }
-    },
-
-    async updated(el: CanHTMLElement, binding: DirectiveBinding) {
-        if (!el._permission_data || el._permission_data.action !== binding.value) {
-            // Action has changed or directive is new
-            el._permission_data = {
-                action: binding.value,
-                originalDisplay: el.style.display || ''
-            }
-
-            const permissionsService = usePermissionsService()
-            const hasPermission = await permissionsService.can(binding.value)
-
-            if (!hasPermission) {
-                el.style.display = 'none'
-            } else {
-                el.style.display = el._permission_data.originalDisplay
-            }
-        }
-    },
-
-    unmounted(el: CanHTMLElement) {
-        if (el._permission_data) {
-            el.style.display = el._permission_data.originalDisplay
-            delete el._permission_data
-        }
-    }
-} 

package/src/index.ts

@@ -1,20 +0,0 @@
-import { App } from 'vue'
-import Check from './components/Check.vue'
-import { usePermissions } from './composables/usePermissions'
-import { PermissionsPlugin, setupPermissions } from './plugin'
-import { vCan } from './directives/vCan'
-
-export {
-    Check,
-    usePermissions,
-    setupPermissions,
-    vCan
-}
-
-export default {
-    install(app: App, options?: { baseUrl?: string }) {
-        app.use(PermissionsPlugin, options)
-        app.component('Check', Check)
-        app.directive('can', vCan)
-    }
-} 

package/src/plugin.ts

@@ -1,23 +0,0 @@
-import { App, inject, InjectionKey } from 'vue'
-import { PermissionsService, PermissionsOptions } from './services/permissionsService'
-
-export const PermissionsKey: InjectionKey<PermissionsService> = Symbol('Permissions')
-
-export function setupPermissions(options?: PermissionsOptions): PermissionsService {
-    return new PermissionsService(options)
-}
-
-export const PermissionsPlugin = {
-    install(app: App, options?: PermissionsOptions) {
-        const permissionsService = setupPermissions(options)
-        app.provide(PermissionsKey, permissionsService)
-    }
-}
-
-export function usePermissionsService(): PermissionsService {
-    const permissionsService = inject(PermissionsKey)
-    if (!permissionsService) {
-        throw new Error('Permissions plugin not installed!')
-    }
-    return permissionsService
-} 

package/src/services/permissionsService.ts

@@ -1,50 +0,0 @@
-import axios, { AxiosInstance } from 'axios'
-
-export interface PermissionsOptions {
-    baseUrl?: string
-    endpoint?: string
-}
-
-export class PermissionsService {
-    private axios: AxiosInstance
-    private cache: Map<string, boolean> = new Map()
-    private endpoint: string
-
-    constructor(options?: PermissionsOptions) {
-        this.axios = axios.create({
-            baseURL: options?.baseUrl || ''
-        })
-        this.endpoint = options?.endpoint || '/api/v1/dashboard/access'
-    }
-
-    async can(action: string): Promise<boolean> {
-        // Check if we have a cached result
-        if (this.cache.has(action)) {
-            return this.cache.get(action) as boolean
-        }
-
-        try {
-            const response = await this.axios.get(this.endpoint, {
-                params: { action }
-            })
-
-            const allowed = response.data.allowed || false
-
-            // Cache the result
-            this.cache.set(action, allowed)
-
-            return allowed
-        } catch (error) {
-            console.error(`Error checking permission for ${action}:`, error)
-            return false
-        }
-    }
-
-    clearCache(action?: string): void {
-        if (action) {
-            this.cache.delete(action)
-        } else {
-            this.cache.clear()
-        }
-    }
-} 

package/tsconfig.json

@@ -1,32 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-    "typeRoots": ["./node_modules/@types", "./types"],
-
-    /* Bundler mode */
-    "moduleResolution": "node",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "preserve",
-    "esModuleInterop": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-
-    /* Type declarations */
-    "declaration": true,
-    "declarationDir": "dist",
-    "outDir": "dist"
-  },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
-  "references": [{ "path": "./tsconfig.node.json" }]
-} 

package/tsconfig.node.json

@@ -1,10 +0,0 @@
-{
-  "compilerOptions": {
-    "composite": true,
-    "skipLibCheck": true,
-    "module": "ESNext",
-    "moduleResolution": "node",
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["vite.config.ts"]
-} 

package/vite.config.ts

@@ -1,23 +0,0 @@
-import { defineConfig } from 'vite'
-import vue from '@vitejs/plugin-vue'
-import { resolve } from 'path'
-
-export default defineConfig({
-    plugins: [vue()],
-    build: {
-        lib: {
-            entry: resolve(__dirname, 'src/index.ts'),
-            name: 'LocatorArsLib',
-            fileName: (format) => `locator-ars-lib.${format}.js`
-        },
-        rollupOptions: {
-            external: ['vue', 'axios'],
-            output: {
-                globals: {
-                    vue: 'Vue',
-                    axios: 'axios'
-                }
-            }
-        }
-    }
-})