soon-ads 0.0.0 → 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export declare class SoonAdsPageProjects extends HTMLElement {
+    static observedAttributes: string[];
+    constructor();
+    update(): void;
+    attributeChangedCallback(name: any, oldValue: any, newValue: any): void;
+    connectedCallback(): void;
+}

package/{lib/index.ts → dist/index.js}

@@ -1,256 +1,249 @@
-export class SoonAdsPageProjects extends HTMLElement {
-  static observedAttributes = ["lang"]
-
-  constructor() {
-    super()
-  }
-  update() {
-    const zh = [
-      {
-        title: "soon-mock",
-        description: "一键生成增删查改, apifox本地化替代",
-        tags: ["数据持久化", "jwt授权", "接口级权限控制", "未mock接口可转发其他服务端"],
-        github: "https://github.com/leafio/soon-mock",
-      },
-      {
-        title: "soon-fetch",
-        description: "基于fetch,不到3K,axios替代",
-        tags: ["超时断开", "快速定义api方法", "解析rest url 参数"],
-        github: "https://github.com/leafio/soon-fetch",
-      },
-      {
-        title: "soon-i18n",
-        description: "react , vue , svelte , solid 均可使用的i18n库",
-        tags: ["不到3K", "ts智能提醒", "适配框架, 数据状态不丢失"],
-        github: "https://github.com/leafio/soon-i18n",
-      },
-      {
-        title: "react-vmodel",
-        description: "像v-model一样，简单、快捷地双向绑定",
-        tags: ["ts智能提醒", "兼容 antd 、material ui"],
-        github: "https://github.com/leafio/react-vmodel",
-      },
-      {
-        title: "soon-admin-vue3",
-        description: "vue3，完全 script setup 写成",
-        tags: ["多标签", "i18n", "table页模板", "支持mobile"],
-        github: "https://github.com/leafio/soon-admin-vue3",
-      },
-      {
-        title: "soon-admin-express",
-        description: "typescript，prisma",
-        tags: ["接口级权限管理", "与登录接口结合的图片验证码"],
-        github: "https://github.com/leafio/soon-admin-express",
-      },
-    ]
-    const en = [
-      {
-        title: "soon-mock",
-        description: "generate rest apis by just one press",
-        tags: ["data persistence ", "jwt", "api level auth", "url redirect"],
-        github: "https://github.com/leafio/soon-mock",
-      },
-      {
-        title: "soon-fetch",
-        description: "alternative for axios, based on fetch",
-        tags: ["timeout disconnect", "fast define api", "restful url parse"],
-        github: "https://github.com/leafio/soon-fetch",
-      },
-      {
-        title: "soon-i18n",
-        description: "i18n lib for react , vue , svelte , solid ...",
-        tags: ["less than 3K", "ts prompt", "state keeping"],
-        github: "https://github.com/leafio/soon-i18n",
-      },
-      {
-        title: "react-vmodel",
-        description: "like v-model, simple and fast two-way binding",
-        tags: ["ts prompt", "could use with antd 、material ui"],
-        github: "https://github.com/leafio/react-vmodel",
-      },
-      {
-        title: "soon-admin-vue3",
-        description: "vue3, totally written in script setup",
-        tags: ["multi-tabs", "i18n", "table page template", "support pc and mobile"],
-        github: "https://github.com/leafio/soon-admin-vue3",
-      },
-      {
-        title: "soon-admin-express",
-        description: "typescript，prisma",
-        tags: ["api level auth", " captcha combined login api"],
-        github: "https://github.com/leafio/soon-admin-express",
-      },
-    ]
-
-    const data = {
-      zh,
-      en,
-      ko: en,
-    }
-    const titles = { zh: "给个star,支持下吧", en: "Your star is important for me" }
-    let lang = this.getAttribute("lang") ?? "zh"
-    if (lang === 'ko') lang = 'en'
-    const projects = data[lang as keyof typeof data]
-    const title = titles[lang as keyof typeof titles]
-    this.innerHTML = `
-            <style>
-        
-        .container {
-            max-width: 1400px;
-            margin: 0 auto;
-            padding: 24px;
-        }
-        
-        .header {
-            margin-bottom: 24px;
-            text-align: center;
-        }
-        
-        .header h1 {
-            font-size: 2rem;
-            color: #1d1d1f;
-            margin-bottom: 8px;
-        }
-        
-        .projects-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
-            gap: 24px;
-        }
-        
-        .card {
-            background: white;
-            border-radius: 8px;
-            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
-            overflow: hidden;
-            transition: box-shadow 0.3s ease;
-            display:flex;
-            flex-direction: column;
-            justify-content: space-between;
-        }
-        
-        .card:hover {
-            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
-        }
-        
-        .card-header {
-            padding: 16px 24px;
-            border-bottom: 1px solid #eee;
-        }
-        
-        .card-title {
-            font-size: 1.5rem;
-            color: var(--soon-ads-primary-600, #8c57ff);
-            margin: 0;
-            font-weight: bold;
-        }
-        
-        .card-body {
-            padding: 16px 24px;
-        }
-        
-        .card-description {
-            margin: 12px 0;
-            color: #555;
-        }
-        
-        .tags-container {
-            margin: 16px 0;
-            display: flex;
-            flex-wrap: wrap;
-            gap: 8px;
-        }
-        
-        .tag {
-            background-color: var(--soon-ads-primary-100, #f4edff);
-            color: var(--soon-ads-primary-600, #8c57ff);
-            border: 1px solid var(--soon-ads-primary-600, #8c57ff);
-            padding: 4px 12px;
-            border-radius: 16px;
-            font-size: 0.8rem;
-        }
-        
-        .card-footer {
-            padding: 16px 24px;
-            border-top: 1px solid #eee;
-        }
-        
-        .github-link {
-            display: flex;
-            align-items: center;
-            color: #333;
-            text-decoration: none;
-            font-weight: 500;
-        }
-        
-        .github-link:hover {
-            var(--soon-ads-primary-600, #8c57ff)
-            text-decoration: underline;
-        }
-        
-        .github-icon {
-            margin-right: 8px;
-            width: 16px;
-            height: 16px;
-        }
-        
-        @media (max-width: 768px) {
-            .projects-grid {
-                grid-template-columns: 1fr;
-            }
-            
-            .container {
-                padding: 16px;
-            }
-        }
-    </style>
-   <div class="container">
-        <div class="header">
-            <h1>${title}</h1>
-        </div>
-        
-        <div class="projects-grid">
-        
- 
-            ${projects
-        .map(
-          (project) => `
-                <div class="card">
-                    <div class="card-header">
-                        <h3 class="card-title">${project.title}</h3>
-                    </div>
-                    <div class="card-body">
-                        <p class="card-description">${project.description}</p>
-                        <div class="tags-container">
-                            ${project.tags.map((tag) => `<span class="tag">${tag}</span>`).join("")}
-                            </div>
-                    </div>
-                    <div class="card-footer">
-                        <a href="${project.github}" target="_blank" class="github-link">
-                   <svg class="github-icon" viewBox="0 0 16 16" fill="currentColor">
-                            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
-                        </svg>
-                        ${project.github}
-                        </a>
-                    </div>
-                </div>
-                `,
-        )
-        .join("")}
-            
-    
-    
-        </div>
-    </div>
-        
-        `
-  }
-  attributeChangedCallback(name: any, oldValue: any, newValue: any) {
-    // console.log(`属性 ${name} 已由 ${oldValue} 变更为 ${newValue}。`)
-    this.update()
-  }
-  connectedCallback() {
-    // console.log("组件已挂载", this, this.lang)
-    this.update()
-  }
-}
+class c extends HTMLElement {
+  static observedAttributes = ["lang"];
+  constructor() {
+    super();
+  }
+  update() {
+    const o = [
+      {
+        title: "soon-mock",
+        description: "一键生成增删查改, apifox本地化替代",
+        tags: ["数据持久化", "jwt授权", "接口级权限控制", "未mock接口可转发其他服务端"],
+        github: "https://github.com/leafio/soon-mock"
+      },
+      {
+        title: "soon-fetch",
+        description: "基于fetch,不到3K,axios替代",
+        tags: ["超时断开", "快速定义api方法", "解析rest url 参数"],
+        github: "https://github.com/leafio/soon-fetch"
+      },
+      {
+        title: "soon-i18n",
+        description: "react , vue , svelte , solid 均可使用的i18n库",
+        tags: ["不到3K", "ts智能提醒", "适配框架, 数据状态不丢失"],
+        github: "https://github.com/leafio/soon-i18n"
+      },
+      {
+        title: "react-vmodel",
+        description: "像v-model一样，简单、快捷地双向绑定",
+        tags: ["ts智能提醒", "兼容 antd 、material ui"],
+        github: "https://github.com/leafio/react-vmodel"
+      },
+      {
+        title: "soon-admin-vue3",
+        description: "vue3，完全 script setup 写成",
+        tags: ["多标签", "i18n", "table页模板", "支持mobile"],
+        github: "https://github.com/leafio/soon-admin-vue3"
+      },
+      {
+        title: "soon-admin-express",
+        description: "typescript，prisma",
+        tags: ["接口级权限管理", "与登录接口结合的图片验证码"],
+        github: "https://github.com/leafio/soon-admin-express"
+      }
+    ], e = [
+      {
+        title: "soon-mock",
+        description: "generate rest apis by just one press",
+        tags: ["data persistence ", "jwt", "api level auth", "url redirect"],
+        github: "https://github.com/leafio/soon-mock"
+      },
+      {
+        title: "soon-fetch",
+        description: "alternative for axios, based on fetch",
+        tags: ["timeout disconnect", "fast define api", "restful url parse"],
+        github: "https://github.com/leafio/soon-fetch"
+      },
+      {
+        title: "soon-i18n",
+        description: "i18n lib for react , vue , svelte , solid ...",
+        tags: ["less than 3K", "ts prompt", "state keeping"],
+        github: "https://github.com/leafio/soon-i18n"
+      },
+      {
+        title: "react-vmodel",
+        description: "like v-model, simple and fast two-way binding",
+        tags: ["ts prompt", "could use with antd 、material ui"],
+        github: "https://github.com/leafio/react-vmodel"
+      },
+      {
+        title: "soon-admin-vue3",
+        description: "vue3, totally written in script setup",
+        tags: ["multi-tabs", "i18n", "table page template", "support pc and mobile"],
+        github: "https://github.com/leafio/soon-admin-vue3"
+      },
+      {
+        title: "soon-admin-express",
+        description: "typescript，prisma",
+        tags: ["api level auth", " captcha combined login api"],
+        github: "https://github.com/leafio/soon-admin-express"
+      }
+    ], a = {
+      zh: o,
+      en: e,
+      ko: e
+    }, s = { zh: "给个star,支持下吧", en: "Your star is important for me" };
+    let i = this.getAttribute("lang") ?? "zh";
+    i === "ko" && (i = "en");
+    const r = a[i], n = s[i];
+    this.innerHTML = `
+            <style>
+        
+        .container {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 24px;
+        }
+        
+        .header {
+            margin-bottom: 24px;
+            text-align: center;
+        }
+        
+        .header h1 {
+            font-size: 2rem;
+            color: #1d1d1f;
+            margin-bottom: 8px;
+        }
+        
+        .projects-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
+            gap: 24px;
+        }
+        
+        .card {
+            background: white;
+            border-radius: 8px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+            overflow: hidden;
+            transition: box-shadow 0.3s ease;
+            display:flex;
+            flex-direction: column;
+            justify-content: space-between;
+        }
+        
+        .card:hover {
+            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+        }
+        
+        .card-header {
+            padding: 16px 24px;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .card-title {
+            font-size: 1.5rem;
+            color: var(--soon-ads-primary-600, #8c57ff);
+            margin: 0;
+            font-weight: bold;
+        }
+        
+        .card-body {
+            padding: 16px 24px;
+        }
+        
+        .card-description {
+            margin: 12px 0;
+            color: #555;
+        }
+        
+        .tags-container {
+            margin: 16px 0;
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+        }
+        
+        .tag {
+            background-color: var(--soon-ads-primary-100, #f4edff);
+            color: var(--soon-ads-primary-600, #8c57ff);
+            border: 1px solid var(--soon-ads-primary-600, #8c57ff);
+            padding: 4px 12px;
+            border-radius: 16px;
+            font-size: 0.8rem;
+        }
+        
+        .card-footer {
+            padding: 16px 24px;
+            border-top: 1px solid #eee;
+        }
+        
+        .github-link {
+            display: flex;
+            align-items: center;
+            color: #333;
+            text-decoration: none;
+            font-weight: 500;
+        }
+        
+        .github-link:hover {
+            var(--soon-ads-primary-600, #8c57ff)
+            text-decoration: underline;
+        }
+        
+        .github-icon {
+            margin-right: 8px;
+            width: 16px;
+            height: 16px;
+        }
+        
+        @media (max-width: 768px) {
+            .projects-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .container {
+                padding: 16px;
+            }
+        }
+    </style>
+   <div class="container">
+        <div class="header">
+            <h1>${n}</h1>
+        </div>
+        
+        <div class="projects-grid">
+        
+ 
+            ${r.map(
+      (t) => `
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title">${t.title}</h3>
+                    </div>
+                    <div class="card-body">
+                        <p class="card-description">${t.description}</p>
+                        <div class="tags-container">
+                            ${t.tags.map((d) => `<span class="tag">${d}</span>`).join("")}
+                            </div>
+                    </div>
+                    <div class="card-footer">
+                        <a href="${t.github}" target="_blank" class="github-link">
+                   <svg class="github-icon" viewBox="0 0 16 16" fill="currentColor">
+                            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+                        </svg>
+                        ${t.github}
+                        </a>
+                    </div>
+                </div>
+                `
+    ).join("")}
+            
+    
+    
+        </div>
+    </div>
+        
+        `;
+  }
+  attributeChangedCallback(o, e, a) {
+    this.update();
+  }
+  connectedCallback() {
+    this.update();
+  }
+}
+export {
+  c as SoonAdsPageProjects
+};

