amotify 0.0.0 → 0.0.2

package/dist/launch.js

@@ -1,282 +1,46 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-var e_1, _a;
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.amotify = exports.publicURI = void 0;
 require("jsmin-front/dist/@types");
-require("./@types/_");
 if (!global.$)
     console.log("%c\u203Bcan not find global.$,please read Jsmin to launch amotify.", 'color:orange;');
-var script = document.currentScript;
-var fileName = script === null || script === void 0 ? void 0 : script.attributes.getNamedItem('src').textContent;
-var Version = ((fileName === null || fileName === void 0 ? void 0 : fileName.match(/v\d\.\d\.\d/)) || ['v0.0.0'])[0];
-var hslToHex = function (h, s, l) {
-    h = h.replace(/\D/ig, '') | 0;
-    s = s.replace(/\D/ig, '') | 0;
-    l = l.replace(/\D/ig, '') | 0;
-    l /= 100;
-    var a = s * Math.min(l, 1 - l) / 100;
-    var f = function (n) {
-        var k = (n + h / 30) % 12;
-        var color = l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
-        return Math.round(255 * color).toString(16).padStart(2, '0');
-    };
-    return '#' + f(0) + f(8) + f(4);
-};
-var SetThemeColorTag = function () {
-    var hex = '#45515c';
-    // if ( [ 'Default','College','Cafe','Paint' ].includes( amotify.config.tone ) ) {
-    //   let bodyStyle = getComputedStyle( document.body );
-    //   let H = bodyStyle.getPropertyValue( '--cH' );
-    //   let S = bodyStyle.getPropertyValue( '--cS' );
-    //   let L = bodyStyle.getPropertyValue( '--cL' );
-    //   hex = hslToHex( H,S,L );
-    // }
-    var meta = $('#ThemeColorMetaTag');
-    if (!meta[0])
-        return;
-    meta.setAttribute('content', hex);
+require("./@types/_");
+var publicURI = 'https://public.comun.jp/';
+exports.publicURI = publicURI;
+require("./@jsminAmotifyExtension/_");
+var _global_1 = require("@global");
+var _atoms_1 = require("@atoms");
+var _mols_1 = require("@mols");
+var _orgs_1 = require("@orgs");
+var _temps_1 = require("@temps");
+var _functions_1 = require("@functions");
+var config_1 = require("./config");
+var amotify = {
+    config: config_1.defaultConfig,
+    glob: { React: _global_1.React, ReactDom: _global_1.ReactDom, ReactRouterDom: _global_1.ReactRouterDom, pageTransit: _global_1.pageTransit, useStore: _global_1.useStore, useRecycle: _global_1.useRecycle, StyleConverter: _global_1.StyleConverter, LaunchReactApplication: _global_1.LaunchReactApplication },
+    atoms: { Flex: _atoms_1.Flex, FlexBr: _atoms_1.FlexBr, FAIcon: _atoms_1.FAIcon, Placeholder: _atoms_1.Placeholder, Grid: _atoms_1.Grid, Logo: _atoms_1.Logo, Box: _atoms_1.Box, Span: _atoms_1.Span, Paragraph: _atoms_1.Paragraph, Img: _atoms_1.Img },
+    mols: { List: _mols_1.List, Accordion: _mols_1.Accordion, LinkifyText: _mols_1.LinkifyText, Text: _mols_1.Text, Column: _mols_1.Column, Row: _mols_1.Row },
+    orgs: { DisplayStyleInput: _orgs_1.DisplayStyleInput },
+    temps: { PlayGround: _temps_1.PlayGround },
+    fn: { Buttons: _functions_1.Buttons, Input: _functions_1.Input, Table: _functions_1.Table, Layout: _functions_1.Layout, Sheet: _functions_1.Sheet, SnackBar: _functions_1.SnackBar, Loader: _functions_1.Loader, Tooltips: _functions_1.Tooltips, Effects: _functions_1.Effects, Cropper: _functions_1.Cropper }
 };
-{
-    var deviceIdentifier_1 = function () {
-        var info = {
-            isWhat: device,
-            isTouchDevice: window.ontouchstart !== undefined && 0 < navigator.maxTouchPoints,
-            isPhone: ['Android', 'iPhone'].includes(device),
-            isIOS: ['iPhone', 'iPad'].includes(device),
-            isSystemDarkmode: function () {
-                return window.matchMedia('(prefers-color-scheme: dark)').matches == true;
-            },
-            isBreakpoint: function () { return window.innerWidth <= 896; },
-            isPhonepoint: function () { return window.innerWidth <= 690; }
-        };
-        return info;
-    };
-    var ua = window.navigator.userAgent.toLowerCase();
-    var device = ua.indexOf("windows nt") !== -1 ? 'Windows'
-        : ua.indexOf("android") !== -1 ? 'Android'
-            : ua.indexOf("iphone") !== -1 ? 'iPhone'
-                : ua.indexOf("ipad") > -1 || (ua.indexOf("macintosh") > -1 && "ontouchend" in document) ? 'iPad'
-                    : ua.indexOf("mac os x") !== -1 ? 'macOSX'
-                        : 'undefined';
-    var initDeviceInfo_1 = deviceIdentifier_1();
-    global.amotify = {
-        config: {
-            version: Version,
-            tone: 'default',
-            darkMode: 'light',
-            themeColor: 'comun',
-            roundness: 2,
-            device: initDeviceInfo_1,
-            update: {
-                tone: function (value) {
-                    if (!['default', 'flat', 'sharp'].includes(value))
-                        value = 'default';
-                    if (value == amotify.config.tone)
-                        return;
-                    amotify.config.tone = value;
-                    var body = $('body');
-                    body
-                        .removeClass(body.findClass(/^bdsTN/))
-                        .addClass('bdsTN' + value)
-                        .callback(function () {
-                        SetThemeColorTag();
-                    });
-                    amotify.glob.useRecycle.do('RootViewController');
-                },
-                themeColor: function (value) {
-                    if (![
-                        'comun', 'leaf', 'heart', 'droplet',
-                        'brick', 'flower', 'lip', 'wine', 'theater', 'bat', 'poizon', 'eggplant', 'ufo', 'alien', 'tombstone', 'ninja', 'moon', 'rain', 'unicorn', 'axe', 'gem', 'soap', 'drizzle', 'building', 'fish', 'icicles', 'water', 'tree1', 'tree2', 'tree3', 'battery', 'seedle', 'greenTea', 'oak', 'salad', 'cloudy', 'lemon', 'angel', 'parasol', 'pizza', 'thunder', 'latte', 'island', 'shovel', 'coffee', 'carrot', 'cactus', 'volcano', 'choco', 'industry', 'gun', 'galaxy',
-                        'line', 'twitter', 'amazon', 'facebook', 'android', 'slackBlue', 'slackGreen', 'slackRed', 'slackYellow', 'slackBase', 'googleBlue', 'googleGreen', 'googleYellow', 'googleRed'
-                    ].includes(value))
-                        value = 'comun';
-                    if (value == amotify.config.themeColor)
-                        return;
-                    amotify.config.themeColor = value;
-                    var body = $(document.body);
-                    body
-                        .removeClass(body.findClass(/^bdsTC/))
-                        .addClass('bdsTC_' + value)
-                        .callback(function () {
-                        SetThemeColorTag();
-                    });
-                    amotify.glob.useRecycle.do('RootViewController');
-                },
-                darkMode: function (value) {
-                    if (!['light', 'dark', 'dim', 'auto'].includes(value))
-                        value = 'light';
-                    if (value == amotify.config.darkMode)
-                        return;
-                    var Value = value == 'auto'
-                        ? initDeviceInfo_1.isSystemDarkmode()
-                            ? 'dark'
-                            : 'light'
-                        : value;
-                    amotify.config.darkMode = value;
-                    var body = $('body');
-                    body
-                        .removeClass(body.findClass(/^bdsDM/))
-                        .addClass('bdsDM_' + Value);
-                    amotify.glob.useRecycle.do('RootViewController');
-                },
-                roundness: function (value) {
-                    if (!(value >= 0 && value <= 5))
-                        value = 2;
-                    if (value == amotify.config.roundness)
-                        return;
-                    amotify.config.roundness = value;
-                    amotify.glob.useRecycle.do('RootViewController');
-                },
-            },
-            readExtraCDN: function (key) { return __awaiter(void 0, void 0, void 0, function () {
-                var url, valid;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            url = key;
-                            valid = false;
-                            if (!url) return [3 /*break*/, 2];
-                            return [4 /*yield*/, $.CDNReader(url)];
-                        case 1:
-                            _a.sent();
-                            console.log('Read extraCdn : ' + key);
-                            valid = true;
-                            _a.label = 2;
-                        case 2: return [2 /*return*/, valid];
-                    }
-                });
-            }); }
-        },
-        glob: {},
-        atoms: {},
-        mols: {},
-        orgs: {},
-        temps: {},
-        fn: {}
-    };
-    $('body').addClass([
-        'usrDevice_' + initDeviceInfo_1.isWhat,
-        'bdsDM_' + amotify.config.darkMode,
-        'bdsTC_' + amotify.config.themeColor
-    ]);
-    $(window).addEvent({
-        eventType: 'resize',
-        eventID: 'getDeviceInfo',
-        callback: function () {
-            global.amotify.config.device = deviceIdentifier_1();
-            $(document.body).setStyleProperty('--viewHeight', window.innerHeight + 'px');
-        }
-    });
-}
-var tags = [
-    {
-        tag: 'meta', parent: document.head, attr: {
-            name: 'viewport', content: 'width=device-width,initial-scale=1.0,maximum-scale=5.0,minimum-scale=1.0,viewport-fit=cover'
-        },
-    }, {
-        tag: 'link', parent: document.head, attr: {
-            href: 'https://fonts.googleapis.com', rel: 'preconnect', async: true
-        }
-    }, {
-        tag: 'link', parent: document.head, attr: {
-            href: 'https://fonts.gstatic.com', rel: 'preconnect', async: true
-        }
-    },
-    {
-        tag: 'link', parent: document.head, attr: {
-            href: 'https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap',
-            rel: 'stylesheet',
-            async: true
-        }
-    }, {
-        tag: 'link', parent: document.head, attr: {
-            href: 'https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;600&display=swap',
-            rel: 'stylesheet',
-            async: true
-        }
-    },
-    {
-        tag: 'script', parent: document.head, attr: {
-            src: 'https://kit.fontawesome.com/6745173b38.js', async: true
-        }
-    }, {
-        tag: 'meta', parent: document.head, attr: {
-            name: 'theme-color',
-            content: '#45515c',
-        },
-        id: 'ThemeColorMetaTag'
-    },
-    { parent: document.body, id: 'SHEET' },
-    { parent: document.body, id: 'TOOLTIPS' },
-    { parent: document.body, id: 'SNACKBARS' },
-    { parent: document.body, id: 'LOADER' },
-    { parent: document.body, id: 'ROOT' },
-];
-try {
-    for (var tags_1 = __values(tags), tags_1_1 = tags_1.next(); !tags_1_1.done; tags_1_1 = tags_1.next()) {
-        var tag = tags_1_1.value;
-        $.createElement(tag);
-    }
-}
-catch (e_1_1) { e_1 = { error: e_1_1 }; }
-finally {
-    try {
-        if (tags_1_1 && !tags_1_1.done && (_a = tags_1.return)) _a.call(tags_1);
-    }
-    finally { if (e_1) throw e_1.error; }
-}
-SetThemeColorTag();
+exports.amotify = amotify;
+global.amotify = amotify;
+Object.freeze(global.amotify.atoms);
+Object.freeze(global.amotify.mols);
+Object.freeze(global.amotify.orgs);
+Object.freeze(global.amotify.temps);
+Object.freeze(global.amotify.fn);
+Object.freeze(global.amotify);
+require("./@styles/@app.scss");
+require("./preload");
+// document.oncontextmenu = () => {return false;}
 $(window).addEvent({
-    eventType: 'load',
+    eventType: 'resize',
+    eventID: 'getDeviceInfo',
     callback: function () {
-        var style = document.body.style;
-        style.setProperty('--viewHeight', window.innerHeight + 'px');
+        global.amotify.config.device = (0, config_1.deviceIdentifier)();
+        $(document.body).setStyleProperty('--viewHeight', window.innerHeight + 'px');
     }
 });
