@v1nt1248/3nclient-lib 0.0.1 → 0.0.2

package/README.md

@@ -1,18 +1,9 @@
-# Vue 3 + TypeScript + Vite
-
-This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
-
-## Recommended IDE Setup
-
-- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
-
-## Type Support For `.vue` Imports in TS
-
-TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
-
-If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
-
-1. Disable the built-in TypeScript Extension
-   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
-   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
-2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.
+# Library for 3NWeb clients (Vue + Typescript)
+
+## Constants
+## Components
+## Directives
+## Plugins
+## Store plugins
+## Services
+## Helpers

package/package.json

@@ -3,8 +3,8 @@
   "private": false,
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.0.1",
-  "description": "UI library for 3NWeb clients",
+  "version": "0.0.2",
+  "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [
     "dist"
@@ -23,15 +23,46 @@
     "dev": "vite",
     "generate:types": "vue-tsc --declaration --emitDeclarationOnly --outdir ./dist",
     "build": "vite build && yarn generate:types",
-    "preview": "vite preview"
+    "preview": "vite preview",
+    "stylelint": "stylelint --config .stylelint.config.cjs 'src/**/*.{vue,scss}'",
+    "stylelint:fix": "stylelint --config .stylelint.config.cjs --fix 'src/**/*.{vue,scss}'",
+    "linter": "eslint -c .eslintrc.cjs --ext .js,.vue,.ts, src",
+    "linter:fix": "eslint -c .eslintrc.cjs --fix --ext .js,.vue,.ts, src",
+    "lint": "yarn linter && yarn stylelint",
+    "lint:fix": "yarn linter:fix && yarn stylelint:fix"
   },
   "dependencies": {
+    "@iconify-icons/ic": "^1.2.13",
+    "@iconify/vue": "^4.1.1",
+    "dayjs": "^1.11.9",
+    "lodash": "^4.17.21",
+    "mitt": "^3.0.1",
+    "sanitize-html": "^2.11.0",
     "vue": "^3.3.4"
   },
   "devDependencies": {
+    "@types/lodash": "^4.14.197",
     "@types/node": "^20.5.6",
+    "@types/sanitize-html": "^2.9.0",
+    "@typescript-eslint/eslint-plugin": "^6.4.1",
+    "@typescript-eslint/parser": "^6.4.1",
     "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vuedx/typescript-plugin-vue": "^0.7.6",
+    "eslint": "^8.48.0",
+    "eslint-plugin-import": "^2.28.1",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-vue": "^9.17.0",
+    "pinia": "^2.1.6",
+    "postcss-html": "^1.5.0",
     "sass": "^1.66.1",
+    "stylelint": "^15.10.3",
+    "stylelint-config-recommended-scss": "^12.0.0",
+    "stylelint-config-recommended-vue": "^1.5.0",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-rscss": "^0.4.0",
+    "stylelint-scss": "^5.1.0",
     "typescript": "^5.2.2",
     "vite": "^4.4.5",
     "vue-tsc": "^1.8.5"

package/dist/components/ui3n-button.vue.d.ts

@@ -1,16 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
-}>> & {
-    onClick?: ((value: Event) => any) | undefined;
-}, {}, {}>;
-export default _default;

package/dist/components/ui3n-emoji.vue.d.ts

@@ -1,28 +0,0 @@
-declare const _default: import("vue").DefineComponent<{
-    emoji: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    size: {
-        type: import("vue").PropType<string | number>;
-    };
-    readonly: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: (value: Event) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    emoji: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    size: {
-        type: import("vue").PropType<string | number>;
-    };
-    readonly: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & {
-    onClick?: ((value: Event) => any) | undefined;
-}, {}, {}>;
-export default _default;

package/dist/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Ui3nButton } from './components/ui3n-button.vue';
-export { default as Ui3nEmoji } from './components/ui3n-emoji.vue';

package/dist/style.css

