windly-ui 1.0.0 → 1.0.1

package/app/pages/index.vue

@@ -1,137 +0,0 @@
-<template>
-  <DocMegaSection 
-    title="Mini WYSIWYG Editor"
-    sub-title="Demonstrates advanced Vue reactivity, history tracking, and DOM syncing."
-    class="mx-4"
-  >
-    <DocComponent 
-      title="Reactive Editor with Undo/Redo"
-      caption="A minimal rich-text editor built using contenteditable and Vue's Composition API."
-    >
-      <div class="grid md:grid-cols-2 gap-6">
-        <div class="space-y-3">
-          <div class="flex gap-2">
-            <UIButton label="Undo" @click="undo" :disable="historyIndex <= 0" />
-            <UIButton label="Redo" @click="redo" :disable="historyIndex >= history.length - 1" />
-            <UIButton label="Clear" @click="clearEditor" color="red-400" />
-            <UIButton label="Copy HTML" @click="copyHTML" color="green-500" />
-          </div>
-
-          <div
-            ref="editorRef"
-            contenteditable
-            class="border rounded-md p-4 min-h-[200px] bg-white focus:outline-none"
-            @input="handleInput"
-          ></div>
-        </div>
-
-        <div>
-          <h4 class="font-semibold mb-2">Live HTML Output</h4>
-          <pre class="bg-gray-900 text-green-400 p-4 rounded-md text-sm overflow-auto">
-            {{ html }}
-          </pre>
-        </div>
-      </div>
-    </DocComponent>
-  </DocMegaSection>
-</template>
-<script setup>
-  import { ref, computed, onMounted, onUnmounted } from 'vue'
-
-const editorRef = ref(null)
-const html = ref("")
-
-const history = ref([""])
-const historyIndex = ref(0)
-
-const MAX_HISTORY = 30
-
-let isProgrammaticUpdate = false
-
-let debounceTimer = null
-const debounce = (fn, delay = 300) => {
-  clearTimeout(debounceTimer)
-  debounceTimer = setTimeout(fn, delay)
-}
-
-const handleInput = () => {
-  if (isProgrammaticUpdate) return
-
-  debounce(() => {
-    const value = editorRef.value.innerHTML
-
-    if (value === history.value[historyIndex.value]) return
-
-    history.value = history.value.slice(0, historyIndex.value + 1)
-
-    history.value.push(value)
-
-    if (history.value.length > MAX_HISTORY) {
-      history.value.shift() 
-    } else {
-      historyIndex.value++
-    }
-
-    historyIndex.value = history.value.length - 1
-
-    html.value = value
-  })
-}
-
-const updateEditorFromHistory = () => {
-  const value = history.value[historyIndex.value]
-
-  isProgrammaticUpdate = true
-
-  html.value = value
-  editorRef.value.innerHTML = value
-
-  setTimeout(() => {
-    isProgrammaticUpdate = false
-  }, 0)
-}
-
-const undo = () => {
-  if (historyIndex.value > 0) {
-    historyIndex.value--
-    updateEditorFromHistory()
-  }
-}
-
-const redo = () => {
-  if (historyIndex.value < history.value.length - 1) {
-    historyIndex.value++
-    updateEditorFromHistory()
-  }
-}
-
-const clearEditor = () => {
-  history.value = [""]
-  historyIndex.value = 0
-  updateEditorFromHistory()
-}
-
-const copyHTML = async () => {
-  await navigator.clipboard.writeText(html.value)
-}
-
-const handleKeydown = (e) => {
-  if (e.ctrlKey && e.key.toLowerCase() === "z") {
-    e.preventDefault()
-    undo()
-  }
-
-  if (e.ctrlKey && e.key.toLowerCase() === "y") {
-    e.preventDefault()
-    redo()
-  }
-}
-
-onMounted(() => {
-  window.addEventListener("keydown", handleKeydown)
-})
-
-onUnmounted(() => {
-  window.removeEventListener("keydown", handleKeydown)
-})
-</script>

package/nuxt.config.ts

@@ -1,19 +0,0 @@
-// https://nuxt.com/docs/api/configuration/nuxt-config
-import UiLibraryModule from './ui-library/module'
-
-export default defineNuxtConfig({
-  modules: ['@nuxtjs/tailwindcss', UiLibraryModule],
-  css: ['~/assets/css/tailwind.css'],
-  compatibilityDate: '2025-07-15',
-  devtools: { enabled: true },
-  app: {
-    head: {
-      link: [
-        {
-          rel: 'stylesheet',
-          href: 'https://fonts.googleapis.com/icon?family=Material+Icons'
-        }
-      ]
-    }
-  }
-})

package/public/robots.txt

@@ -1,2 +0,0 @@
-User-Agent: *
-Disallow:

package/tailwind.config.ts

@@ -1,28 +0,0 @@
-// tailwind.config.js
-export default {
-  content: [
-    './app/**/*.{vue,js,ts}',
-    './ui-library/components/**/*.{vue,js,ts}'
-  ],
-  safelist: [
-    'bg-white',
-    'text-white',
-    'border-white',
-    'ring-white',
-    'hover:bg-white',
-    'hover:text-white',
-    'bg-black',
-    'text-black',
-    'border-black',
-    'ring-black',
-    'hover:bg-black',
-    'hover:text-black',
-    {
-      pattern:
-        /(bg|text|border|ring|to|from)-(white|black|slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(50|100|200|300|400|500|600|700|800|900|950)?/,
-      variants: ['hover', 'focus', 'active']
-    }
-  ],
-  theme: { extend: {} },
-  plugins: []
-}

package/tsconfig.json

@@ -1,18 +0,0 @@
-{
-  // https://nuxt.com/docs/guide/concepts/typescript
-  "files": [],
-  "references": [
-    {
-      "path": "./.nuxt/tsconfig.app.json"
-    },
-    {
-      "path": "./.nuxt/tsconfig.server.json"
-    },
-    {
-      "path": "./.nuxt/tsconfig.shared.json"
-    },
-    {
-      "path": "./.nuxt/tsconfig.node.json"
-    }
-  ]
-}