-require("./@comps/@core/exe");
+(0, config_1.SetThemeColorTag)();

package/dist/preload.d.ts

@@ -0,0 +1 @@
+declare let tags: Jsmin.CreateElement.Args[];

package/dist/preload.js

@@ -0,0 +1,73 @@
+"use strict";
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+var e_1, _a;
+var tags = [
+    {
+        tag: 'meta', parent: document.head, attr: {
+            name: 'viewport', content: 'width=device-width,initial-scale=1.0,maximum-scale=5.0,minimum-scale=1.0,viewport-fit=cover'
+        },
+    }, {
+        tag: 'link', parent: document.head, attr: {
+            href: 'https://fonts.googleapis.com', rel: 'preconnect', async: true
+        }
+    }, {
+        tag: 'link', parent: document.head, attr: {
+            href: 'https://fonts.gstatic.com', rel: 'preconnect', async: true
+        }
+    },
+    {
+        tag: 'link', parent: document.head, attr: {
+            href: 'https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap',
+            rel: 'stylesheet',
+            async: true
+        }
+    }, {
+        tag: 'link', parent: document.head, attr: {
+            href: 'https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;600&display=swap',
+            rel: 'stylesheet',
+            async: true
+        }
+    },
+    {
+        tag: 'script', parent: document.head, attr: {
+            src: 'https://kit.fontawesome.com/6745173b38.js', async: true
+        }
+    }, {
+        tag: 'meta', parent: document.head, attr: {
+            name: 'theme-color',
+            content: '#45515c',
+        },
+        id: 'ThemeColorMetaTag'
+    },
+    { parent: document.body, id: 'SHEET' },
+    { parent: document.body, id: 'TOOLTIPS' },
+    { parent: document.body, id: 'SNACKBARS' },
+    { parent: document.body, id: 'LOADER' },
+    { parent: document.body, id: 'ROOT' },
+];
+try {
+    for (var tags_1 = __values(tags), tags_1_1 = tags_1.next(); !tags_1_1.done; tags_1_1 = tags_1.next()) {
+        var tag = tags_1_1.value;
+        var id = tag.id;
+        if (id && $('#' + id)[0])
+            continue;
+        $.createElement(tag);
+    }
+}
+catch (e_1_1) { e_1 = { error: e_1_1 }; }
+finally {
+    try {
+        if (tags_1_1 && !tags_1_1.done && (_a = tags_1.return)) _a.call(tags_1);
+    }
+    finally { if (e_1) throw e_1.error; }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "amotify",
-  "version": "0.0.0",
+  "version": "0.0.2",
   "description": "UI Component for React",
   "main": "dist/launch.js",
   "types": "dist/@types.d.ts",
@@ -10,8 +10,8 @@
     "devCDN:webpack": "webpack --mode development --watch",
     "devCDN:server": "nodemon app.js --ignore public --ignore package.json --ignore src --ignore webpack.config.js --ignore tsconfig.json",
     "proCDN:webpack": "webpack --mode production",
-    "allBuild:tsc": "tsc",
-    "typesBuild:tsc": "tsc --emitDeclarationOnly",
+    "allBuild:tsc": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json",
+    "typesBuild:tsc": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json tsc --emitDeclarationOnly",
     "build": "run-p clean-dist allBuild:*",
     "build-types": "run-p clean-dist typesBuild:*",
     "server": "run-p clean-cdn devCDN:*",

package/tsconfig.json

@@ -12,12 +12,12 @@
       "@uniVar" : [ "src/@styles/@variables/var" ],
       "@styleSet" : [ "src/@styles/@variables/styleSet" ],
 
-      "@global" : [ "src/@comps/@core/bios" ],
-      "@atoms" : [ "src/@comps/Atoms/@export" ],
-      "@mols" : [ "src/@comps/Molecules/@export" ],
-      "@orgs" : [ "src/@comps/Organisms/@export" ],
-      "@temps" : [ "src/@comps/Templates/@export" ],
-      "@functions" : [ "src/@comps/Functions/@export" ]
+      "@global" : [ "src/Global/@export" ],
+      "@atoms" : [ "src/Atoms/@export" ],
+      "@mols" : [ "src/Molecules/@export" ],
+      "@orgs" : [ "src/Organisms/@export" ],
+      "@temps" : [ "src/Templates/@export" ],
+      "@functions" : [ "src/Functions/@export" ]
     },
     "strict": true,
     "skipLibCheck": true,

package/dist/@comps/@core/exe.d.ts

@@ -1,9 +0,0 @@
-import './jsminAmotifyExtension/_';
-import './bios';
-import '@global';
-import '@atoms';
-import '@mols';
-import '@orgs';
-import '@temps';
-import '@functions';
-import '../../@styles/@app.scss';

package/dist/@comps/@core/exe.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-require("./jsminAmotifyExtension/_");
-require("./bios");
-require("@global");
-require("@atoms");
-require("@mols");
-require("@orgs");
-require("@temps");
-require("@functions");
-require("../../@styles/@app.scss");
-// document.oncontextmenu = () => {return false;}