2 lines
23 KiB
JavaScript
2 lines
23 KiB
JavaScript
import{_ as E,i as u,c as m,o as i,b as n,j as N,a5 as b,a as l,F as h,r as j,t as o,q as S,v as R,z as T,n as D}from"./main-D6qyxymd.js";const z=[{packageName:"lodash",instanceName:"_"},{packageName:"chalk",instanceName:"chalk"},{packageName:"request",instanceName:"request"},{packageName:"commander",instanceName:"commander"},{packageName:"react",instanceName:"react"},{packageName:"express",instanceName:"express"},{packageName:"debug",instanceName:"debug"},{packageName:"async",instanceName:"async"},{packageName:"fs-extra",instanceName:"fsExtra"},{packageName:"moment",instanceName:"moment"},{packageName:"prop-types",instanceName:"propTypes"},{packageName:"react-dom",instanceName:"reactDOM"},{packageName:"bluebird",instanceName:"bluebird"},{packageName:"underscore",instanceName:"underscore"},{packageName:"vue",instanceName:"vue"},{packageName:"axios",instanceName:"axios"},{packageName:"tslib",instanceName:"tslib"},{packageName:"mkdirp",instanceName:"mkdirp"},{packageName:"glob",instanceName:"glob"},{packageName:"yargs",instanceName:"yargs"},{packageName:"colors",instanceName:"colors"},{packageName:"inquirer",instanceName:"inquirer"},{packageName:"webpack",instanceName:"webpack"},{packageName:"uuid",instanceName:"uuid"},{packageName:"classnames",instanceName:"classnames"},{packageName:"minimist",instanceName:"minimist"},{packageName:"body-parser",instanceName:"bodyParser"},{packageName:"rxjs",instanceName:"rxjs"},{packageName:"babel-runtime",instanceName:"babelRuntime"},{packageName:"jquery",instanceName:"jquery"},{packageName:"yeoman-generator",instanceName:"yeomanGenerator"},{packageName:"through2",instanceName:"through2"},{packageName:"babel-core",instanceName:"babelCore"},{packageName:"core-js",instanceName:"coreJS"},{packageName:"semver",instanceName:"semver"},{packageName:"babel-loader",instanceName:"babelLoader"},{packageName:"cheerio",instanceName:"cheerio"},{packageName:"rimraf",instanceName:"rimraf"},{packageName:"q",instanceName:"q"},{packageName:"eslint",instanceName:"eslint"},{packageName:"css-loader",instanceName:"cssLoader"},{packageName:"shelljs",instanceName:"shelljs"},{packageName:"dotenv",instanceName:"dotenv"},{packageName:"typescript",instanceName:"typescript"},{packageName:"@types/node",instanceName:"typesNode"},{packageName:"@angular/core",instanceName:"angularCore"},{packageName:"js-yaml",instanceName:"jsYaml"},{packageName:"style-loader",instanceName:"styleLoader"},{packageName:"winston",instanceName:"winston"},{packageName:"@angular/common",instanceName:"angularCommon"},{packageName:"redux",instanceName:"redux"},{packageName:"object-assign",instanceName:"objectAssign"},{packageName:"zone.js",instanceName:"zoneJS"},{packageName:"babel-eslint",instanceName:"babelEslint"},{packageName:"gulp",instanceName:"gulp"},{packageName:"gulp-util",instanceName:"gulpUtil"},{packageName:"file-loader",instanceName:"fileLoader"},{packageName:"ora",instanceName:"ora"},{packageName:"node-fetch",instanceName:"nodeFetch"},{packageName:"@angular/platform-browser",instanceName:"angularPlatformBrowser"},{packageName:"@babel/runtime",instanceName:"babelRuntime"},{packageName:"handlebars",instanceName:"handlebars"},{packageName:"eslint-plugin-import",instanceName:"eslintPluginImport"},{packageName:"@angular/compiler",instanceName:"angularCompiler"},{packageName:"eslint-plugin-react",instanceName:"eslintPluginReact"},{packageName:"aws-sdk",instanceName:"awsSDK"},{packageName:"yosay",instanceName:"yosay"},{packageName:"url-loader",instanceName:"urlLoader"},{packageName:"@angular/forms",instanceName:"angularForms"},{packageName:"webpack-dev-server",instanceName:"webpackDevServer"},{packageName:"@angular/platform-browser-dynamic",instanceName:"angularPlatformBrowserDynamic"},{packageName:"mocha",instanceName:"mocha"},{packageName:"html-webpack-plugin",instanceName:"htmlWebpackPlugin"},{packageName:"socket.io",instanceName:"socketIO"},{packageName:"ws",instanceName:"ws"},{packageName:"babel-preset-es2015",instanceName:"babelPresetEs2015"},{packageName:"postcss-loader",instanceName:"postcssLoader"},{packageName:"node-sass",instanceName:"nodeSass"},{packageName:"ember-cli-babel",instanceName:"emberCliBabel"},{packageName:"babel-polyfill",instanceName:"babelPolyfill"},{packageName:"@angular/router",instanceName:"angularRouter"},{packageName:"ramda",instanceName:"ramda"},{packageName:"react-redux",instanceName:"reactRedux"},{packageName:"@babel/core",instanceName:"babelCore"},{packageName:"@angular/http",instanceName:"angularHttp"},{packageName:"ejs",instanceName:"ejs"},{packageName:"coffee-script",instanceName:"coffeeScript"},{packageName:"superagent",instanceName:"superagent"},{packageName:"request-promise",instanceName:"requestPromise"},{packageName:"autoprefixer",instanceName:"autoprefixer"},{packageName:"path",instanceName:"path"},{packageName:"mongodb",instanceName:"mongodb"},{packageName:"chai",instanceName:"chai"},{packageName:"mongoose",instanceName:"mongoose"},{packageName:"xml2js",instanceName:"xml2js"},{packageName:"bootstrap",instanceName:"bootstrap"},{packageName:"jest",instanceName:"jest"},{packageName:"sass-loader",instanceName:"sassLoader"},{packageName:"redis",instanceName:"redis"},{packageName:"vue-router",instanceName:"vueRouter"},{packageName:"chokidar",instanceName:"chokidar"},{packageName:"co",instanceName:"co"},{packageName:"eslint-plugin-jsx-a11y",instanceName:"eslintPluginJsxA11y"},{packageName:"nan",instanceName:"nan"},{packageName:"optimist",instanceName:"optimist"},{packageName:"promise",instanceName:"promise"},{packageName:"@angular/animations",instanceName:"angularAnimations"},{packageName:"postcss",instanceName:"postcss"},{packageName:"morgan",instanceName:"morgan"},{packageName:"less",instanceName:"less"},{packageName:"immutable",instanceName:"immutable"},{packageName:"qs",instanceName:"qs"},{packageName:"loader-utils",instanceName:"loaderUtils"},{packageName:"fs",instanceName:"fs"},{packageName:"extract-text-webpack-plugin",instanceName:"extractTextWebpackPlugin"},{packageName:"marked",instanceName:"marked"},{packageName:"mime",instanceName:"mime"},{packageName:"@alifd/next",instanceName:"alifdNext"},{packageName:"meow",instanceName:"meow"},{packageName:"styled-components",instanceName:"styledComponents"},{packageName:"resolve",instanceName:"resolve"},{packageName:"reflect-metadata",instanceName:"reflectMetadata"},{packageName:"babel-preset-react",instanceName:"babelPresetReact"},{packageName:"jsonwebtoken",instanceName:"jsonwebtoken"},{packageName:"react-router-dom",instanceName:"reactRouterDom"},{packageName:"extend",instanceName:"extend"},{packageName:"cookie-parser",instanceName:"cookieParser"},{packageName:"whatwg-fetch",instanceName:"whatwgFetch"},{packageName:"babel-preset-env",instanceName:"babelPresetEnv"},{packageName:"babel-jest",instanceName:"babelJest"},{packageName:"mysql",instanceName:"mysql"},{packageName:"joi",instanceName:"joi"},{packageName:"minimatch",instanceName:"minimatch"},{packageName:"eslint-loader",instanceName:"eslintLoader"},{packageName:"react-dev-utils",instanceName:"reactDevUtils"},{packageName:"node-uuid",instanceName:"nodeUuid"},{packageName:"es6-promise",instanceName:"es6Promise"},{packageName:"cross-spawn",instanceName:"crossSpawn"},{packageName:"case-sensitive-paths-webpack-plugin",instanceName:"caseSensitivePathsWebpackPlugin"},{packageName:"uglify-js",instanceName:"uglifyJs"},{packageName:"cors",instanceName:"cors"},{packageName:"eslint-plugin-flowtype",instanceName:"eslintPluginFlowtype"},{packageName:"react-router",instanceName:"reactRouter"},{packageName:"@babel/preset-env",instanceName:"babelPresetEnv"},{packageName:"deepmerge",instanceName:"deepmerge"},{packageName:"socket.io-client",instanceName:"socketIOClient"},{packageName:"npm",instanceName:"npm"},{packageName:"webpack-manifest-plugin",instanceName:"webpackManifestPlugin"},{packageName:"koa",instanceName:"koa"},{packageName:"isomorphic-fetch",instanceName:"isomorphicFetch"},{packageName:"babel-cli",instanceName:"babelCli"},{packageName:"del",instanceName:"del"},{packageName:"postcss-flexbugs-fixes",instanceName:"postcssFlexbugsFixes"},{packageName:"compression",instanceName:"compression"},{packageName:"update-notifier",instanceName:"updateNotifier"},{packageName:"babel-preset-react-app",instanceName:"babelPresetReactApp"},{packageName:"jade",instanceName:"jade"},{packageName:"prompt",instanceName:"prompt"},{packageName:"gulp-rename",instanceName:"gulpRename"},{packageName:"angular",instanceName:"angular"},{packageName:"underscore.string",instanceName:"underscoreString"},{packageName:"graphql",instanceName:"graphql"},{packageName:"execa",instanceName:"execa"},{packageName:"browserify",instanceName:"browserify"},{packageName:"opn",instanceName:"opn"},{packageName:"validator",instanceName:"validator"},{packageName:"eslint-config-react-app",instanceName:"eslintConfigReactApp"},{packageName:"vuex",instanceName:"vuex"},{packageName:"prettier",instanceName:"prettier"},{packageName:"invariant",instanceName:"invariant"},{packageName:"jsdom",instanceName:"jsdom"},{packageName:"@types/react",instanceName:"typesReact"},{packageName:"redux-thunk",instanceName:"reduxThunk"},{packageName:"mini-css-extract-plugin",instanceName:"miniCssExtractPlugin"},{packageName:"globby",instanceName:"globby"},{packageName:"pg",instanceName:"pg"},{packageName:"got",instanceName:"got"},{packageName:"ajv",instanceName:"ajv"},{packageName:"xtend",instanceName:"xtend"},{packageName:"ember-cli-htmlbars",instanceName:"emberCliHtmlbars"},{packageName:"babel-plugin-transform-runtime",instanceName:"babelPluginTransformRuntime"},{packageName:"nodemailer",instanceName:"nodemailer"},{packageName:"source-map-support",instanceName:"sourceMapSupport"},{packageName:"express-session",instanceName:"expressSession"},{packageName:"d3",instanceName:"d3"},{packageName:"less-loader",instanceName:"lessLoader"},{packageName:"fsevents",instanceName:"fsevents"},{packageName:"babel-preset-stage-0",instanceName:"babelPresetStage0"},{packageName:"download-git-repo",instanceName:"downloadGitRepo"},{packageName:"query-string",instanceName:"queryString"},{packageName:"font-awesome",instanceName:"fontAwesome"},{packageName:"open",instanceName:"open"},{packageName:"passport",instanceName:"passport"},{packageName:"@types/lodash",instanceName:"typesLodash"},{packageName:"grunt",instanceName:"grunt"},{packageName:"path-to-regexp",instanceName:"pathToRegexp"},{packageName:"mustache",instanceName:"mustache"},{packageName:"inherits",instanceName:"inherits"},{packageName:"tmp",instanceName:"tmp"},{packageName:"md5",instanceName:"md5"},{packageName:"dotenv-expand",instanceName:"dotenvExpand"},{packageName:"crypto-js",instanceName:"cryptoJS"},{packageName:"request-promise-native",instanceName:"requestPromiseNative"},{packageName:"through",instanceName:"through"},{packageName:"connect",instanceName:"connect"},{packageName:"raf",instanceName:"raf"},{packageName:"react-scripts",instanceName:"reactScripts"},{packageName:"readable-stream",instanceName:"readableStream"},{packageName:"highlight.js",instanceName:"highlightJS"},{packageName:"@babel/polyfill",instanceName:"babelPolyfill"},{packageName:"progress",instanceName:"progress"},{packageName:"optimize-css-assets-webpack-plugin",instanceName:"optimizeCssAssetsWebpackPlugin"},{packageName:"iconv-lite",instanceName:"iconvLite"},{packageName:"bunyan",instanceName:"bunyan"},{packageName:"gulp-uglify",instanceName:"gulpUglify"},{packageName:"koa-router",instanceName:"koaRouter"},{packageName:"ncp",instanceName:"ncp"},{packageName:"lodash.merge",instanceName:"lodashMerge"},{packageName:"lru-cache",instanceName:"lruCache"},{packageName:"moment-timezone",instanceName:"momentTimezone"},{packageName:"figlet",instanceName:"figlet"},{packageName:"history",instanceName:"history"},{packageName:"readline-sync",instanceName:"readlineSync"},{packageName:"pluralize",instanceName:"pluralize"},{packageName:"url",instanceName:"url"},{packageName:"log4js",instanceName:"log4js"},{packageName:"cli-table",instanceName:"cliTable"},{packageName:"webpack-merge",instanceName:"webpackMerge"},{packageName:"archiver",instanceName:"archiver"},{packageName:"babel-register",instanceName:"babelRegister"},{packageName:"eslint-config-airbnb",instanceName:"eslintConfigAirbnb"},{packageName:"clone",instanceName:"clone"},{packageName:"jsonfile",instanceName:"jsonfile"},{packageName:"puppeteer",instanceName:"puppeteer"},{packageName:"shortid",instanceName:"shortid"},{packageName:"@babel/plugin-proposal-class-properties",instanceName:"babelPluginProposalClassProperties"},{packageName:"querystring",instanceName:"querystring"},{packageName:"serve-static",instanceName:"serveStatic"},{packageName:"tslint",instanceName:"tslint"},{packageName:"pug",instanceName:"pug"},{packageName:"config",instanceName:"config"},{packageName:"source-map",instanceName:"sourceMap"},{packageName:"antd",instanceName:"antd"},{packageName:"concat-stream",instanceName:"concatStream"},{packageName:"element-ui",instanceName:"elementUI"},{packageName:"lodash.get",instanceName:"lodashGet"},{packageName:"@babel/preset-react",instanceName:"babelPresetReact"},{packageName:"serve-favicon",instanceName:"serveFavicon"},{packageName:"stylus",instanceName:"stylus"},{packageName:"date-fns",instanceName:"dateFns"},{packageName:"esprima",instanceName:"esprima"},{packageName:"sequelize",instanceName:"sequelize"},{packageName:"babel-plugin-transform-object-rest-spread",instanceName:"babelPluginTransformObjectRestSpread"},{packageName:"bindings",instanceName:"bindings"},{packageName:"events",instanceName:"events"},{packageName:"graceful-fs",instanceName:"gracefulFs"},{packageName:"normalize.css",instanceName:"normalizeCSS"},{packageName:"crypto",instanceName:"crypto"},{packageName:"cross-env",instanceName:"crossEnv"},{packageName:"mime-types",instanceName:"mimeTypes"},{packageName:"event-stream",instanceName:"eventStream"},{packageName:"hoist-non-react-statics",instanceName:"hoistNonReactStatics"},{packageName:"gulp-concat",instanceName:"gulpConcat"},{packageName:"terser-webpack-plugin",instanceName:"terserWebpackPlugin"},{packageName:"json-loader",instanceName:"jsonLoader"},{packageName:"warning",instanceName:"warning"},{packageName:"bignumber.js",instanceName:"bignumberJS"},{packageName:"eventemitter3",instanceName:"eventEmitter3"},{packageName:"webpack-cli",instanceName:"webpackCli"},{packageName:"strip-ansi",instanceName:"stripAnsi"},{packageName:"cli-color",instanceName:"cliColor"},{packageName:"form-data",instanceName:"formData"},{packageName:"web3",instanceName:"web3"},{packageName:"gulp-sourcemaps",instanceName:"gulpSourcemaps"},{packageName:"webpack-dev-middleware",instanceName:"webpackDevMiddleware"},{packageName:"ip",instanceName:"ip"},{packageName:"camelcase",instanceName:"camelcase"},{packageName:"sw-precache-webpack-plugin",instanceName:"swPrecacheWebpackPlugin"},{packageName:"merge",instanceName:"merge"},{packageName:"http-proxy",instanceName:"httpProxy"},{packageName:"react-transition-group",instanceName:"reactTransitionGroup"},{packageName:"multer",instanceName:"multer"},{packageName:"deep-equal",instanceName:"deepEqual"},{packageName:"styled-jsx",instanceName:"styledJSX"},{packageName:"babel-plugin-transform-react-remove-prop-types",instanceName:"babelPluginTransformReactRemovePropTypes"},{packageName:"redux-saga",instanceName:"reduxSaga"},{packageName:"csv-parser",instanceName:"csvParser"},{packageName:"csv-writer",instanceName:"csvWriter"},{packageName:"papaparse",instanceName:"Papa"},{packageName:"fast-csv",instanceName:"fastCsv"},{packageName:"xlsx",instanceName:"xlsx"},{packageName:"exceljs",instanceName:"exceljs"},{packageName:"json2csv",instanceName:"json2csv"},{packageName:"node-xlsx",instanceName:"nodeXlsx"},{packageName:"gtm",instanceName:"gtm"},{packageName:"segment",instanceName:"segment"},{packageName:"mixpanel",instanceName:"mixpanel"},{packageName:"amplitude",instanceName:"amplitude"},{packageName:"intercom",instanceName:"intercom"},{packageName:"hotjar",instanceName:"hotjar"},{packageName:"mailchimp",instanceName:"mailchimp"},{packageName:"googleapis",instanceName:"googleApis"},{packageName:"stripe",instanceName:"stripe"},{packageName:"paypal-rest-sdk",instanceName:"paypalRestSdk"},{packageName:"braintree",instanceName:"braintree"},{packageName:"plaid",instanceName:"plaid"},{packageName:"twilio",instanceName:"twilio"},{packageName:"firebase",instanceName:"firebase"},{packageName:"auth0",instanceName:"auth0"},{packageName:"slugify",instanceName:"slugify"},{packageName:"bcrypt",instanceName:"bcrypt"},{packageName:"nodemon",instanceName:"nodemon"},{packageName:"pm2",instanceName:"pm2"},{packageName:"forever",instanceName:"forever"},{packageName:"babel",instanceName:"babel"},{packageName:"husky",instanceName:"husky"},{packageName:"lint-staged",instanceName:"lintStaged"},{packageName:"concurrently",instanceName:"concurrently"},{packageName:"cli-spinner",instanceName:"cliSpinner"}],A={props:{plugin:{type:Object,required:!0},settings:{type:Object,required:!0}},emits:["update:settings"],data(){return{searchedPackages:"",packagesResults:[],selectedPackage:"",debouncedSearch:null,isLoading:!1,errorMessage:""}},created(){this.debouncedSearch=this.debounce(this.searchPackages,300)},computed:{selectedPackages(){return(this.settings.publicData.packages||[]).map(s=>s.name)}},methods:{changePackages(s){this.$emit("update:settings",{...this.settings,publicData:{packages:s}})},async searchPackages(){var s;if(this.errorMessage="",this.searchedPackages.length>1){this.isLoading=!0,this.packagesResults=[];try{const{data:a}=await wwAxios.get(`${wwLib.wwApiRequests._getPluginsUrl()}/designs/${wwLib.wwWebsiteData.getInfo().id}/npm/search?text=${this.searchedPackages}&size=10`),c=((s=a==null?void 0:a.objects)==null?void 0:s.map(async r=>{const t=await this.checkPackageAvailability(r.package);return{...r.package,available:t}}))||[];this.packagesResults=await Promise.all(c)}catch(a){console.error(a),this.errorMessage="An error has been encountered while searching for packages. Please try again later",this.packagesResults=[]}this.isLoading=!1}else this.packagesResults=[]},debounce(s,a){let c;return function(...r){clearTimeout(c),c=setTimeout(()=>s.apply(this,r),a)}},async checkPackageAvailability(s){try{return(await fetch(`https://unpkg.com/${s.name}@${s.version}`)).ok}catch{return!1}},async selectPackage(s){var c,r;this.searchedPackages="",this.packagesResults=[];const a=[...this.settings.publicData.packages||[],{name:s.name,version:s.version,link:(c=s.links)==null?void 0:c.homepage,instanceName:((r=z.find(t=>t.packageName===s.name))==null?void 0:r.instanceName)||""}];this.changePackages(a)},removePackage(s){const a=this.settings.publicData.packages[s];a.instanceName&&wwLib.wwVariable.unregisterPluginVariable(`${this.id}-${a.instanceName}`);const c=[...this.settings.publicData.packages];c.splice(s,1),this.changePackages(c)}}},F={class:"label-sm flex items-center content-warning border-yellow-500 p-3 mb-3"},M={class:"npm-settings-edit"},U={key:0,class:"installedPackage mb-4"},V={class:"flex flex-row justify-between mb-3 items-center"},I={class:"flex flex-col items-start w-100"},J={class:"label-2 content-primary mb-2 flex items-center"},W=["href"],G={class:"flex flex-row items-start w-100"},O={class:"flex flex-col w-50 pr-2"},B=["onUpdate:modelValue","placeholder"],K={class:"flex flex-col w-50 pr-2"},H=["onUpdate:modelValue","onInput"],X=["onClick"],Y={key:0},Q={class:"flex flex-row justify-between"},Z={class:"label-2 content-primary mb-1 flex flex-row items-end"},$=["href"],ee={class:"body-sm ml-2 content-tertiary"},ae={class:"flex flex-row justify-between"},ne=["href"],se={key:0,class:"body-sm mb-2 content-tertiary"},te={key:1,class:"body-sm mb-2 content-tertiary"},ce={class:"body-sm mb-2"},me=["onClick"],ie={key:3,class:"ww-editor-button content-alert -small m-auto-left"},re={key:1,class:"loader ww-editor-form-row"},pe={key:2,class:"error ww-editor-form-row p-2"},Ne={class:"body-sm"};function oe(s,a,c,r,t,g){var y,w;const k=u("wwEditorIcon"),q=u("wwEditorInputText"),C=u("wwEditorFormRow"),L=u("wwLoader");return i(),m(h,null,[n("p",F,[N(k,{class:"mr-3",name:"warning",small:""}),a[2]||(a[2]=b(" Some packages can create conflicts in the Editor. Please consider trying to remove your installed packages if you encounter any issues. "))]),n("div",M,[(w=(y=c.settings.publicData)==null?void 0:y.packages)!=null&&w.length?(i(),m("div",U,[(i(!0),m(h,null,j(c.settings.publicData.packages,(e,d)=>(i(),m("div",V,[n("div",I,[n("div",J,[n("span",null,o(e.name),1),n("a",{class:"ww-editor-link ml-2 label-3 flex items-center",href:`https://unpkg.com/${e.name}@${e.version}`,target:"_blank"},[a[3]||(a[3]=b(" Open on UNPKG ")),N(k,{class:"ml-1",name:"arrow-diagonal",small:""})],8,W)]),n("div",G,[n("div",O,[a[4]||(a[4]=n("span",{class:"label-sm content-tertiary mb-1"},"Package version",-1)),S(n("input",{"onUpdate:modelValue":p=>e.version=p,class:"ww-editor-input version-input -small w-100",type:"text",placeholder:e.version},null,8,B),[[R,e.version]])]),n("div",K,[a[5]||(a[5]=n("span",{class:"label-sm content-tertiary mb-1"},"Global property",-1)),S(n("input",{"onUpdate:modelValue":p=>e.instanceName=p,class:"ww-editor-input instanceName-input -small w-100",type:"text",placeholder:"Property name",onInput:p=>s.updatePluginVariables(e.name,e.instanceName)},null,40,H),[[R,e.instanceName]])]),n("button",{type:"button",class:"ww-editor-button -icon -tertiary -small m-auto-left",onClick:p=>g.removePackage(d)},[N(k,{class:"ww-editor-button-icon",name:"trash",small:""})],8,X)])])]))),256))])):l("",!0),n("div",null,[N(C,{label:"Search for a package"},{default:T(()=>[N(q,{class:"-full",modelValue:t.searchedPackages,"onUpdate:modelValue":a[0]||(a[0]=e=>t.searchedPackages=e),placeholder:"Search for a package",onKeyup:t.debouncedSearch},null,8,["modelValue","onKeyup"])]),_:1}),t.packagesResults.length&&t.searchedPackages.length?(i(),m("div",Y,[(i(!0),m(h,null,j(t.packagesResults,(e,d)=>{var p,f,v,x,P,_;return i(),m("div",{key:d,class:D(["ww-package-preview p-2 mb-2",{"-selected":g.selectedPackages.includes(e.name)}])},[n("div",Q,[n("span",Z,[n("a",{href:(p=e.links)==null?void 0:p.homepage,target:"_blank"},o(e.name),9,$),n("span",ee,o(e.version),1)]),n("span",ae,[n("a",{href:(f=e.links)==null?void 0:f.repository,target:"_blank"},[N(k,{name:"github",class:"content-primary"})],8,ne)])]),(v=e.author)!=null&&v.name?(i(),m("div",se,o((x=e.author)==null?void 0:x.name),1)):(P=e.publisher)!=null&&P.username?(i(),m("div",te,o((_=e.publisher)==null?void 0:_.username),1)):l("",!0),n("div",ce,o(e.description),1),e.available&&!g.selectedPackages.includes(e.name)?(i(),m("div",{key:2,class:"ww-editor-button -primary -small m-auto-left",onClick:ge=>g.selectPackage(e)},[N(k,{class:"ww-editor-button-icon",name:"plus",small:""}),a[6]||(a[6]=b(" add "))],8,me)):e.available?l("",!0):(i(),m("div",ie," Not available on UNPKG "))],2)}),128))])):l("",!0),t.isLoading?(i(),m("div",re,[N(L,{loading:t.isLoading},null,8,["loading"])])):l("",!0),t.errorMessage?(i(),m("div",pe,[n("p",Ne,o(t.errorMessage),1),n("span",{onClick:a[1]||(a[1]=(...e)=>g.searchPackages&&g.searchPackages(...e)),class:"try-again body-sm mt-2 m-auto-left"},"Try again")])):l("",!0)])])],64)}const ke=E(A,[["render",oe],["__scopeId","data-v-10aa6ac3"]]);export{ke as default};
|