@timus-networks/theme 2.0.0 → 2.0.1

package/dist/runtime/server/tsconfig.json

@@ -0,0 +1,6 @@
+{
+  "extends": "../../../../../../.nuxt/tsconfig.server.json",
+  "include": [
+    "../../module/runtime/server"
+  ]
+}

package/dist/runtime/types.d.ts

@@ -0,0 +1,40 @@
+import '@timus-networks/element-plus';
+import '@nuxt/schema';
+
+declare module '@timus-networks/element-plus/es/constants' {
+  export const componentSizes: readonly string[];
+  export type ComponentSize = (typeof componentSizes)[number];
+
+  export const componentSizeMap: Readonly<
+    | componentSizes
+    | {
+        medium: number;
+        mini: number;
+        huge: number;
+        [key: string]: number;
+      }
+  >;
+}
+
+declare module '@timus-networks/element-plus' {
+  export type ThemeSize = typeof import('element-plus/es/constants').componentSizeMap;
+}
+
+declare module '@timus-networks/element-plus/es/utils' {
+  export interface EpPropMergeType<T, U, V> extends T {}
+}
+
+declare module '@timus-networks/element-plus' {
+  export type ButtonType = (typeof buttonTypes)[number];
+  export type ExtendedComponentSize = ComponentSize | 'medium' | 'mini' | 'huge';
+  export type ExtendedButtonType = ButtonType | 'secondary' | 'neutral';
+
+  export interface ButtonProps {
+    type: ExtendedButtonType;
+    size?: ExtendedComponentSize;
+  }
+
+  export interface InputProps {
+    size?: ExtendedComponentSize;
+  }
+}

package/dist/types.d.mts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module.js'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { type MyModuleOptions, default } from './module.js'

package/dist/types.d.ts

@@ -0,0 +1,7 @@
+import type { NuxtModule } from '@nuxt/schema'
+
+import type { default as Module } from './module'
+
+export type ModuleOptions = typeof Module extends NuxtModule<infer O> ? Partial<O> : Record<string, any>
+
+export { type MyModuleOptions, default } from './module'

package/package.json

@@ -1,20 +1,36 @@
 {
   "name": "@timus-networks/theme",
-  "version": "2.0.0",
-  "description": "Nuxt module for Iconsax icons",
-  "main": "module.ts",
+  "version": "2.0.1",
+  "description": "A comprehensive Nuxt.js module providing a tailored theme experience with integrated TailwindCSS support for applications.",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "test:types": "vue-tsc --noEmit",
     "lint:prettier": "npx prettier --write --list-different \"{**/*.js,**/*.vue,**/*.scss,!(node*)**/*.js}\"",
     "lint:eslint": "eslint --ext \".js,.ts,.vue,.json\" .",
     "lint:stylelint": "stylelint \"**/*.{scss,sass,html,vue}\"",
     "fix": "npm run lint:prettier && npm run lint:eslint -- --fix && npm run lint:stylelint -- --fix",
-    "prepack": "npm run fix && node generate-icon.js",
-    "pub": "npm publish --access restricted"
+    "pub": "npm publish",
+    "sass": "node generate-sass.js",
+    "prepack": "nuxt-module-build build",
+    "release": "npm run prepack && changelogen --release && npm run pub && git push --follow-tags"
   },
   "repository": {
     "type": "git",
-    "url": "https://bitbucket.org/timus-networks/nuxt-library.git"
+    "url": "https://bitbucket.org/timus-networks/timus.modules.git"
   },
   "keywords": [
     "nuxt",
@@ -23,8 +39,8 @@
     "component",
     "vue",
     "vue3",
-    "icon",
-    "iconsax"
+    "theme",
+    "tailwind"
   ],
   "peerDependencies": {
     "vue": "^3.x"
@@ -32,11 +48,12 @@
   "author": "Serkan Konakcı<serkan.konakci@timusnetworks.com>",
   "license": "MIT",
   "dependencies": {
-    "@nuxtjs/tailwindcss": "*",
-    "tailwindcss": "*"
+    "@nuxt/kit": "*",
+    "tailwindcss": "*",
+    "vue-tsc": "^2.0.29"
   },
   "devDependencies": {
-    "glob": "*",
+    "changelogen": "^0.5.5",
     "sass": "*",
     "sass-loader": "*"
   }

package/components/TimusIcons.vue

@@ -1,54 +0,0 @@
-<template>
-  <el-input v-model="search" placeholder="Search..." clearable class="my-4" />
-  <div class="grid sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-6 gap-4">
-    <template v-for="(item, index) in filter" :key="index">
-      <div :class="`icon flex flex-col items-center justify-center !gap-4 bg-white border border-gray-200 rounded-md h-32 text-3xl [&::before]:!font-light [&::before]:text-gray-800 isax-${item}`">
-        <span class="text-xs">isax-{{ item }}</span>
-      </div>
-    </template>
-  </div>
-</template>
-
-<script>
-  export default defineComponent({
-    name: 'TimusIcons',
-    props: {
-      icons: {
-        default: () => [],
-        type: Array,
-      },
-    },
-    data() {
-      return {
-        search: '',
-        class: 'container class',
-      };
-    },
-    computed: {
-      filter() {
-        return this.icons.filter((item) => item.includes(this.search));
-      },
-    },
-  });
-</script>
-
-<style scoped>
-  .icon {
-    color: var(--gray-500);
-
-    &::before {
-      transition: all 0.4s;
-    }
-
-    &:hover {
-      background-color: var(--primary-500);
-      color: #ffffff;
-      transition: all 0.4s;
-
-      &::before {
-        color: #ffffff;
-        transition: all 0.4s;
-      }
-    }
-  }
-</style>

package/generate-icon.js

@@ -1,22 +0,0 @@
-const fs = require('fs');
-// SVG dosyasının yolunu belirtin
-const svgFilePath = './public/isax/fonts/iconsax.svg';
-// SVG dosyasını oku
-const svgContent = fs.readFileSync(svgFilePath, 'utf-8');
-// `glyph-name` özelliklerini çıkar
-const glyphNames = [];
-const glyphNameRegex = /glyph-name="([^"]+)"/g;
-let match;
-
-while ((match = glyphNameRegex.exec(svgContent)) !== null) {
-  glyphNames.push(match[1]);
-}
-
-// JSON olarak dışa aktar
-const outputFilePath = './public/isax/icons.json';
-let outputContent = `{ "data": ${JSON.stringify(glyphNames, null, 2)}}\n`;
-
-// Dışa aktarma dosyasını yaz
-fs.writeFileSync(outputFilePath, outputContent, 'utf-8');
-
-console.log('icon.json dosyası, glyph adlarının listesiyle oluşturuldu.');