@@ -1 +0,0 @@
-.ui3n-button[data-v-f0e2ff6b]{display:flex;border:none;outline:none;border-radius:4px;background-color:#00f;font-size:12px;font-weight:400;color:#fff;padding:0 8px;height:32px}.ui3n-emoji[data-v-a270b984]{--emoji-size: 16px;display:flex;width:var(--emoji-size);height:var(--emoji-size);justify-content:center;align-items:center;cursor:pointer}.ui3n-emoji--readonly[data-v-a270b984]{cursor:default}

package/dist/types.d.ts

@@ -1,9 +0,0 @@
-import type Ui3nButton from './components/ui3n-button.vue';
-import type Ui3nEmoji from './components/ui3n-emoji.vue';
-export * from "./index";
-declare module 'vue' {
-    interface GlobalComponents {
-        Ui3nButton: typeof Ui3nButton;
-        Ui3nEmoji: typeof Ui3nEmoji;
-    }
-}

package/dist/ui-3n-lib.js

@@ -1,65 +0,0 @@
-import { defineComponent as l, resolveComponent as m, openBlock as r, createElementBlock as _, createVNode as d, ref as f, computed as y, onMounted as v, mergeProps as b, toHandlers as j, toDisplayString as k } from "vue";
-const B = ["disabled"], g = /* @__PURE__ */ l({
-  __name: "ui3n-button",
-  props: {
-    disabled: { type: Boolean }
-  },
-  emits: ["click"],
-  setup(t, { emit: i }) {
-    const n = t;
-    return (s, o) => {
-      const c = m("v-slot");
-      return r(), _("button", {
-        class: "ui3n-button",
-        type: "button",
-        disabled: n.disabled,
-        onClick: o[0] || (o[0] = (e) => i("click", e))
-      }, [
-        d(c)
-      ], 8, B);
-    };
-  }
-});
-const u = (t, i) => {
-  const n = t.__vccOpts || t;
-  for (const [s, o] of i)
-    n[s] = o;
-  return n;
-}, z = /* @__PURE__ */ u(g, [["__scopeId", "data-v-f0e2ff6b"]]), E = /* @__PURE__ */ l({
-  __name: "ui3n-emoji",
-  props: {
-    emoji: {},
-    size: {},
-    readonly: { type: Boolean }
-  },
-  emits: ["click"],
-  setup(t, { emit: i }) {
-    const n = t, s = f(null), o = y(() => {
-      const {
-        emoji: e,
-        size: a = 16,
-        readonly: p = !1
-      } = n;
-      return { emoji: e, size: a, readonly: p };
-    });
-    v(() => {
-      s.value && s.value.style.setProperty("--emoji-size", `${o.value.size}px`);
-    });
-    const c = (e) => {
-      e.stopImmediatePropagation(), i("click", e);
-    };
-    return (e, a) => (r(), _("div", b({
-      ref_key: "emojiElement",
-      ref: s,
-      class: [
-        "ui3n-emoji",
-        { "ui3n-emoji--readonly": o.value.readonly }
-      ]
-    }, j(e.readonly ? {} : { click: c }, !0)), k(e.emoji), 17));
-  }
-});
-const C = /* @__PURE__ */ u(E, [["__scopeId", "data-v-a270b984"]]);
-export {
-  z as Ui3nButton,
-  C as Ui3nEmoji
-};

package/dist/ui-3n-lib.umd.cjs

@@ -1 +0,0 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.Ui3nLib={},n.Vue))})(this,function(n,e){"use strict";const p=["disabled"],_=e.defineComponent({__name:"ui3n-button",props:{disabled:{type:Boolean}},emits:["click"],setup(i,{emit:l}){const s=i;return(c,t)=>{const r=e.resolveComponent("v-slot");return e.openBlock(),e.createElementBlock("button",{class:"ui3n-button",type:"button",disabled:s.disabled,onClick:t[0]||(t[0]=o=>l("click",o))},[e.createVNode(r)],8,p)}}}),b="",a=(i,l)=>{const s=i.__vccOpts||i;for(const[c,t]of l)s[c]=t;return s},u=a(_,[["__scopeId","data-v-f0e2ff6b"]]),m=e.defineComponent({__name:"ui3n-emoji",props:{emoji:{},size:{},readonly:{type:Boolean}},emits:["click"],setup(i,{emit:l}){const s=i,c=e.ref(null),t=e.computed(()=>{const{emoji:o,size:d=16,readonly:y=!1}=s;return{emoji:o,size:d,readonly:y}});e.onMounted(()=>{c.value&&c.value.style.setProperty("--emoji-size",`${t.value.size}px`)});const r=o=>{o.stopImmediatePropagation(),l("click",o)};return(o,d)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"emojiElement",ref:c,class:["ui3n-emoji",{"ui3n-emoji--readonly":t.value.readonly}]},e.toHandlers(o.readonly?{}:{click:r},!0)),e.toDisplayString(o.emoji),17))}}),j="",f=a(m,[["__scopeId","data-v-a270b984"]]);n.Ui3nButton=u,n.Ui3nEmoji=f,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});