@fastkit/vui 0.10.0 → 0.10.2

package/dist/tool/{index.js → index.mjs}

@@ -1,28 +1,26 @@
-'use strict';
-
-var viteKit = require('@fastkit/vite-kit');
-var path = require('path');
-var fs = require('fs-extra');
-var nodeUtil = require('@fastkit/node-util');
-var eta = require('eta');
-var tinyLogger = require('@fastkit/tiny-logger');
+import { dynamicSrcVitePlugin } from '@fastkit/vite-kit';
+import path from 'path';
+import fs from 'fs-extra';
+import { getDirname, findPackageDirSync } from '@fastkit/node-util';
+import { render } from 'eta';
+import { TinyLogger, createTinyError } from '@fastkit/tiny-logger';
 
 const name = 'vui';
-new tinyLogger.TinyLogger(name);
-const VuiError = tinyLogger.createTinyError(name);
+new TinyLogger(name);
+const VuiError = createTinyError(name);
 
-const VUI_PACKAGE_DIR = path.resolve(__dirname, '../..');
+const VUI_PACKAGE_DIR = path.resolve(getDirname(import.meta.url), '../..');
 const STYLE_AFTER_EFFECTS_PATH = path.join(VUI_PACKAGE_DIR, 'src/styles/after-effects.scss');
 const COLOR_DUMP_STYLE = `@include dump-color-scheme(true);`;
 const TEMPLATE = `
 /* eslint-disable */
 // @ts-nocheck
 <% if (!it.__dev) { %>
-import '@fastkit/vue-stack/dist/vue-stack.css';
-import '@fastkit/vue-app-layout/dist/vue-app-layout.css';
-import '@fastkit/vue-loading/dist/vue-loading.css';
-import '@fastkit/vue-scroller/dist/vue-scroller.css';
-import '@fastkit/vui/dist/vui.css';
+import '@fastkit/vue-stack/vue-stack.css';
+import '@fastkit/vue-app-layout/vue-app-layout.css';
+import '@fastkit/vue-loading/vue-loading.css';
+import '@fastkit/vue-scroller/vue-scroller.css';
+import '@fastkit/vui/vui.css';
 <% } %>
 import './setup.scss';
 import type { App } from 'vue';
@@ -48,7 +46,7 @@ export function installVui(settings: { app: App, router: Router }, options?: Raw
 export default installVui;
 `.trim();
 async function renderTemplate({ colorScheme, mediaMatch, uiSettings, icons, __dev, }) {
-    const result = await eta.render(TEMPLATE, {
+    const result = await render(TEMPLATE, {
         colorScheme,
         mediaMatch,
         uiSettings: JSON.stringify(uiSettings),
@@ -64,7 +62,7 @@ function defaultDynamicDest() {
     return path.resolve('.vui');
 }
 function getBuiltinsDir() {
-    const pkgDir = nodeUtil.findPackageDirSync(undefined, true);
+    const pkgDir = findPackageDirSync(undefined, true);
     if (!pkgDir) {
         throw new Error(`missing package directory`);
     }
@@ -149,7 +147,7 @@ export {};
             };
         });
     }
-    plugins.push(viteKit.dynamicSrcVitePlugin({
+    plugins.push(dynamicSrcVitePlugin({
         colorScheme: {
             src: colorSchemeSrc,
             dest: colorSchemeDest,
@@ -192,4 +190,4 @@ export {};
     };
 }
 
-exports.viteVuiPlugin = viteVuiPlugin;
+export { viteVuiPlugin };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fastkit/vui",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "description": "A simple, extensible UI kit for Vue applications.",
   "buildOptions": {
     "name": "Vui",
@@ -14,10 +14,13 @@
       "ja": "Vueアプリケーション用のシンプルで拡張可能なUIキット。"
     }
   },
-  "main": "index.js",
-  "module": "dist/vui.mjs",
+  "main": "./dist/vui.mjs",
+  "exports": {
+    "./vui.css": "./dist/vui.css",
+    "./tool": "./dist/tool/index.mjs",
+    ".": "./dist/vui.mjs"
+  },
   "files": [
-    "index.js",
     "dist",
     "src"
   ],
@@ -43,11 +46,11 @@
     "vue": "^3.2.45"
   },
   "dependencies": {
-    "@fastkit/color-scheme": "0.10.0",
-    "@fastkit/icon-font": "0.10.0",
-    "@fastkit/tiny-logger": "0.10.0",
-    "@fastkit/vite-kit": "0.10.0",
-    "@fastkit/vue-kit": "0.10.0",
+    "@fastkit/color-scheme": "0.10.2",
+    "@fastkit/icon-font": "0.10.2",
+    "@fastkit/tiny-logger": "0.10.2",
+    "@fastkit/vite-kit": "0.10.2",
+    "@fastkit/vue-kit": "0.10.2",
     "@tiptap/extension-link": "^2.0.0-beta.209",
     "@tiptap/extension-text-style": "^2.0.0-beta.209",
     "@tiptap/extension-underline": "^2.0.0-beta.209",

package/src/tool/vite-plugin.ts

@@ -2,13 +2,13 @@ import { Plugin } from 'vite';
 import { dynamicSrcVitePlugin } from '@fastkit/vite-kit';
 import path from 'path';
 import fs from 'fs-extra';
-import { findPackageDirSync } from '@fastkit/node-util';
+import { findPackageDirSync, getDirname } from '@fastkit/node-util';
 import { RawIconFontEntry, IconFontSettings } from '@fastkit/icon-font-gen';
 import { VuiServiceOptions } from '../service';
 import { render } from 'eta';
 import { VuiError } from '../logger';
 
-const VUI_PACKAGE_DIR = path.resolve(__dirname, '../..');
+const VUI_PACKAGE_DIR = path.resolve(getDirname(import.meta.url), '../..');
 const STYLE_AFTER_EFFECTS_PATH = path.join(
   VUI_PACKAGE_DIR,
   'src/styles/after-effects.scss',
@@ -20,11 +20,11 @@ const TEMPLATE = `
 /* eslint-disable */
 // @ts-nocheck
 <% if (!it.__dev) { %>
-import '@fastkit/vue-stack/dist/vue-stack.css';
-import '@fastkit/vue-app-layout/dist/vue-app-layout.css';
-import '@fastkit/vue-loading/dist/vue-loading.css';
-import '@fastkit/vue-scroller/dist/vue-scroller.css';
-import '@fastkit/vui/dist/vui.css';
+import '@fastkit/vue-stack/vue-stack.css';
+import '@fastkit/vue-app-layout/vue-app-layout.css';
+import '@fastkit/vue-loading/vue-loading.css';
+import '@fastkit/vue-scroller/vue-scroller.css';
+import '@fastkit/vui/vui.css';
 <% } %>
 import './setup.scss';
 import type { App } from 'vue';