@iftc/yete 0.0.1-alpha.1 → 0.0.1-alpha.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) IFTC 2020-2026
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,39 @@
+# Yete
+
+Yete 是一个轻量级、可扩展的 Web 框架。使用 Dexie 库操作 IndexedDB，将资源文件缓存到浏览器中，并支持离线访问。
+开发文档：https://iftc.koyeb.app/docs/yete
+
+## 快速开始
+
+1. 下载 Yete CLI：
+   - [Windows x64](https://dbmp-xbgmorqeur6oh81z.database.nocode.cn/storage/v1/object/public/files/yete.exe "yete.exe")
+   - [Linux arm64](https://dbmp-xbgmorqeur6oh81z.database.nocode.cn/storage/v1/object/public/files/yete "yete")
+   - [CLI源文件(其他操作系统请自行编译或直接使用 Txiki.js 运行)](https://dbmp-xbgmorqeur6oh81z.database.nocode.cn/storage/v1/object/public/files/yete.zip "yete.zip")
+
+2. 创建并构建项目：
+
+```bash
+yete init <project-name>
+cd <project-name>
+npm i
+yete build && yete serve
+```
+
+3. 访问项目：
+   浏览器访问 http://localhost:12345
+
+## 贡献
+
+欢迎任何形式的贡献，如提交 PR、提交 Issue、提交文档、提交翻译、提交代码片段。
+
+## 许可证
+
+[MIT](https://github.com/IFTC-XLKJ/Yete/blob/main/LICENSE)
+
+## 联系作者
+
+- 邮箱：iftcceo@139.com 或 iftcceo@gmail.com
+- 社区：https://discord.gg/dWWaUjVWv6
+- 官网：https://iftc.koyeb.app/
+- 仓库：https://github.com/IFTC-XLKJ/yete
+- 官方文档：https://iftc.koyeb.app/docs/yete

package/index.js

@@ -1,14 +1,33 @@
+const { add } = require("dexie");
+
+/**
+ * 自定义错误类
+ */
 class YeteError extends Error {
+    /**
+     * 构造函数
+     * @param {String} message 错误信息
+     */
     constructor(message) {
         super(message);
         this.name = 'YeteError';
     }
 }
-
+/**
+ * 页面基类
+ */
 class Page {
+    /**
+     * 构造函数
+     * @param {String} name 
+     */
     constructor(name) {
         this.name = name;
     }
+    /**
+     * 渲染页面
+     * @returns {HTMLElement}
+     */
     render() {
         return document.createElement('div', { className: 'page' }, this.name);
     }
@@ -16,6 +35,7 @@ class Page {
 
 const pages = [];
 const routes = [];
+const events = [];
 
 const obj = {
     /**
@@ -96,6 +116,21 @@ const obj = {
             document.head.appendChild(link);
         });
     },
+    /**
+     * 加载 JS 文件
+     * @param {String} scriptPath 
+     */
+    loadScript: async function (scriptPath) {
+        return new Promise(async (resolve, reject) => {
+            const script = document.createElement('script');
+            script.type = 'text/javascript';
+            const scriptFile = await YeteDB.files.get({ name: scriptPath });
+            script.src = URL.createObjectURL(scriptFile.blob);
+            script.onload = resolve;
+            script.onerror = reject;
+            document.body.appendChild(script);
+        });
+    },
     /**
      * 跳转到指定页面
      * @param {String} path 
@@ -107,20 +142,114 @@ const obj = {
         if (page) {
             document.body.innerHTML = "";
             document.body.appendChild(page.page);
+            obj.emit('page-change', new obj.YeteEvent("page-change", { path, isNotFound: false }));
         } else {
             document.body.innerHTML = "<center><h1>404 Not Found</h1><p>Power By Yete</p></center>";
+            obj.emit('page-change', new obj.YeteEvent("page-change", { path, isNotFound: true }));
             throw new YeteError("The page not found.");
         }
-    }
+    },
+    /**
+     * 创建 UI 元素
+     * @param {String} tag 
+     * @param {Object} options 
+     * @returns {HTMLElement}
+     */
+    newElement: function (tag, options = {}) {
+        if (!UIElements[tag]) {
+            throw new YeteError(`The element ${tag} not found.`);
+        }
+        const element = document.createElement(UIElements[tag].html);
+        const style = UIElements[tag].style;
+        if (style) {
+            for (const key in style) {
+                element.style[key] = style[key];
+            }
+        }
+        for (const key in options) {
+            element[key] = options[key];
+        }
+        return element;
+    },
+    /**
+     * 添加事件监听器
+     * @param {String} type 
+     * @param {Function} listener 
+     */
+    addEventListener: function (type, listener) {
+        events.push({ type, listener });
+    },
+    /**
+     * 移除事件监听器
+     * @param {String} type 
+     * @param {Function} listener 
+     */
+    removeEventListener: function (type, listener) {
+        const index = events.findIndex(e => e.type === type && e.listener === listener);
+        if (index !== -1) {
+            events.splice(index, 1);
+        }
+    },
+    /**
+     * 派发事件
+     * @param {String} type 
+     * @param {Object} event 
+     */
+    dispatchEvent: function (type, event) {
+        events.forEach(e => {
+            if (e.type === type) {
+                e.listener(event);
+            }
+        });
+    },
+    /**
+     * 创建事件
+     */
+    YeteEvent: class extends Event {
+        /**
+         * 构造函数
+         * @param {String} type 
+         * @param {Object} options 
+         */
+        constructor(type, options) {
+            super(type, { bubbles: true, cancelable: true });
+            for (const key in options) {
+                this[key] = options[key];
+            }
+        }
+    },
 };
 
+/**
+ * 添加事件监听器
+ * @param {String} type 
+ * @param {Function} listener 
+ */
+obj.on = obj.addEventListener;
+/**
+ * 移除事件监听器
+ * @param {String} type 
+ * @param {Function} listener 
+ */
+obj.off = obj.removeEventListener;
+/**
+ * 派发事件
+ * @param {String} type 
+ * @param {Object} event 
+ */
+obj.emit = obj.dispatchEvent;
+
 // 监听 hashchange 事件，实现页面跳转
 window.addEventListener('hashchange', () => {
     const path = location.hash.slice(1) || '/';
     obj.toPage(path);
 });
 
-
+/**
+ * 获取文件类型
+ * @param {String} filePath 
+ * @returns {String}
+ */
 function getFileType(filePath) {
     const ext = path.extname(filePath).toLowerCase();
     switch (ext) {

package/libs/yete-ui/yete.json

@@ -0,0 +1,12 @@
+{
+    "name": "yete-ui",
+    "type": "ui",
+    "version": "0.0.1-alpha.1",
+    "ui": {
+        "Text": {
+            "html": "yete-text",
+            "style": null,
+            "attr": ["id", "class"]
+        }
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iftc/yete",
-  "version": "0.0.1-alpha.1",
+  "version": "0.0.1-alpha.2",
   "description": "",
   "keywords": [
     "IFTC",