package/dist/index.umd.cjs

@@ -0,0 +1,148 @@
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports):typeof define=="function"&&define.amd?define(["exports"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.index={}))})(this,(function(t){"use strict";class e extends HTMLElement{static observedAttributes=["lang"];constructor(){super()}update(){const s=[{title:"soon-mock",description:"一键生成增删查改, apifox本地化替代",tags:["数据持久化","jwt授权","接口级权限控制","未mock接口可转发其他服务端"],github:"https://github.com/leafio/soon-mock"},{title:"soon-fetch",description:"基于fetch,不到3K,axios替代",tags:["超时断开","快速定义api方法","解析rest url 参数"],github:"https://github.com/leafio/soon-fetch"},{title:"soon-i18n",description:"react , vue , svelte , solid 均可使用的i18n库",tags:["不到3K","ts智能提醒","适配框架, 数据状态不丢失"],github:"https://github.com/leafio/soon-i18n"},{title:"react-vmodel",description:"像v-model一样，简单、快捷地双向绑定",tags:["ts智能提醒","兼容 antd 、material ui"],github:"https://github.com/leafio/react-vmodel"},{title:"soon-admin-vue3",description:"vue3，完全 script setup 写成",tags:["多标签","i18n","table页模板","支持mobile"],github:"https://github.com/leafio/soon-admin-vue3"},{title:"soon-admin-express",description:"typescript，prisma",tags:["接口级权限管理","与登录接口结合的图片验证码"],github:"https://github.com/leafio/soon-admin-express"}],a=[{title:"soon-mock",description:"generate rest apis by just one press",tags:["data persistence ","jwt","api level auth","url redirect"],github:"https://github.com/leafio/soon-mock"},{title:"soon-fetch",description:"alternative for axios, based on fetch",tags:["timeout disconnect","fast define api","restful url parse"],github:"https://github.com/leafio/soon-fetch"},{title:"soon-i18n",description:"i18n lib for react , vue , svelte , solid ...",tags:["less than 3K","ts prompt","state keeping"],github:"https://github.com/leafio/soon-i18n"},{title:"react-vmodel",description:"like v-model, simple and fast two-way binding",tags:["ts prompt","could use with antd 、material ui"],github:"https://github.com/leafio/react-vmodel"},{title:"soon-admin-vue3",description:"vue3, totally written in script setup",tags:["multi-tabs","i18n","table page template","support pc and mobile"],github:"https://github.com/leafio/soon-admin-vue3"},{title:"soon-admin-express",description:"typescript，prisma",tags:["api level auth"," captcha combined login api"],github:"https://github.com/leafio/soon-admin-express"}],n={zh:s,en:a,ko:a},r={zh:"给个star,支持下吧",en:"Your star is important for me"};let o=this.getAttribute("lang")??"zh";o==="ko"&&(o="en");const d=n[o],p=r[o];this.innerHTML=`
+            <style>
+        
+        .container {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 24px;
+        }
+        
+        .header {
+            margin-bottom: 24px;
+            text-align: center;
+        }
+        
+        .header h1 {
+            font-size: 2rem;
+            color: #1d1d1f;
+            margin-bottom: 8px;
+        }
+        
+        .projects-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
+            gap: 24px;
+        }
+        
+        .card {
+            background: white;
+            border-radius: 8px;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+            overflow: hidden;
+            transition: box-shadow 0.3s ease;
+            display:flex;
+            flex-direction: column;
+            justify-content: space-between;
+        }
+        
+        .card:hover {
+            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+        }
+        
+        .card-header {
+            padding: 16px 24px;
+            border-bottom: 1px solid #eee;
+        }
+        
+        .card-title {
+            font-size: 1.5rem;
+            color: var(--soon-ads-primary-600, #8c57ff);
+            margin: 0;
+            font-weight: bold;
+        }
+        
+        .card-body {
+            padding: 16px 24px;
+        }
+        
+        .card-description {
+            margin: 12px 0;
+            color: #555;
+        }
+        
+        .tags-container {
+            margin: 16px 0;
+            display: flex;
+            flex-wrap: wrap;
+            gap: 8px;
+        }
+        
+        .tag {
+            background-color: var(--soon-ads-primary-100, #f4edff);
+            color: var(--soon-ads-primary-600, #8c57ff);
+            border: 1px solid var(--soon-ads-primary-600, #8c57ff);
+            padding: 4px 12px;
+            border-radius: 16px;
+            font-size: 0.8rem;
+        }
+        
+        .card-footer {
+            padding: 16px 24px;
+            border-top: 1px solid #eee;
+        }
+        
+        .github-link {
+            display: flex;
+            align-items: center;
+            color: #333;
+            text-decoration: none;
+            font-weight: 500;
+        }
+        
+        .github-link:hover {
+            var(--soon-ads-primary-600, #8c57ff)
+            text-decoration: underline;
+        }
+        
+        .github-icon {
+            margin-right: 8px;
+            width: 16px;
+            height: 16px;
+        }
+        
+        @media (max-width: 768px) {
+            .projects-grid {
+                grid-template-columns: 1fr;
+            }
+            
+            .container {
+                padding: 16px;
+            }
+        }
+    </style>
+   <div class="container">
+        <div class="header">
+            <h1>${p}</h1>
+        </div>
+        
+        <div class="projects-grid">
+        
+ 
+            ${d.map(i=>`
+                <div class="card">
+                    <div class="card-header">
+                        <h3 class="card-title">${i.title}</h3>
+                    </div>
+                    <div class="card-body">
+                        <p class="card-description">${i.description}</p>
+                        <div class="tags-container">
+                            ${i.tags.map(c=>`<span class="tag">${c}</span>`).join("")}
+                            </div>
+                    </div>
+                    <div class="card-footer">
+                        <a href="${i.github}" target="_blank" class="github-link">
+                   <svg class="github-icon" viewBox="0 0 16 16" fill="currentColor">
+                            <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
+                        </svg>
+                        ${i.github}
+                        </a>
+                    </div>
+                </div>
+                `).join("")}
+            
+    
+    
+        </div>
+    </div>
+        
+        `}attributeChangedCallback(s,a,n){this.update()}connectedCallback(){this.update()}}t.SoonAdsPageProjects=e,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,11 +1,22 @@
 {
   "name": "soon-ads",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
     "preview": "vite preview"
+  },
+    "files": [
+    "dist"
+  ],
+  "main": "./dist/index.umd.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "types": "./index.d.ts",
+    "import": "./dist/index.js",
+    "require": "./dist/index.umd.cjs"
   },
   "devDependencies": {
     "@types/node": "^25.0.9",

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>soon-ads</title>
-  </head>
-  <body>
-    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
-  </body>
-</html>

package/src/counter.ts

@@ -1,9 +0,0 @@
-export function setupCounter(element: HTMLButtonElement) {
-  let counter = 0
-  const setCounter = (count: number) => {
-    counter = count
-    element.innerHTML = `count is ${counter}`
-  }
-  element.addEventListener('click', () => setCounter(counter + 1))
-  setCounter(0)
-}

package/src/main.ts

@@ -1,24 +0,0 @@
-import './style.css'
-import typescriptLogo from './typescript.svg'
-import viteLogo from '/vite.svg'
-import { setupCounter } from './counter.ts'
-
-document.querySelector<HTMLDivElement>('#app')!.innerHTML = `
-  <div>
-    <a href="https://vite.dev" target="_blank">
-      <img src="${viteLogo}" class="logo" alt="Vite logo" />
-    </a>
-    <a href="https://www.typescriptlang.org/" target="_blank">
-      <img src="${typescriptLogo}" class="logo vanilla" alt="TypeScript logo" />
-    </a>
-    <h1>Vite + TypeScript</h1>
-    <div class="card">
-      <button id="counter" type="button"></button>
-    </div>
-    <p class="read-the-docs">
-      Click on the Vite and TypeScript logos to learn more
-    </p>
-  </div>
-`
-
-setupCounter(document.querySelector<HTMLButtonElement>('#counter')!)

package/src/style.css

@@ -1,96 +0,0 @@
-:root {
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-#app {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.vanilla:hover {
-  filter: drop-shadow(0 0 2em #3178c6aa);
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

package/src/typescript.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="#007ACC" d="M0 128v128h256V0H0z"></path><path fill="#FFF" d="m56.612 128.85l-.081 10.483h33.32v94.68h23.568v-94.68h33.321v-10.28c0-5.69-.122-10.444-.284-10.566c-.122-.162-20.4-.244-44.983-.203l-44.74.122l-.121 10.443Zm149.955-10.742c6.501 1.625 11.459 4.51 16.01 9.224c2.357 2.52 5.851 7.111 6.136 8.208c.08.325-11.053 7.802-17.798 11.988c-.244.162-1.22-.894-2.317-2.52c-3.291-4.795-6.745-6.867-12.028-7.233c-7.76-.528-12.759 3.535-12.718 10.321c0 1.992.284 3.17 1.097 4.795c1.707 3.536 4.876 5.649 14.832 9.956c18.326 7.883 26.168 13.084 31.045 20.48c5.445 8.249 6.664 21.415 2.966 31.208c-4.063 10.646-14.14 17.879-28.323 20.276c-4.388.772-14.79.65-19.504-.203c-10.28-1.828-20.033-6.908-26.047-13.572c-2.357-2.6-6.949-9.387-6.664-9.874c.122-.163 1.178-.813 2.356-1.504c1.138-.65 5.446-3.129 9.509-5.485l7.355-4.267l1.544 2.276c2.154 3.29 6.867 7.801 9.712 9.305c8.167 4.307 19.383 3.698 24.909-1.26c2.357-2.153 3.332-4.388 3.332-7.68c0-2.966-.366-4.266-1.91-6.501c-1.99-2.845-6.054-5.242-17.595-10.24c-13.206-5.69-18.895-9.224-24.096-14.832c-3.007-3.25-5.852-8.452-7.03-12.8c-.975-3.617-1.22-12.678-.447-16.335c2.723-12.76 12.353-21.659 26.25-24.3c4.51-.853 14.994-.528 19.424.569Z"></path></svg>

package/tsconfig.build.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["lib"]
-}

package/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "module": "ESNext",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

package/vite.config.ts

@@ -1,18 +0,0 @@
-/// <reference types="vitest" />
-import { defineConfig } from 'vite'
-
-import dts from 'vite-plugin-dts'
-import { resolve } from 'path'
-
-export default defineConfig({
-
-  build: {
-    lib: {
-      entry: resolve(__dirname, 'lib/index.ts'),
-      name: 'index',
-      fileName: 'index',
-    },
-  }, plugins: [
-    dts({ tsconfigPath: './tsconfig.build.json' })
-  ],
-})