@medyll/cssfabric 0.1.12 → 0.2.1-beta.1

package/dist/cssfVsCode/test.cssf

@@ -0,0 +1,6 @@
+
+
+.test {
+    dimension: width() height();
+    
+}

package/dist/cssfVsCode/vsc-extension-quickstart.md

@@ -0,0 +1,29 @@
+# Welcome to your VS Code Extension
+
+## What's in the folder
+
+* This folder contains all of the files necessary for your extension.
+* `package.json` - this is the manifest file in which you declare your language support and define the location of the grammar file that has been copied into your extension.
+* `syntaxes/cssf.tmLanguage.json` - this is the Text mate grammar file that is used for tokenization.
+* `language-configuration.json` - this is the language configuration, defining the tokens that are used for comments and brackets.
+
+## Get up and running straight away
+
+* Make sure the language configuration settings in `language-configuration.json` are accurate.
+* Press `F5` to open a new window with your extension loaded.
+* Create a new file with a file name suffix matching your language.
+* Verify that syntax highlighting works and that the language configuration settings are working.
+
+## Make changes
+
+* You can relaunch the extension from the debug toolbar after making changes to the files listed above.
+* You can also reload (`Ctrl+R` or `Cmd+R` on Mac) the VS Code window with your extension to load your changes.
+
+## Add more language features
+
+* To add features such as IntelliSense, hovers and validators check out the VS Code extenders documentation at https://code.visualstudio.com/docs
+
+## Install your extension
+
+* To start using your extension with Visual Studio Code copy it into the `<user home>/.vscode/extensions` folder and restart Code.
+* To share your extension with the world, read on https://code.visualstudio.com/docs about publishing an extension.

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { cssFabric } from './cssFabric/index.js';
+export * from './cssf/index.js';

package/dist/index.js

@@ -0,0 +1,3 @@
+// Reexport your entry components here
+export { cssFabric } from './cssFabric/index.js';
+export * from './cssf/index.js';

package/dist/init/importCssVars.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/init/importCssVars.js

@@ -0,0 +1,2 @@
+// copy css vars file
+export {};

package/dist/scripts/cssfabric.d.ts

@@ -0,0 +1,24 @@
+export type IFabricConfModulePart = Record<string, any>;
+export type IFabricConfModuleDataPart = Record<string, any>;
+export type IFabricConfModuleMetaDataPart = Record<string, any>;
+export type IFabricConfModuleDocsPart = Record<string, any>;
+export type TFabricConfModuleDocsAttributesPart = Record<string, any>;
+declare const _default: {
+    getModuleList: () => Record<string, any>;
+    getModuleConfig: (module?: string | undefined) => IFabricConfModulePart;
+    getModuleData: (module?: string | undefined) => IFabricConfModuleDataPart;
+    getModuleMetaData: (module?: string | undefined) => IFabricConfModuleMetaDataPart;
+    getModuleDocs: (module?: string | undefined) => IFabricConfModuleDocsPart;
+    getModuleDocsAttributes: (module?: string | undefined) => TFabricConfModuleDocsAttributesPart;
+    getClassNames: {
+        getModuleTagClassNames: (props: import("./cssfabricClassNames").IListCssfabricClassNamesProps) => Record<string, any> | string[];
+        getModuleTagDebug: (props: import("./cssfabricClassNames").IListCssfabricClassNamesProps) => Record<string, any> | string[];
+    };
+    getModuleClassNames: {
+        getModuleTagClassNames: (props: import("./cssfabricClassNames").IListCssfabricClassNamesProps) => Record<string, any> | string[];
+        getModuleTagDebug: (props: import("./cssfabricClassNames").IListCssfabricClassNamesProps) => Record<string, any> | string[];
+    };
+    getModuleTagClassNames: (props: import("./cssfabricClassNames").IListCssfabricClassNamesProps) => Record<string, any> | string[];
+    getModuleTagDebug: (props: import("./cssfabricClassNames").IListCssfabricClassNamesProps) => Record<string, any> | string[];
+};
+export default _default;

package/dist/scripts/cssfabric.js

@@ -0,0 +1,43 @@
+import jsonConfig from "../_generated/cssFabric.vars.json";
+import cssfabricClassNames from "./cssfabricClassNames";
+//
+const getModuleList = () => {
+    return jsonConfig["cssfabric"]?.["modules"] || {};
+};
+const getModuleConfig = (module) => {
+    if (module)
+        return jsonConfig["cssfabric"]?.["modules"]?.[module] || {};
+    return jsonConfig;
+};
+const getModuleData = (module) => {
+    if (module)
+        return jsonConfig["cssfabric"]?.["modules"]?.[module]?.["_data"] || {};
+    return jsonConfig;
+};
+const getModuleMetaData = (module) => {
+    if (module)
+        return jsonConfig["cssfabric"]?.["modules"]?.[module]?.["_metadata"] || {};
+    return jsonConfig;
+};
+const getModuleDocs = (module) => {
+    if (module)
+        return jsonConfig["cssfabric"]?.["modules"]?.[module]?.["_docs"] || {};
+    return jsonConfig;
+};
+const getModuleDocsAttributes = (module) => {
+    if (module)
+        return jsonConfig["cssfabric"]?.["modules"]?.[module]?.["_docs"]?.["attributes"] || {};
+    return jsonConfig;
+};
+export default {
+    getModuleList,
+    getModuleConfig,
+    getModuleData,
+    getModuleMetaData,
+    getModuleDocs,
+    getModuleDocsAttributes,
+    getClassNames: cssfabricClassNames,
+    getModuleClassNames: cssfabricClassNames,
+    getModuleTagClassNames: cssfabricClassNames.getModuleTagClassNames,
+    getModuleTagDebug: cssfabricClassNames.getModuleTagDebug,
+};

package/{lib → dist}/scripts/cssfabricClassNames.d.ts

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

package/{lib → dist}/scripts/cssfabricClassNames.js

@@ -1,150 +1,146 @@
-"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);
-    }
-};
+import cssfabric from "./cssfabric";
+import utils from "./utils";
+function loopIt(props) {
+    const { module } = props;
+    const moduleAttributes = cssfabric.getModuleDocsAttributes(module);
+}
+function cssfabricClassNames(props) {
+    const { module, moduleAttribute, outputStyle } = props;
+    const moduleAttributes = cssfabric.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('-');
+        });
+    }
+}
+export default {
+    getModuleTagClassNames: cssfabricClassNames,
+    getModuleTagDebug: function doIt(props) {
+        props.outputStyle = 'debug';
+        return cssfabricClassNames(props);
+    }
+};

package/{lib → dist}/scripts/index.d.ts

@@ -1,2 +1,2 @@
-declare function buildReadme(vars: string): string;
-export default buildReadme;
+declare function buildReadme(vars: string): string;
+export default buildReadme;

package/dist/scripts/index.js

@@ -0,0 +1,4 @@
+function buildReadme(vars) {
+    return "readme";
+}
+export default buildReadme;

package/{lib → dist}/scripts/utils.d.ts

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

package/{lib → dist}/scripts/utils.js

@@ -1,40 +1,38 @@
-"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;
+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;
+    }
+};
+export default utils;

package/dist/styles/animation/animation.css

@@ -0,0 +1,2 @@
+
+/**---------------------animation.css---------------------*/