olympus-dev

v1.0.0

一个力求简单易用的前端开发框架 #### 开发语言 TypeScript #### 核心架构 MVC #### 模块间通讯和解耦采用事件机制，利用一个全局唯一的事件派发器进行模块间通讯，解耦模块间依赖 #### 表现层结构使用桥接模式拆分接口与实现，达到一套核心驱动多套表现层的目的（目前支持DOM、Egret、PixiJS三种表现层），同时支持表现层的未来可扩展性 #### TypeScript装饰器注入框架提供TypeScript装饰器注入功能，便捷获取托管对象。例如： For more information about how to use this package see README

Latest version published 6 years ago

License: ISC

NPM

GitHub

Package Health Score

42 / 100

security
No known security issues
popularity
Limited
maintenance
Inactive
community
Limited

Security

No known security issues

All security vulnerabilities belong to production dependencies of direct and indirect packages.

Security and license risk for significant versions

All Versions

Version				Vulnerabilities	License Risk
1.0.0	\|	01/2018	Popular	0 C 0 H 0 M 0 L	0 H 0 M 0 L

License

ISC

Security Policy

Is your project affected by vulnerabilities?

Scan your projects for vulnerabilities. Fix quickly with automated fixes. Get started with Snyk for free.

Get started free

Popularity

Limited

Weekly Downloads (0)

GitHub Stars: 18
Forks: 6
Contributors: 3

Direct Usage Popularity

The npm package olympus-dev receives a total of 0 downloads a week. As such, we scored olympus-dev popularity level to be Limited.

Based on project statistics from the GitHub repository for the npm package olympus-dev, we found that it has been starred 18 times.

Downloads are calculated as moving averages for a period of the last 12 months, excluding weekends and known missing data points.

Community

Limited

Readme.md: Yes
Contributing.md: No
Code of Conduct: No
Contributors: 3
Funding: No

This project has seen only 10 or less contributors.

We found a way for you to contribute to the project! Looks like olympus-dev is missing a Code of Conduct.

Embed Package Health Score Badge

Maintenance

Inactive

Commit Frequency

No Recent Commits

Open Issues: 0
Open PR: 37
Last Release: 6 years ago
Last Commit: 4 years ago

Further analysis of the maintenance status of olympus-dev based on released npm versions cadence, the repository activity, and other data points determined that its maintenance is Inactive.

An important project maintenance signal to consider for olympus-dev is that it hasn't seen any new versions released to npm in the past 12 months, and could be considered as a discontinued project, or that which receives low attention from its maintainers.

In the past month we didn't find any pull request activity or change in issues status has been detected for the GitHub repository.

Keep your project healthy

Check your package.json

Ensure all the packages you're using are healthy and well-maintained

Snyk Vulnerability Scanner

Get health score & security insights directly in your IDE

Package

Node.js Compatibility: not defined

Age: 6 years
Dependencies: 0 Direct
Versions: 2
Install Size: 0 B
Dist-tags: 1
# of Files: 0
Maintainers: 1
TS Typings: No

olympus-dev has more than a single and default latest tag published for the npm package. This means, there may be other tags available for this package, such as next to indicate future releases, or stable to indicate stable releases.

Readme

Olympus

定位

一个力求简单易用的前端开发框架

开发语言

TypeScript

核心架构

MVC（整体架构）/MVVM（界面内数据绑定）

多核通讯和解耦

采用观察者模式，利用一个全局唯一的消息内核进行模块间通讯，解耦模块间依赖。同时每个模块拥有一个私有的消息内核，用于派发模块内消息，模块内消息会被转发给全局内核，但全局消息不会被转发给模块内核。

表现层结构

使用桥接模式拆分接口与实现，达到一套核心驱动多套表现层的目的（目前支持DOM、Egret两种表现层），同时支持表现层的未来可扩展性

npm安装

安装Olympus主库：npm i olympus-r;

安装Olympus DOM表现层库：npm i olympus-r-dom;

安装Olympus Egret表现层库：npm i olympus-r-egret;

例如，如果你希望开发纯DOM应用，则你需要安装olympus-r和olympus-r-dom两个包，如果你的应用既可以开发DOM页面，也可以开发Egret页面，则三个包你都要安装。

git子模块安装

建议使用npm安装，如果不能用npm，则也可以使用git子模块直接clone本版本库到你的项目git中。

TypeScript装饰器注入

框架提供TypeScript装饰器注入功能，便捷获取托管对象。例如：

export class SomeClass
{
    @Inject // 这行就是装饰器注入的写法
    private someModel:SomeModel;
}

数据绑定

如下就是一个简单的MVVM数据绑定示例，使用TypeScript标签为你的界面绑定数据，更详细的例子请看https://github.com/Raykid/Olympus/blob/master/test/modules/FirstModule.ts

@DOMMediatorClass("./modules/test.html")
class FirstMediator extends SceneMediator
{
    @Inject
    private someModel:SomeModel;
    
    // 将viewModel中的testText属性绑定到txt标签的textContent属性上
    // 你可以使用@BindValue装饰器绑定任何属性，只要你绑定的组件有这个属性
    @BindValue("textContent", "testText")
    public txt:HTMLElement;

    // 为btn标签添加click事件，点击时执行viewModel中的onClick方法
    @BindOn("click", "onClick")
    public btn:HTMLElement;

    public onOpen():void
    {
        this.viewModel = {
            testText: "Hello World!",
            onClick: function():void
            {
                // 修改testText属性为“clicked”，此时txt标签文本会从“Hello World!”变成“clicked”
                this.testText = "clicked";
            },
            // 你甚至可以将注入的Model对象加入你的绑定数据里，是不是很酷？
            someModel: this.someModel
        };
    }
}

其他值得说的

业务模块高度封装，尝试将开发代码量降到最低；
极大简化各系统复杂度，极大降低上手难度。

olympus-dev development dependencies

npm ts-loader typescript uglify-js webpack webpack-dev-server

FAQs

What is olympus-dev?

一个力求简单易用的前端开发框架 #### 开发语言 TypeScript #### 核心架构 MVC #### 模块间通讯和解耦采用事件机制，利用一个全局唯一的事件派发器进行模块间通讯，解耦模块间依赖 #### 表现层结构... Visit Snyk Advisor to see a full health score report for olympus-dev, including popularity, security, maintenance & community analysis.

Is olympus-dev popular?

We’re still processing downloads data for the npm package olympus-dev. Visit the popularity section on Snyk Advisor to see the full popularity analysis.

Is olympus-dev well maintained?

We found indications that olympus-dev is an Inactive project. See the full package health analysis to learn more about the package maintenance status.

Is olympus-dev safe to use?

The npm package olympus-dev was scanned for known vulnerabilities and missing license, and no issues were found. Thus the package was deemed as safe to use. See the full health analysis review.

Last updated on 31 May-2024, at 08:48 (UTC).

Build a secure application checklist

Select a recommended open source package

Minimize your risk by selecting secure & well maintained open source packages

DONE

Scan your app for vulnerabilities

Scan your application to find vulnerabilities in your: source code, open source dependencies, containers and configuration files

SCAN NOW

Fix identified vulnerabilities

Easily fix your code by leveraging automatically generated PRs

AUTO FIX

Monitor for new issues

New vulnerabilities are discovered every day. Get notified if your application is affected

MONITOR APP