@medyll/cssfabric 0.0.10

package/lib/scripts/cssfabric.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const export_variables_json_1 = __importDefault(require("../_generated/export.variables.json"));
+const cssfabricClassNames_1 = __importDefault(require("./cssfabricClassNames"));
+//
+const getModuleList = () => {
+    return export_variables_json_1.default["cssfabric"]?.["modules"] || {};
+};
+const getModuleConfig = (module) => {
+    if (module)
+        return export_variables_json_1.default["cssfabric"]?.["modules"]?.[module] || {};
+    return export_variables_json_1.default;
+};
+const getModuleData = (module) => {
+    if (module)
+        return export_variables_json_1.default["cssfabric"]?.["modules"]?.[module]?.["_data"] || {};
+    return export_variables_json_1.default;
+};
+const getModuleMetaData = (module) => {
+    if (module)
+        return export_variables_json_1.default["cssfabric"]?.["modules"]?.[module]?.["_metadata"] || {};
+    return export_variables_json_1.default;
+};
+const getModuleDocs = (module) => {
+    if (module)
+        return export_variables_json_1.default["cssfabric"]?.["modules"]?.[module]?.["_docs"] || {};
+    return export_variables_json_1.default;
+};
+const getModuleDocsAttributes = (module) => {
+    if (module)
+        return export_variables_json_1.default["cssfabric"]?.["modules"]?.[module]?.["_docs"]?.["attributes"] || {};
+    return export_variables_json_1.default;
+};
+exports.default = {
+    getModuleList,
+    getModuleConfig,
+    getModuleData,
+    getModuleMetaData,
+    getModuleDocs,
+    getModuleDocsAttributes,
+    getClassNames: cssfabricClassNames_1.default,
+    getModuleClassNames: cssfabricClassNames_1.default,
+    getModuleTagClassNames: cssfabricClassNames_1.default.getModuleTagClassNames,
+    getModuleTagDebug: cssfabricClassNames_1.default.getModuleTagDebug,
+};

package/lib/scripts/cssfabricClassNames.d.ts

@@ -0,0 +1,14 @@
+export interface IListCssfabricClassNamesProps {
+    module: string;
+    moduleAttribute: any;
+    outputStyle?: 'default' | 'debug';
+}
+export interface ILoopIt {
+    module: string;
+}
+declare function cssfabricClassNames(props: IListCssfabricClassNamesProps): Record<string, any>;
+declare const _default: {
+    getModuleTagClassNames: typeof cssfabricClassNames;
+    getModuleTagDebug: (props: IListCssfabricClassNamesProps) => Record<string, any>;
+};
+export default _default;

package/lib/scripts/cssfabricClassNames.js

