@khrisma/favorite-assets 0.0.8

package/enhanceApp.js

@@ -0,0 +1,11 @@
+import { baseUrl, imageLists } from '@dynamic/khrisma-favorite-assets'
+
+export default function ({ Vue }) {
+  Vue.prototype.$khrisma.favoriteImage = function (id, face) {
+    // use fallback face
+    if (!(face in imageLists) || !imageLists[face].includes(id)) {
+      face = 'default'
+    }
+    return `${baseUrl}/${face}/c${String(id).padStart(3, '0')}.png`
+  }
+}

package/index.js

@@ -0,0 +1,43 @@
+const {
+  path: { resolve },
+  fs: { readdir },
+} = require('@vuepress/shared-utils')
+
+const { version } = require('./package')
+
+const ASSETS_DIR = resolve(__dirname, 'assets')
+const ASSETS_BASE = 'assets/th-char'
+
+const FACE_TYPES = [
+  'default',
+  'smiling',
+  'trauma',
+]
+
+module.exports = (options, context) => ({
+  name: `@khrisma/favorite-assets (${version})`,
+
+  plugins: [
+    ['public-files', {
+      from: ASSETS_DIR,
+      to: ASSETS_BASE,
+    }],
+  ],
+
+  async clientDynamicModules () {
+    const imageLists = {}
+    await Promise.all(FACE_TYPES.map(async (type) => {
+      const files = await readdir(resolve(ASSETS_DIR, type))
+      imageLists[type] = files.map(file => parseInt(file.slice(1, -4)))
+    }))
+
+    return {
+      name: 'khrisma-favorite-assets.js',
+      content: `\
+export const baseUrl = ${JSON.stringify(context.base + ASSETS_BASE)}
+export const imageLists = ${JSON.stringify(imageLists)}`,
+    }
+  },
+
+  enhanceAppFiles: resolve(__dirname, 'enhanceApp.js'),
+})

package/package.json

@@ -0,0 +1,9 @@
+{
+  "name": "@khrisma/favorite-assets",
+  "version": "0.0.8",
+  "main": "index.js",
+  "dependencies": {
+    "@vuepress/shared-utils": "^1.0.0-alpha.47",
+    "vuepress-plugin-public-files": "^1.0.0-alpha.0"
+  }
+}