zen-wdg 2.0.3 → 2.0.5

package/dist/zen-wdg.es.js

@@ -1,4 +1,5 @@
 import { createElementBlock, openBlock, createElementVNode, createTextVNode, toDisplayString, defineCustomElement } from "vue";
+const _style_0 = ".clock-container[data-v-e9445086]{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.clock[data-v-e9445086]{text-align:center;font-family:Arial,sans-serif;color:#333;background-color:#14141466;backdrop-filter:blur(.2rem);border-radius:15px;padding:20px;width:100%}.time[data-v-e9445086]{font-size:4em;font-weight:700;color:#fff;display:flex;justify-content:center}.date[data-v-e9445086]{font-size:1.2em;color:#fff;margin-top:10px}@media (max-width: 500px){.time[data-v-e9445086]{font-size:3em}.date[data-v-e9445086]{font-size:1em}}";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -7,7 +8,7 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 const _sfc_main = {
-  name: "DigitalClock",
+  name: "ZClockWidget",
   data() {
     return {
       hours: "00",
@@ -75,7 +76,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const ClockWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-dc4ab000"]]);
+const ClockWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["styles", [_style_0]], ["__scopeId", "data-v-e9445086"]]);
 const widgets = [
   { name: "z-clock-widget", component: defineCustomElement(ClockWidget) }
 ];

package/dist/zen-wdg.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Vue)}(this,function(e){"use strict";const t={class:"clock-container"},o={class:"clock"},n={class:"time"},s={class:"date"};const a=((e,t)=>{const o=e.__vccOpts||e;for(const[n,s]of t)o[n]=s;return o})({name:"DigitalClock",data:()=>({hours:"00",minutes:"00",seconds:"00",dayOfWeek:"",day:"",month:"",year:""}),mounted(){this.updateClock(),setInterval(this.updateClock,1e3)},methods:{updateClock(){const e=new Date;this.hours=e.getHours().toString().padStart(2,"0"),this.minutes=e.getMinutes().toString().padStart(2,"0"),this.seconds=e.getSeconds().toString().padStart(2,"0"),this.dayOfWeek=this.getDayOfWeek(e.getDay()),this.day=e.getDate(),this.month=this.getMonthName(e.getMonth()),this.year=e.getFullYear()},getDayOfWeek:e=>["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"][e],getMonthName:e=>["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"][e]}},[["render",function(a,i,r,c,l,d){return e.openBlock(),e.createElementBlock("div",t,[e.createElementVNode("div",o,[e.createElementVNode("div",n,[e.createElementVNode("span",null,e.toDisplayString(l.hours),1),i[0]||(i[0]=e.createTextVNode(":",-1)),e.createElementVNode("span",null,e.toDisplayString(l.minutes),1)]),e.createElementVNode("div",s,[e.createElementVNode("span",null,e.toDisplayString(l.dayOfWeek)+", "+e.toDisplayString(l.day)+" "+e.toDisplayString(l.month)+" "+e.toDisplayString(l.year),1)])])])}],["__scopeId","data-v-dc4ab000"]]);[{name:"z-clock-widget",component:e.defineCustomElement(a)}].forEach(({name:e,component:t})=>{customElements.get(e)||customElements.define(e,t)})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(require("vue")):"function"==typeof define&&define.amd?define(["vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).Vue)}(this,function(e){"use strict";const t={class:"clock-container"},o={class:"clock"},n={class:"time"},a={class:"date"};const i=((e,t)=>{const o=e.__vccOpts||e;for(const[n,a]of t)o[n]=a;return o})({name:"ZClockWidget",data:()=>({hours:"00",minutes:"00",seconds:"00",dayOfWeek:"",day:"",month:"",year:""}),mounted(){this.updateClock(),setInterval(this.updateClock,1e3)},methods:{updateClock(){const e=new Date;this.hours=e.getHours().toString().padStart(2,"0"),this.minutes=e.getMinutes().toString().padStart(2,"0"),this.seconds=e.getSeconds().toString().padStart(2,"0"),this.dayOfWeek=this.getDayOfWeek(e.getDay()),this.day=e.getDate(),this.month=this.getMonthName(e.getMonth()),this.year=e.getFullYear()},getDayOfWeek:e=>["Domingo","Lunes","Martes","Miércoles","Jueves","Viernes","Sábado"][e],getMonthName:e=>["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"][e]}},[["render",function(i,s,r,c,d,l){return e.openBlock(),e.createElementBlock("div",t,[e.createElementVNode("div",o,[e.createElementVNode("div",n,[e.createElementVNode("span",null,e.toDisplayString(d.hours),1),s[0]||(s[0]=e.createTextVNode(":",-1)),e.createElementVNode("span",null,e.toDisplayString(d.minutes),1)]),e.createElementVNode("div",a,[e.createElementVNode("span",null,e.toDisplayString(d.dayOfWeek)+", "+e.toDisplayString(d.day)+" "+e.toDisplayString(d.month)+" "+e.toDisplayString(d.year),1)])])])}],["styles",[".clock-container[data-v-e9445086]{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.clock[data-v-e9445086]{text-align:center;font-family:Arial,sans-serif;color:#333;background-color:#14141466;backdrop-filter:blur(.2rem);border-radius:15px;padding:20px;width:100%}.time[data-v-e9445086]{font-size:4em;font-weight:700;color:#fff;display:flex;justify-content:center}.date[data-v-e9445086]{font-size:1.2em;color:#fff;margin-top:10px}@media (max-width: 500px){.time[data-v-e9445086]{font-size:3em}.date[data-v-e9445086]{font-size:1em}}"]],["__scopeId","data-v-e9445086"]]);[{name:"z-clock-widget",component:e.defineCustomElement(i)}].forEach(({name:e,component:t})=>{customElements.get(e)||customElements.define(e,t)})});

package/package.json

@@ -1,24 +1,32 @@
 {
   "name": "zen-wdg",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "Minimal widget library for Gridstack-based newtab extensions",
   "main": "dist/zen-wdg.umd.js",
   "module": "dist/zen-wdg.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/zen-wdg.umd.js",
+      "import": "./dist/zen-wdg.es.js"
+    }
+  },
   "type": "module",
   "scripts": {
-    "build": "vite build",
+    "build": "vite build && tsc",
     "dev": "vite"
   },
   "author": "Im-Jota",
   "license": "AGPL-3.0",
   "devDependencies": {
-    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitejs/plugin-vue": "^6.0.0",
     "terser": "^5.43.1",
-    "vite": "^7.0.5"
+    "typescript": "^5.8.3",
+    "vite": "^6.0.0"
   },
   "files": [
     "dist/",
-    "index.js",
+    "src/index.js",
     "src/widgets/",
     "src/register.js",
     "AUTHORS.md"

package/src/index.js

@@ -0,0 +1 @@
+import './register.js'

package/src/widgets/z-clock-widget.vue

@@ -15,7 +15,7 @@
 
 <script>
 export default {
-  name: 'DigitalClock',
+  name: 'ZClockWidget',
   data() {
     return {
       hours: '00',

package/dist/zen-wdg.css

@@ -1 +0,0 @@
-.clock-container[data-v-dc4ab000]{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.clock[data-v-dc4ab000]{text-align:center;font-family:Arial,sans-serif;color:#333;background-color:#14141466;backdrop-filter:blur(.2rem);border-radius:15px;padding:20px;width:100%}.time[data-v-dc4ab000]{font-size:4em;font-weight:700;color:#fff;display:flex;justify-content:center}.date[data-v-dc4ab000]{font-size:1.2em;color:#fff;margin-top:10px}@media (max-width: 500px){.time[data-v-dc4ab000]{font-size:3em}.date[data-v-dc4ab000]{font-size:1em}}

package/index.js

@@ -1,14 +0,0 @@
-// src/index.js
-
-import { defineCustomElement } from 'vue'
-import ClockWidget from './widgets/z-clock-widget.vue'
-
-// Export como Web Component listo para registrar
-export const ZClockWidget = defineCustomElement(ClockWidget);
-
-// Opción extra: registro automático si alguien quiere usarlo como <z-clock-widget>
-export function registerAllWidgets() {
-  if (!customElements.get('z-clock-widget')) {
-    customElements.define('z-clock-widget', ZClockWidget);
-  }
-}