package/module.ts

@@ -1,84 +0,0 @@
-// modules/my-module.ts
-import { defineNuxtModule } from '@nuxt/kit';
-import { readdirSync } from 'fs';
-import { addComponent, addPlugin, createResolver } from 'nuxt/kit';
-import { join, parse, resolve } from 'path';
-
-import PackageJson from './package.json';
-
-export default defineNuxtModule({
-  meta: {
-    name: PackageJson.name,
-    configKey: 'theme',
-  },
-  hooks: {
-    'pages:extend': (pages) => {
-      const resolver = createResolver(import.meta.url);
-
-      pages.push({
-        name: 'icons',
-        path: '/icons',
-        mode: 'client',
-        file: resolver.resolve('./pages/icons.vue'),
-      });
-    },
-    'nitro:config': async (nitroConfig) => {
-      nitroConfig.publicAssets ||= [];
-      nitroConfig.publicAssets.push({
-        dir: resolve(__dirname, './public'),
-        maxAge: 60 * 60 * 24 * 365, // 1 year
-      });
-    },
-  },
-  setup(options, nuxt) {
-    const resolver = createResolver(import.meta.url);
-
-    // Modülünüzün kurulumu burada yapılır
-    console.info(`'${PackageJson.name}' has been loaded with options:`, options);
-
-    options = {
-      ...options,
-      module: PackageJson.name, // bu external olarak nuxt.config içerisinde tanımlanan değer '@timus-networks/table' olarak direk json'daki
-      version: PackageJson.version,
-      client: options.client ? 'client' : 'server',
-    };
-
-    // Bileşenleri otomatik olarak dahil etme
-    const components_dir_list = ['components'];
-    const addComponentFromFolder = (folder: string, mode: 'client' | 'server' | 'all') => {
-      const path = resolve(__dirname, folder);
-      const files = readdirSync(path);
-
-      files.forEach((file) => {
-        const { name } = parse(file);
-
-        addComponent({
-          name: join(name),
-          filePath: resolve(path, file),
-          mode,
-        });
-      });
-    };
-
-    components_dir_list.forEach((folder) => {
-      addComponentFromFolder(folder, options.client);
-    });
-
-    // Örnek olarak, bir plugin ekleyelim
-    addPlugin(resolver.resolve('./plugins/sample-plugin.ts'));
-
-    /**
-    // Örnek olarak, bir page ekleyelim. Ama bunu hooks altına aldım. Orada olmasını tavsiye ediyor dokuman.
-    // https://nuxt.com/docs/guide/going-further/modules burada "However, we do not recommend" bunu arat
-    nuxt.hook('pages:extend', (pages) => {
-      pages.push({
-        name: 'icons',
-        path: '/icons',
-        file: resolver.resolve('./pages/icons.vue'),
-      });
-    });
-     */
-
-    nuxt.options.css.push(resolver.resolve('./public/isax/style.scss'));
-  },
-});

package/pages/icons.vue

@@ -1,46 +0,0 @@
-<template>
-  <div class="flex flex-col gap-4">
-    <div class="text-gray-800 text-4xl">{{ icons?.length }} icons</div>
-    <p class="text-gray-500 !text-lg font-light">Iconsax icons designed to make your website or app attractive, visually consistent and simply beautiful (https://vuesax.com/).</p>
-    <timus-icons ref="iconsRef" :icons="icons" />
-  </div>
-</template>
-
-<script setup>
-  definePageMeta({
-    layout: 'modules',
-    validate: async (route) =>
-      // Check if the id is made up of digits
-      true || (typeof route.params.id === 'string' && /^\d+$/.test(route.params.id)),
-  });
-  useHead({
-    title: 'Timus Modules Manager',
-    meta: [{ name: 'description', content: 'My amazing site.' }],
-    bodyAttrs: { class: 'test' },
-    script: [{ innerHTML: "console.log('Hello world')" }],
-  });
-</script>
-
-<script>
-  export default {
-    data() {
-      return {
-        icons: [],
-      };
-    },
-    mounted() {
-      this.getIcons();
-    },
-    methods: {
-      async getIcons() {
-        try {
-          const response = await $fetch('/isax/icons.json');
-
-          this.icons = response.data;
-        } catch (error) {
-          console.error('Fetch Error:', error);
-        }
-      },
-    },
-  };
-</script>

package/plugins/sample-plugin.ts

@@ -1,5 +0,0 @@
-import { defineNuxtPlugin } from 'nuxt/app';
-
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.provide('sample', () => {console.log('sample plugins');}); // compositionAPI ile kullanmak için ekliyorum
-});