@@ -0,0 +1,150 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const cssfabric_1 = __importDefault(require("./cssfabric"));
+function loopIt(props) {
+    const { module } = props;
+    const moduleAttributes = cssfabric_1.default.getModuleDocsAttributes(module);
+}
+function cssfabricClassNames(props) {
+    const { module, moduleAttribute, outputStyle } = props;
+    const moduleAttributes = cssfabric_1.default.getModuleDocsAttributes(module);
+    const fabricAttributes = moduleAttributes[moduleAttribute];
+    const moduleTag = fabricAttributes["tag"];
+    const moduleKeys = fabricAttributes["keys"] || undefined;
+    const moduleLevels = fabricAttributes["levels"] || undefined;
+    const moduleLevelsLinked = fabricAttributes["levelsLinked"] || undefined;
+    const moduleLevelsExtended = fabricAttributes["levelsDeclin"] || undefined;
+    const moduleClassNames = fabricAttributes["classNames"] || undefined;
+    let finalOutput = [];
+    let finalOutputDebug = {};
+    return doParse(outputStyle);
+    function doParse(mode) {
+        let keyList, levelList, levelListLinked, levelListDeclin;
+        const finalOut = [];
+        const debugOut = {};
+        if (moduleKeys && moduleKeys.length) {
+            // beware of any [][]
+            keyList = concatenateWithKey(moduleTag, moduleKeys);
+        }
+        if (moduleLevels && Object.keys(moduleLevels).length) { // object !!!
+            levelList = Object.keys(moduleLevels).map((level) => {
+                let val = moduleLevels[level];
+                return concatenateWithKey(level, val);
+            }).flat();
+        }
+        if (moduleLevelsLinked && Object.keys(moduleLevelsLinked).length) {
+            levelListLinked = Object.keys(moduleLevelsLinked).map((level) => {
+                let val = moduleLevelsLinked[level];
+                return concatenateWithKey(level, val);
+            }).flat();
+        }
+        if (moduleLevelsExtended && Object.keys(moduleLevelsExtended).length) {
+            levelListDeclin = Object.keys(moduleLevelsExtended).map((level) => {
+                let val = moduleLevelsLinked[level];
+                return concatenateWithKey(level, val);
+            }).flat();
+        }
+        // prefix all now , and link
+        // colors :
+        if (keyList && !moduleLevels && !moduleLevelsLinked) {
+            // export
+            finalOut.push(keyList);
+            registerDebug('default', keyList);
+        }
+        if (moduleKeys && (moduleLevels || moduleLevelsLinked)) {
+            // base
+            if (moduleLevels) {
+                let tg = keyList.map(x => {
+                    let tre = Object.keys(moduleLevels).map((level) => {
+                        let val = moduleLevels[level];
+                        let debugKey = (x !== '_' && x.toString().charAt(0) !== '_') ? x : level;
+                        debugKey = (level.toString().charAt(0) === '_') ? debugKey : debugKey + '-' + level;
+                        registerDebug(x, concatenateWithKey(debugKey, val), level);
+                        return concatenateWithKey(level, val);
+                    }).flat(4);
+                    return concatenateWithKey(x, tre);
+                });
+                // is it declinated ? only colors, so nope
+                // export
+                finalOut.push(tg.flat());
+            }
+            // if moduleLevelsLinked // only color ?
+            if (moduleLevelsLinked) {
+                //
+                let yt = Object.values(moduleKeys).map(moduleKey => {
+                    if (moduleKeys.includes(moduleKey)) {
+                        let out = [];
+                        // linked are here !!
+                        registerDebug('linked', concatenateWithKey(moduleTag + '-' + moduleKey, moduleLevelsLinked[moduleKey]), moduleKey);
+                        out.push(concatenateWithKey(moduleKey, moduleLevelsLinked[moduleKey]));
+                        // is it declinated ?
+                        if (moduleLevelsExtended && moduleLevelsExtended[moduleKey]) {
+                            //
+                            out.push(moduleLevelsLinked[moduleKey].map((z) => {
+                                // iddem
+                                registerDebug('declinated', concatenateWithKey(moduleTag + '-' + moduleKey + '-' + z, moduleLevelsExtended[moduleKey]), z);
+                                return concatenateWithKey(z, moduleLevelsExtended[moduleKey]);
+                            }).flat(2));
+                        }
+                        // flatten for group here
+                        return out.flat(2);
+                    }
+                }).flat();
+                // export
+                finalOut.push(concatenateWithKey(moduleTag, yt));
+            }
+            if (levelListDeclin) {
+            } // only colors ? don't go there
+        }
+        if (!keyList && levelList) {
+            // export
+            let kkk = concatenateWithKey(moduleTag, levelList);
+            finalOut.push(kkk);
+        }
+        if (moduleClassNames) {
+            let kk = parseClassNames();
+            let kkk = concatenateWithKey(moduleTag, kk);
+            registerDebug('classnames', kk);
+            // export
+            finalOut.push(kkk);
+        }
+        if (mode && mode === 'debug') {
+            return finalOutputDebug;
+        }
+        else {
+            return finalOut.flat(2);
+        }
+    }
+    function registerDebug(tag, data, nestedTag) {
+        if (nestedTag) {
+            if (!finalOutputDebug[tag])
+                finalOutputDebug[tag] = {};
+            finalOutputDebug[tag][nestedTag] = finalOutputDebug[tag][nestedTag] ? finalOutputDebug[tag][nestedTag].concat(data) : data;
+        }
+        else {
+            finalOutputDebug[tag] = finalOutputDebug[tag] ? finalOutputDebug[tag].concat(data) : data;
+        }
+    }
+    function parseClassNames() {
+        return Object.keys(moduleClassNames).map((klass) => {
+            return concatenateWithKey(klass, moduleClassNames[klass]);
+        }).flat();
+    }
+    function concatenateWithKey(key, levelLine) {
+        return levelLine.map((levelTag) => {
+            return [key, levelTag].filter((val) => {
+                return (val !== '_' && val.toString().charAt(0) !== '_');
+            }).filter(x => Boolean(x)).join('-');
+        });
+    }
+}
+exports.default = {
+    getModuleTagClassNames: cssfabricClassNames,
+    getModuleTagDebug: function doIt(props) {
+        props.outputStyle = 'debug';
+        return cssfabricClassNames(props);
+    }
+};

package/lib/scripts/utils.d.ts

@@ -0,0 +1,5 @@
+declare const utils: {
+    isArrayOfTypes: (arr: any) => any;
+    isObjectOfTypes: (arr: any) => any;
+};
+export default utils;

