@iftc/yete 0.0.1-alpha.0 → 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 +1,279 @@
-module.exports = {};
+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);
+    }
+}
+
+const pages = [];
+const routes = [];
+const events = [];
+
+const obj = {
+    /**
+     * 设置页面图标
+     * @param {String} iconPath 
+     * @returns 
+     */
+    setIcon: function (iconPath) {
+        const fileType = getFileType(iconPath);
+        if (!fileType.startsWith('image/')) {
+            throw new YeteError("The icon path must be a valid image file.");
+        }
+        const iconLink = document.querySelector('link[rel="icon"]');
+        if (iconLink) {
+            iconLink.href = iconPath;
+            iconLink.type = fileType;
+        } else {
+            const newIconLink = document.createElement('link');
+            newIconLink.rel = 'icon';
+            newIconLink.href = iconPath;
+            newIconLink.type = fileType;
+            document.head.appendChild(newIconLink);
+        }
+    },
+    /**
+     * 设置页面标题
+     * @param {String} title 
+     */
+    setTitle: function (title) {
+        document.title = title;
+    },
+    /**
+     * 配置路由
+     * @param {Array<Object>} options
+     * @example 
+     * options: [
+     *   { path: '/', page: () => loadPage(HomePage) },
+     *   { path: '/about', page: () => loadPage(AboutPage) }
+     * ]
+     */
+    route: function (options) {
+        console.log(options);
+        routes.push(...options);
+    },
+    Page: Page,
+    /**
+     * 加载组件
+     * @param {Page} page 
+     */
+    loadPage: function (page) {
+        console.log(page);
+        const p = new page();
+        if (p instanceof Page) {
+            pages.push(p);
+            return p.render();
+        }
+        throw new YeteError("The page must be an instance of Page.");
+    },
+    /**
+     * 启动程序
+     */
+    start: function () {
+        const path = location.hash.slice(1) || '/';
+        obj.toPage(path);
+    },
+    /**
+     * 加载 CSS 文件
+     * @param {String} cssPath 
+     */
+    loadCSS: async function (cssPath) {
+        return new Promise(async (resolve, reject) => {
+            const link = document.createElement('link');
+            link.rel = 'stylesheet';
+            const cssFile = await YeteDB.files.get({ name: cssPath });
+            link.href = URL.createObjectURL(cssFile.blob);
+            link.onload = resolve;
+            link.onerror = reject;
+            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 
+     */
+    toPage: function (path) {
+        location.hash = path;
+        const page = routes.find(r => r.path === path);
+        console.log(pages, page);
+        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) {
+        case '.js':
+            return 'application/javascript';
+        case '.css':
+            return 'text/css';
+        case '.html':
+            return 'text/html';
+        case '.svg':
+            return 'image/svg+xml';
+        case '.png':
+            return 'image/png';
+        case '.jpg':
+            return 'image/jpeg';
+        case '.jpeg':
+            return 'image/jpeg';
+        case '.gif':
+            return 'image/gif';
+        case '.ico':
+            return 'image/x-icon';
+        default:
+            return 'application/octet-stream';
+    }
+}
+
+module.exports = obj;

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.0",
+  "version": "0.0.1-alpha.2",
   "description": "",
   "keywords": [
     "IFTC",

package/src/loader.js

@@ -0,0 +1,58 @@
+const { Dexie } = require('dexie');
+
+console.log(Dexie);
+const db = new Dexie('YeteDB');
+db.version(1).stores({
+    files: "path, name, size, type, lastModified"
+});
+db.open();
+globalThis.YeteDB = db;
+
+globalThis.files = [];
+async function loadFiles() {
+    const files = await db.files.toArray();
+    globalThis.files = files;
+    console.log(files);
+    await loadIndex();
+}
+
+async function loadIndex() {
+    const index = await db.files.get({ name: 'index.js' });
+    if (index) {
+        const url = URL.createObjectURL(index.blob);
+        const script = document.createElement('script');
+        script.src = url;
+        document.body.appendChild(script);
+    } else {
+        console.error("Error: index.js not found in the database.");
+    }
+}
+
+async function updateFiles() {
+    const files = yete.files;
+    for (const file of files) {
+        const r = await fetch(file);
+        const blob = await r.blob();
+        await db.files.put({
+            name: file.split('/').pop(),
+            path: file,
+            size: blob.size,
+            type: blob.type,
+            lastModified: blob.lastModified,
+            blob: blob
+        });
+    }
+}
+
+async function main() {
+    const version = yete.version;
+    if (localStorage.getItem('yete-version') != version) {
+        await updateFiles();
+        await loadFiles();
+        localStorage.setItem('yete-version', version);
+    } else {
+        await loadFiles();
+    }
+}
+
+main();