stouch / directus-interface-uuid-file-image Goto Github PK

Error: Could not resolve './directus/app/src/utils/get-root-path' from src/interface.vue?vue&type=script&lang.ts
Error: Could not resolve './directus/app/src/utils/get-root-path' from src/interface.vue?vue&type=script&lang.ts
    at error (/Users/name/Desktop/directus-interface-uuid-file-image-main/node_modules/rollup/dist/shared/rollup.js:158:30)
    at ModuleLoader.handleResolveId (/Users/name/Desktop/directus-interface-uuid-file-image-main/node_modules/rollup/dist/shared/rollup.js:22336:24)
    at /Users/name/Desktop/directus-interface-uuid-file-image-main/node_modules/rollup/dist/shared/rollup.js:22310:26

npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/directus-extension - Not found
npm ERR! 404
npm ERR! 404  'directus-extension@*' is not in this registry.
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.

npm ERR! code EUNSUPPORTEDPROTOCOL
npm ERR! Unsupported URL Type "workspace:": workspace:*

import{defineComponent as e,ref as n,computed as t,watch as a,resolveComponent as i,resolveDirective as o,openBlock as r,createElementBlock as d,createBlock as l,withCtx as s,createTextVNode as u,toDisplayString as c,normalizeClass as v,createVNode as g,createElementVNode as m,withDirectives as p,createCommentVNode as f,pushScopeId as b,popScopeId as h}from"vue";import{useApi as y}from"@directus/extensions-sdk";let w=(e=21)=>crypto.getRandomValues(new Uint8Array(e)).reduce(((e,n)=>e+=(n&=63)<36?n.toString(36):n<62?(n-26).toString(36).toUpperCase():n>62?"-":"_"),"");function x(){const e=window.location.pathname.split("/"),n=e.indexOf("admin");return e.slice(0,n).join("/")+"/"}function k(e,n,t){const a=t||function(e){var n;return(null==(n=e.defaults.headers.common.Authorization)?void 0:n.split(" ")[1])||null}(e);return a?function(e,n){const t=[];for(const[e,a]of Object.entries(n))t.push(`${e}=${a}`);return e.includes("?")?`${e}&${t.join("&")}`:`${e}?${t.join("&")}`}(n,{access_token:a}):n}var _=e({components:{},props:{value:{type:[String,Object],default:null},disabled:{type:Boolean,default:!1},folder:{type:String,default:void 0},file_key_to_get:{type:String,default:"filename_disk"}},emits:["input"],setup(e,{emit:i}){const o=n(!1),r=n(null),d=n(!1),l=n(!1),s=n(null),u=n(w()),c=y(),v=t((()=>{if(!r.value)return null;if(r.value.type.includes("svg"))return k(c,x()+`assets/${r.value.id}`);if(r.value.type.includes("image")){const e=x()+`assets/${r.value.id}?key=system-large-cover&cache-buster=${u.value}`;return k(c,e)}return null})),g=t((()=>r.value?k(c,x()+`assets/${r.value.id}`):null)),m=t((()=>{if(!r.value)return null;const{filesize:e,width:n,height:t,type:a}=r.value;return n&&t?`${n}x${t} • ${e} • ${a}`:`${e} • ${a}`}));a((()=>e.value),((n,t)=>{n!==t&&(n&&async function(){var n;o.value=!0;try{let t="string"==typeof e.value?e.value:null==(n=e.value)?void 0:n.id;t=t.split(".").slice(0,-1).join(".");const a=await c.get(`/files/${t}`,{params:{fields:["id","title","width","height","filesize","type","filename_download"]}});null!==e.value&&"object"==typeof e.value?r.value={...a.data.data,...e.value}:r.value=a.data.data}catch(e){console.log(e)}finally{o.value=!1}}(),t&&null===n&&b())}),{immediate:!0});const{edits:p,stageEdits:f}={edits:t((()=>e.value&&"object"==typeof e.value?e.value:{})),stageEdits:function(n){r.value&&(console.log(n),i("input",r.value[e.file_key_to_get]))}};return{loading:o,image:r,src:v,imageError:s,imageErrorHandler:async function(){var e,n,t,a;if(!v.value)return;try{await c.get(v.value)}catch(i){s.value=null==(a=null==(t=null==(n=null==(e=i.response)?void 0:e.data)?void 0:n.errors[0])?void 0:t.extensions)?void 0:a.code,s.value||(s.value="UNKNOWN")}},meta:m,lightboxActive:d,editDrawerActive:l,changeCacheBuster:function(){u.value=w()},setImage:function(n){console.log("setImage",n),r.value=n,i("input",n[e.file_key_to_get])},deselect:b,downloadSrc:g,edits:p,stageEdits:f};function b(){i("input",null),o.value=!1,r.value=null,d.value=!1,l.value=!1}}}),$=[],E=[];!function(e,n){if(e&&"undefined"!=typeof document){var t,a=!0===n.prepend?"prepend":"append",i=!0===n.singleTag,o="string"==typeof n.container?document.querySelector(n.container):document.getElementsByTagName("head")[0];if(i){var r=$.indexOf(o);-1===r&&(r=$.push(o)-1,E[r]={}),t=E[r]&&E[r][a]?E[r][a]:E[r][a]=d()}else t=d();65279===e.charCodeAt(0)&&(e=e.substring(1)),t.styleSheet?t.styleSheet.cssText+=e:t.appendChild(document.createTextNode(e))}function d(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),n.attributes)for(var t=Object.keys(n.attributes),i=0;i<t.length;i++)e.setAttribute(t[i],n.attributes[t[i]]);var r="prepend"===a?"afterbegin":"beforeend";return o.insertAdjacentElement(r,e),e}}("\n.image-preview[data-v-0da245db] {\n  position: relative;\n  width: 100%;\n  height: var(--input-height-tall);\n  overflow: hidden;\n  background-color: var(--background-subdued);\n  border-radius: var(--border-radius);\n}\nimg[data-v-0da245db] {\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n.is-svg[data-v-0da245db] {\n  padding: 32px;\n  background-color: var(--background-normal-alt);\n}\n.is-svg img[data-v-0da245db] {\n  object-fit: contain;\n}\n.image-error[data-v-0da245db] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  color: var(--foreground-subdued);\n  background-color: var(--background-normal);\n}\n.image-error .v-icon[data-v-0da245db] {\n  margin-bottom: 6px;\n}\n.image-error .message[data-v-0da245db] {\n  max-width: 300px;\n  padding: 0 16px;\n  text-align: center;\n}\n.shadow[data-v-0da245db] {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: 2;\n  width: 100%;\n  height: 40px;\n  overflow: hidden;\n  line-height: 1;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  background: linear-gradient(\n    180deg,\n    rgba(38, 50, 56, 0) 0%,\n    rgba(38, 50, 56, 0.25) 100%\n  );\n  transition: height var(--fast) var(--transition);\n}\n.actions[data-v-0da245db] {\n  --v-button-color: var(--foreground-subdued);\n  --v-button-background-color: var(--white);\n  --v-button-color-hover: var(--foreground-normal);\n  --v-button-background-color-hover: var(--white);\n  position: absolute;\n  top: 30%;\n  left: 0;\n  z-index: 3;\n  display: flex;\n  justify-content: center;\n  width: 100%;\n}\n.actions .v-button[data-v-0da245db] {\n  margin-right: 12px;\n  transform: translateY(10px);\n  opacity: 0;\n  transition: var(--medium) var(--transition);\n  transition-property: opacity transform;\n}\n.actions .v-button[data-v-0da245db]:nth-of-type(1) {\n  transition-delay: 0ms;\n}\n.actions .v-button[data-v-0da245db]:nth-of-type(2) {\n  transition-delay: 25ms;\n}\n.actions .v-button[data-v-0da245db]:nth-of-type(3) {\n  transition-delay: 50ms;\n}\n.actions .v-button[data-v-0da245db]:nth-of-type(4) {\n  transition-delay: 75ms;\n}\n.actions .v-button[data-v-0da245db]:nth-of-type(5) {\n  transition-delay: 100ms;\n}\n.actions .v-button[data-v-0da245db]:last-child {\n  margin-right: 0px;\n}\n.info[data-v-0da245db] {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  z-index: 3;\n  width: 100%;\n  padding: 8px 12px;\n  line-height: 1.2;\n}\n.title[data-v-0da245db] {\n  color: var(--white);\n}\n.meta[data-v-0da245db] {\n  height: 17px;\n  max-height: 0;\n  overflow: hidden;\n  color: rgba(255, 255, 255, 0.75);\n  transition: max-height var(--fast) var(--transition);\n}\n.image-preview:hover .shadow[data-v-0da245db] {\n  height: 100%;\n  background: linear-gradient(\n    180deg,\n    rgba(38, 50, 56, 0) 0%,\n    rgba(38, 50, 56, 0.5) 100%\n  );\n}\n.image-preview:hover .actions .v-button[data-v-0da245db] {\n  transform: translateY(0px);\n  opacity: 1;\n}\n.image-preview:hover .meta[data-v-0da245db] {\n  max-height: 17px;\n}\n.disabled-placeholder[data-v-0da245db] {\n  height: var(--input-height-tall);\n}\n",{});var j=(e,n)=>{const t=e.__vccOpts||e;for(const[e,a]of n)t[e]=a;return t};const A=e=>(b("data-v-0da245db"),e=e(),h(),e),I={class:"image"},S={key:0,class:"image-error"},U={class:"message"},z=["src"],C=A((()=>m("div",{class:"shadow"},null,-1))),N={key:2,class:"actions"},O={class:"info"},D={class:"title"},T={class:"meta"};var V={id:"uuid-file-image",name:"UUID File Image",description:"Select image from Library in a UUID string field",icon:"box",component:j(_,[["render",function(e,n,t,a,b,h){const y=i("v-skeleton-loader"),w=i("v-notice"),x=i("v-icon"),k=i("v-button"),_=i("drawer-item"),$=i("file-lightbox"),E=i("v-upload"),j=o("tooltip");return r(),d("div",I,[e.loading?(r(),l(y,{key:0,type:"input-tall"})):e.disabled&&!e.image?(r(),l(w,{key:1,class:"disabled-placeholder",center:"",icon:"block"},{default:s((()=>[u(c("disabled"))])),_:1})):e.image?(r(),d("div",{key:2,class:v(["image-preview",{"is-svg":e.image.type&&e.image.type.includes("svg")}])},[e.imageError?(r(),d("div",S,[g(x,{large:"",name:"UNKNOWN"===e.imageError?"error_outline":"info_outline"},null,8,["name"]),m("span",U,c(`errors.${e.imageError}`),1)])):(r(),d("img",{key:1,src:e.src,alt:"",role:"presentation",onError:n[0]||(n[0]=(...n)=>e.imageErrorHandler&&e.imageErrorHandler(...n))},null,40,z)),C,e.disabled?f("v-if",!0):(r(),d("div",N,[p((r(),l(k,{icon:"",rounded:"",onClick:n[1]||(n[1]=n=>e.lightboxActive=!0)},{default:s((()=>[g(x,{name:"zoom_in"})])),_:1})),[[j,"zoom"]]),p((r(),l(k,{icon:"",rounded:"",href:e.downloadSrc,download:e.image.filename_download},{default:s((()=>[g(x,{name:"get_app"})])),_:1},8,["href","download"])),[[j,"download"]]),p((r(),l(k,{icon:"",rounded:"",onClick:n[2]||(n[2]=n=>e.editDrawerActive=!0)},{default:s((()=>[g(x,{name:"open_in_new"})])),_:1})),[[j,"edit"]]),p((r(),l(k,{icon:"",rounded:"",onClick:e.deselect},{default:s((()=>[g(x,{name:"close"})])),_:1},8,["onClick"])),[[j,"deselect"]])])),m("div",O,[m("div",D,c(e.image.title),1),m("div",T,c(e.meta),1)]),!e.disabled&&e.image?(r(),l(_,{key:3,active:e.editDrawerActive,"onUpdate:active":n[3]||(n[3]=n=>e.editDrawerActive=n),collection:"directus_files","primary-key":e.image.id,edits:e.edits,onInput:e.stageEdits},null,8,["active","primary-key","edits","onInput"])):f("v-if",!0),g($,{id:e.image.id,modelValue:e.lightboxActive,"onUpdate:modelValue":n[4]||(n[4]=n=>e.lightboxActive=n)},null,8,["id","modelValue"])],2)):(r(),l(E,{key:3,"from-library":"","from-url":"",folder:e.folder,onInput:e.setImage},null,8,["folder","onInput"]))])}],["__scopeId","data-v-0da245db"],["__file","interface.vue"]]),types:["uuid"]};export{V as default};