package/lib/scripts/utils.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const utils = {
+    isArrayOfTypes: (arr) => {
+        let ret = '';
+        if (!Array.isArray(arr)) {
+            return false;
+        }
+        if (arr.every(x => Array.isArray(x)))
+            ret = 'arrays';
+        if (arr.every(x => typeof x === 'number' || typeof x === 'string'))
+            ret = 'strings';
+        if (arr.every(x => typeof x === 'string'))
+            ret = 'strings';
+        if (arr.every(x => typeof x === 'number'))
+            ret = 'numbers';
+        if (arr.every(x => typeof x === 'object' && !Array.isArray(x)))
+            ret = 'objects';
+        return ret;
+    },
+    isObjectOfTypes: (arr) => {
+        if (Array.isArray(arr)) {
+            return false;
+        }
+        let ret = '';
+        let arrValues = Object.values(arr);
+        if (arrValues.every(x => typeof x === 'number' || typeof x === 'string'))
+            ret = 'strings';
+        if (arrValues.every(x => Array.isArray(x)))
+            ret = 'arrays';
+        if (arrValues.every(x => typeof x === 'string'))
+            ret = 'strings';
+        if (arrValues.every(x => typeof x === 'number'))
+            ret = 'numbers';
+        if (arrValues.every(x => typeof x === 'object' && !Array.isArray(x)))
+            ret = 'objects';
+        return ret;
+    }
+};
+exports.default = utils;

package/lib/styles/core/base/base.css

@@ -0,0 +1,222 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+html {
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+}
+
+body {
+  margin: 0;
+}
+
+main {
+  display: block;
+}
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+pre {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+a {
+  background-color: transparent;
+}
+
+abbr[title] {
+  border-bottom: none;
+  text-decoration: underline;
+  text-decoration: underline dotted;
+}
+
+b, strong {
+  font-weight: bolder;
+}
+
+code, kbd, samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+sup {
+  top: -0.5em;
+}
+
+img {
+  border-style: none;
+}
+
+button, input, optgroup, select, textarea {
+  font-family: inherit;
+  font-size: 100%;
+  line-height: 1.15;
+  margin: 0;
+}
+
+button, input {
+  overflow: visible;
+}
+
+button, select {
+  text-transform: none;
+}
+
+[type=button], [type=reset], [type=submit], button {
+  -webkit-appearance: button;
+}
+
+[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
+  border-style: none;
+  padding: 0;
+}
+
+[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
+  outline: 1px dotted ButtonText;
+}
+
+fieldset {
+  padding: 0.35em 0.75em 0.625em;
+}
+
+legend {
+  box-sizing: border-box;
+  color: inherit;
+  display: table;
+  max-width: 100%;
+  padding: 0;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+textarea {
+  overflow: auto;
+}
+
+[type=checkbox], [type=radio] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type=search] {
+  -webkit-appearance: textfield;
+  outline-offset: -2px;
+}
+
+[type=search]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  -webkit-appearance: button;
+  font: inherit;
+}
+
+details {
+  display: block;
+}
+
+summary {
+  display: list-item;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none;
+}
+
+/*# sourceMappingURL=normalize.min.css.map */
+p {
+  margin: auto;
+}
+
+.hover-parent .hover-show {
+  display: none;
+}
+.hover-parent .hover-hide {
+  display: initial;
+}
+.hover-parent:hover .hover-show {
+  display: initial;
+}
+.hover-parent:hover .hover-hide {
+  display: none;
+}
+
+.block:not(:last-child) {
+  margin-bottom: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-block-start: 0 !important;
+  margin-block-end: 0 !important;
+  margin-inline-start: 0 !important;
+  margin-inline-end: 0 !important;
+}
+
+label, .label {
+  padding: 0.125rem 0.5rem;
+  border: 1px solid #ccc;
+  display: inline-block;
+  border-radius: 4px;
+  background-color: #ededed;
+  text-shadow: white;
+}
+
+.box-content {
+  padding: 0.25rem;
+  margin: 0.25rem 0;
+}
+
+.cell-padding > * {
+  padding: 0.25em;
+}
+
+.cell-spacing > * {
+  margin: 0.25em;
+}
+
+code {
+  padding: 0.25em;
+  border: 1px solid #cccccc;
+  background-color: #ededed;
+  border-radius: 5px;
+}

package/lib/styles/core/base/base.min.css

@@ -0,0 +1 @@
+button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}.label,code,label{border:1px solid #ccc;background-color:#ededed}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.hover-parent .hover-show,[hidden],template{display:none}p{margin:auto}.hover-parent .hover-hide,.hover-parent:hover .hover-show{display:initial}.hover-parent:hover .hover-hide{display:none}.block:not(:last-child){margin-bottom:1.5rem}h1,h2,h3,h4,h5,h6{margin-block-start:0!important;margin-block-end:0!important;margin-inline-start:0!important;margin-inline-end:0!important}.label,label{padding:.125rem .5rem;display:inline-block;border-radius:4px;text-shadow:#fff}.box-content{padding:.25rem;margin:.25rem 0}.cell-padding>*,code{padding:.25em}.cell-spacing>*{margin:.25em}code{border-radius:5px}