Создать заготовку | Create a stub

4 years ago · 2f882e9409
--- a/0000
+++ b/0000
@@ -0,0 +1,12 @@
 UIK
 1.0.0
 https://git.opengamestudio.org/kornerr/uik

 /макет|template.html
 /макет|template.css

 x /загрузка|load.js
 /загрузка|load.череда

 /пример|sample.js
 /пример|sample.череда
--- a/загрузка|load.js
+++ b/загрузка|load.js
@@ -0,0 +1,52 @@

 const ИМЯ = "UIK";


 // // // //


 ЗапуститьПример = function(мир)
 {
    var модуль = мир.модули.модульПоИмени(ИМЯ);
    var составляющие = [
        "/пример|sample",
    ];
    for (var номер in составляющие)
    {
        var составляющая = составляющие[номер];
        модуль.исполнитьФайл(`${составляющая}.js`);
        модуль.исполнитьЧереду(мир, `${составляющая}.череда`);
    }
    мир.уведомить("пуск примера");
 };


 // // // //


 ЗагрузитьБиблиотекиПримера = function(мир)
 {
    var указатели = [
        "https://bitbucket.org/gitjs/jquery/raw/3.5.1/0000",
        "https://bitbucket.org/gitjs/uikit/raw/3.2.0/0000",
    ];

    var сообщение = "Загрузка библиотек | Loading libraries";
    console.debug(сообщение, указатели);

    var html = "";
    for (var номер in указатели)
    {
        var указатель = указатели[номер];
        html += `<li>${указатель}</li>`;
    }
    document.body.innerHTML += `<p>${сообщение}</p><ul>${html}</ul>`;

    мир.модули.использовали.подписатьРаз(function() {
        мир.уведомить("ручной пуск");
        мир.уведомить("загрузили библиотеки примера");
    });

    мир.модули.использовать(указатели);
 };

--- a/загрузка|load.череда
+++ b/загрузка|load.череда
@@ -0,0 +1,4 @@
 пуск
    загрузить библиотеки примера
 загрузили библиотеки примера
    запустить пример
--- a/макет|template.css
+++ b/макет|template.css
@@ -0,0 +1,28 @@
 .tm-sidebar-left
 {
    width: 240px !important;
    position: fixed;
    top: 80px;
    bottom: 0;
    padding: 40px;
    border-right: 1px #e5e5e5 solid;
    overflow: auto;
 }

 .tm-nav .uk-nav-header
 {
    padding: 8px 0;
    border-bottom: 1px #e5e5e5 solid;
 }

 #${содержимое}
 {
    width: calc(100% - 320px);
    height: calc(100% - 80px);
    position: fixed;
    top: 80px;
    left: 320px;
    right: 0;
    bottom: 0;
 }

--- a/макет|template.html
+++ b/макет|template.html
@@ -0,0 +1,71 @@
 <!DOCTYPE html>
 <html>
    <head>
        <meta charset="utf-8">
 	    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="макет|template.css">
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/uikit@3.2.0/dist/css/uikit.min.css" />
        <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.0/dist/js/uikit.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/uikit@3.2.0/dist/js/uikit-icons.min.js"></script>
    </head>
    <body>

 <!-- МАКЕТ_НАЧАЛО -->
 <!-- TEMPLATE_BEGIN -->

 <div class="tm-navbar uk-navbar-container" uk-sticky>
    <div class="uk-container uk-container-expand">
        <nav class="uk-navbar">
            <div id="${заголовок-лево}" class="uk-navbar-left">

                <!-- ПРИМЕР_НАЧАЛО -->
                <!-- SAMPLE_BEGIN -->
                <p class="uk-navbar-item uk-logo">
                    Макет UIK | UIK template 
                </p>
                <!-- ПРИМЕР_КОНЕЦ -->
                <!-- SAMPLE_END -->

            </div>
            <div id="${заголовок-центр}" class="uk-navbar-center">
            </div>
            <div id="${заголовок-право}" class="uk-navbar-right">

                <!-- ПРИМЕР_НАЧАЛО -->
                <!-- SAMPLE_BEGIN -->
                <ul class="uk-navbar-nav">
                    <li>
                        <a>💾</a>
                    </li>
                </ul>
                <!-- ПРИМЕР_КОНЕЦ -->
                <!-- SAMPLE_END -->

            </div>
        </nav>
    </div>
 </div>

 <div class="tm-sidebar-left">
    <ul id="${меню}" class="uk-nav uk-nav-default tm-nav">

        <!-- ПРИМЕР_НАЧАЛО -->
        <!-- SAMPLE_BEGIN -->
        <li class="uk-nav-header">📦 Зав | Mgr</li>
        <li class="uk-active"><a>/загрузка|load.js</a></li>
        <li><a>/загрузка|load.череда</a></li>
        <li><a>/основа|main.js</a></li>
        <li><a>/основа|main.череда</a></li>
        <!-- ПРИМЕР_КОНЕЦ -->
        <!-- SAMPLE_END -->

    </ul>
 </div>

 <div id="${содержимое}"></div>

 <!-- МАКЕТ_КОНЕЦ -->
 <!-- TEMPLATE_END -->

    </body>
 </html>
--- a/пример|sample.js
+++ b/пример|sample.js
@@ -0,0 +1,10 @@


 // // // //


 ВывестиПриветствиеОтUIK = мир =>
 {
    console.debug("Привет от UIK");
 };

--- a/пример|sample.череда
+++ b/пример|sample.череда
@@ -0,0 +1,2 @@
 пуск примера
    вывести приветствие от UIK