plugin-ui-for-kzt 0.0.9 → 0.0.11

package/tsconfig.json

@@ -2,6 +2,7 @@
   "compilerOptions": {
     "target": "ESNext",
     "module": "ESNext",
+    "types": ["node"],
     "moduleResolution": "Node",
     "strict": true,
     "esModuleInterop": true,
@@ -23,7 +24,8 @@
     "src/**/*",
     "src/**/*.ts",
     "src/**/*.vue",
-    "shims-vue.d.ts"
+    "shims-vue.d.ts",
+    "shims-context.d.ts"
   ],
   "exclude": [
     "node_modules",

package/webpack.config.js

@@ -1,15 +1,20 @@
-const path = require('path');
-const {VueLoaderPlugin} = require('vue-loader');
+const path = require("path");
+const { VueLoaderPlugin } = require("vue-loader");
+const SpriteLoaderPlugin = require("svg-sprite-loader/plugin");
 
-module.exports = {
-    entry: './src/index.ts',
-    mode: "none",
+module.exports = (env, argv) => {
+  const isProduction = argv.mode === "production";
+
+  return {
+    mode: isProduction ? "production" : "development",
+    entry: isProduction ? "./src/index.ts" : "./example/main.ts",
     output: {
-        path: __dirname + "/dist",
-        filename: "index.js",
-        libraryTarget: "umd", // Universal Module Definition
-        library: "plugin-ui-for-kzt",
-        globalObject: "this"
+      path: path.resolve(__dirname, "dist"),
+      filename: "index.js",
+      publicPath: "/",
+      libraryTarget: isProduction ? "umd" : undefined,
+      library: isProduction ? "plugin-ui-for-kzt" : undefined,
+      globalObject: "this",
     },
     // output: {
     //     filename: 'index.js',
@@ -19,38 +24,88 @@ module.exports = {
     //     umdNamedDefine: true,
     // },
     resolve: {
-        extensions: ['.js', '.ts', '.vue', '.json'],
-        alias: {
-            '@': path.resolve(__dirname, 'src'),
-            vue: 'vue/dist/vue.runtime.esm-bundler.js',
-        },
+      extensions: [".js", ".ts", ".vue", ".json"],
+      alias: {
+        "@": path.resolve(__dirname, "src"),
+        vue: "vue/dist/vue.runtime.esm-bundler.js",
+      },
     },
 
     module: {
-        rules: [
-            {
-                test: /\.ts$/,
-                loader: 'ts-loader',
-                options: {
-                    appendTsSuffixTo: [/\.vue$/],
-                },
-            },
+      rules: [
+        {
+          test: /\.ts$/,
+          loader: "ts-loader",
+          options: {
+            appendTsSuffixTo: [/\.vue$/],
+          },
+        },
+        {
+          test: /\.vue$/,
+          loader: "vue-loader",
+        },
+        {
+          test: /\.scss$/,
+          use: ["style-loader", "css-loader", "sass-loader"],
+        },
+        {
+          test: /\.css$/i,
+          use: ["style-loader", "css-loader"],
+        },
+        {
+          test: /\.svg$/,
+          use: [
             {
-                test: /\.vue$/,
-                loader: 'vue-loader',
+              loader: "svg-sprite-loader",
+              options: {
+                extract: true,
+                spriteFilename: "sprite.svg",
+                publicPath: "/",
+              },
             },
             {
-                test: /\.scss$/,
-                use: ['vue-style-loader', 'css-loader', 'sass-loader'],
+              loader: "svgo-loader",
+              options: {
+                plugins: [
+                  {
+                    name: "removeTitle",
+                    active: true,
+                  },
+                  {
+                    name: "convertColors",
+                    params: {
+                      shorthex: true,
+                    },
+                  },
+                  {
+                    name: "removeComments",
+                    active: true,
+                  },
+                ],
+              },
             },
-            {
-                test: /\.svg$/,
-                use: ["file-loader"],
-            }
-        ],
+          ],
+        },
+      ],
     },
-    plugins: [new VueLoaderPlugin()],
-    externals: {
-        vue: 'vue', // Vue will not be bundled; it’s an external dependency
+    plugins: [new VueLoaderPlugin(), new SpriteLoaderPlugin()],
+    externals: isProduction
+      ? {
+          vue: "vue", // Vue will not be bundled; it’s an external dependency
+        }
+      : {},
+    devServer: {
+      static: path.join(__dirname, "example"),
+      compress: true,
+      port: 9000,
+      hot: false,
+      liveReload: true,
+      open: true,
+      historyApiFallback: true,
+      devMiddleware: {
+        publicPath: "/",
+      },
     },
+    devtool: isProduction ? false : "source-map",
+  };
 };

package/dist/components/DataTable/DataTable.vue.d.ts

@@ -1,3 +0,0 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;

package/dist/components/Modal/Modal.vue.d.ts

@@ -1,3 +0,0 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;

package/dist/components/Spinner/Spinner.vue.d.ts

@@ -1,3 +0,0 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;

package/dist/components/Toaster/Toaster.vue.d.ts

@@ -1,3 +0,0 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;

package/dist/components/Tooltip/Tooltip.vue.d.ts

@@ -1,3 +0,0 @@
-export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>;

package/dist/index.d.ts

@@ -1,11 +0,0 @@
-import Modal from "./components/Modal/Modal.vue";
-import DataTable from "./components/DataTable/DataTable.vue";
-import Tooltip from "./components/Tooltip/Tooltip.vue";
-import Spinner from "./components/Spinner/Spinner.vue";
-import { useModal } from "./plugins/modalPlugin";
-import { useToast } from "./plugins/toasterPlugin";
-declare const _default: {
-    install(app: any): void;
-};
-export default _default;
-export { Modal, DataTable, Tooltip, Spinner, useModal, useToast };