@shijiu/jsview-vue 1.9.650 → 1.9.719

package/patches/node_modules/@vue/compiler-sfc/dist/jsview-css-to-js.js

@@ -1,335 +0,0 @@
-/*
- * JsView Added
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const crypto = require('crypto');
-var fs = require('fs');
-var path = require('path');
-var postCss = require('postcss');
-var postCssJs = require('postcss-js');
-var postCssImport = require('postcss-import-sync');
-const compilerSfc = require("./compiler-sfc.cjs");
-const styleFormat = require("./jsview-style-format");
-
-var nodeModulesDir = path.resolve(process.cwd(), 'node_modules')
-var cachedCssStyles = {}
-
-function ensureSfcDescriptor(descriptor) {
-    try {
-        ensureSfcDescriptorImpl(descriptor)
-    } catch (exception) {
-        console.error("Failed to call ensureSfcDescriptor()! Exception:\n", exception);
-    }
-}
-
-function compileCssToJs(sfc, options) {
-    try {
-        return compileCssToJsImpl(sfc, options)
-    } catch (exception) {
-        console.error("Failed to call compileCssToJs()! Exception:\n", exception);
-    }
-}
-
-function compileAndSaveImportedNode(styleFilePath, styleNodes) {
-    try {
-        return compileAndSaveImportedNodeImpl(styleFilePath, styleNodes)
-    } catch (exception) {
-        console.error("Failed to call compileAndSaveImportedNode()! Exception:\n", exception);
-    }
-}
-
-function ensureSfcDescriptorImpl(descriptor) {
-    // 如果css-style不存在，不做任何事
-    if(descriptor.styles.length <= 0) {
-        return;
-    }
-
-    // 为了将css-style植入到script中，script或scriptSetup必须存在一个
-    if(!!descriptor.script
-    || !!descriptor.scriptSetup) {
-        return;
-    }
-
-    // 为了触发compiler-sfc.cjs.compileScript()
-    // 如果script和scriptSetup都不存在，就做一个空的
-    // console.log("JsView: insert a empty script.");
-    descriptor.script = {
-        type: 'script',
-        content: "export default {}\n",
-        loc: {
-            source: "",
-            start: { column: 0, line: 0, offset: 0 },
-            end: { column: 0, line: 0, offset: 0}
-        },
-        attrs: {},
-        map: {
-            version: 3,
-            sources: [],
-            names: [],
-            mappings: '',
-            // file: null,
-            sourceRoot: '',
-            sourcesContent: []
-        }
-    };
-}
-
-function compileCssToJsImpl(sfc, options) {
-    if(sfc.styles.length <= 0) {
-        return ""
-    }
-
-    let compileStyleOptions = {
-        filename: sfc.filename,
-        id: `data-v-${options.id}`,
-        // map: null,
-        trim: true,
-        isProd: options.isProd,
-
-        source: null,
-        scoped: false,
-        modules: false,
-    };
-    // let styleCodeContainer = new Set();
-    let styleContentContainer = "";
-    let styleImportContainer = "";
-    sfc.styles.forEach(style => {
-        if(!!style.module) {
-            let errMsg = "JsView: style module is not released by Vue3!\n";
-            errMsg += style;
-            console.error(errMsg + " errors =", errors);
-            throw new Error(errMsg)
-        }
-        compileStyleOptions.source = style.content
-        if(!!style.attrs.src) { // 处理<style [scoped] src="xxx">
-            const baseDir = path.dirname(sfc.filename);
-            const cssSrcPath = path.resolve(baseDir, style.attrs.src);
-            compileStyleOptions.source = fs.readFileSync(cssSrcPath, "utf8");
-        }
-        compileStyleOptions.scoped = style.scoped
-        compileStyleOptions.modules = style.module
-        const { rawResult, errors } = compilerSfc.compileStyle(compileStyleOptions)
-        if(errors.length) {
-            const errMsg = "JsView: Failed to compile style when convert css to js!";
-            console.error(errMsg + " errors =", errors);
-            throw new Error(errMsg)
-        }
-        
-        const styleNodes = rawResult.result.root.nodes;
-        styleNodes.forEach(node => {
-            // console.log('node=', node)
-            // console.log('node.type=', node.type, "node.name=", node.name, "node.selector=", node.selector);
-
-            if (node.type === "comment") {
-                // DO NOTHING
-            } else if(node.name === "import") {
-                const styleInfo = compileImportNode(node);
-                // styleCodeContainer.add(styleCode);
-
-                checkSelectors(node, styleInfo.styleFilePath, styleInfo.styleSelectors); // 检测selector是否已经处理过
-                let styleJsFilePath = path.relative(nodeModulesDir, styleInfo.styleJsFilePath);
-                styleJsFilePath = styleJsFilePath.replace(/\\/g, '/');
-                styleImportContainer += `\nimport "/${path.basename(nodeModulesDir)}/${styleJsFilePath}";`
-            } else if(node.name === "keyframes") {
-                const styleFilePath = node.source.input.file;
-                const styleSelectors = new Set([node.params]);
-                const styleContent = compileKeyframesNode(node);
-
-                checkSelectors(node, styleFilePath, styleSelectors); // 检测selector是否已经处理过
-                styleContentContainer += styleContent;
-            } else if(!!node.selector) {
-                const styleFilePath = node.source.input.file;
-                const styleSelectors = new Set([node.selector]);
-                const styleContent = compileSelectorNode(node);
-
-                checkSelectors(node, styleFilePath, styleSelectors); // 检测selector是否已经处理过
-                styleContentContainer += styleContent;
-            } else {
-                check(false, node.source.input.css, "JsView Error: Unsupported css node.");
-            }
-        })
-    })
-
-    let jsvStyleSheets = styleImportContainer;
-    jsvStyleSheets += "\nObject.assign(window.JsvCode.Dom.StyleSheets, {";
-    jsvStyleSheets += styleContentContainer;
-    jsvStyleSheets += "});\n";
-
-    // 用于@import的css hotload，但是没有生效
-    // styleCodeContainer.forEach(styleCode => {
-    //     jsvStyleSheets += styleCode + "\n";
-    // });
-
-    // console.log('jsview-css-to-js.compileCssToJs() jsvStyleSheets=' + jsvStyleSheets)
-    return jsvStyleSheets;
-}
-
-function checkSelectors(node, styleFilePath, styleSelectors) {
-    for(let cachedFilePath in cachedCssStyles) {
-        if(cachedFilePath == styleFilePath) {
-            continue;
-        }
-
-        const cachedSelectors = cachedCssStyles[cachedFilePath];
-        for(let selector of cachedSelectors) {
-            if(styleSelectors.has(selector)) { // 发现重复的selector
-                let errMsg = "JsView Warn: Multi defined CSS selector '" + selector + "' from " + node.source.input.file + ".\n";
-                errMsg += "It has been defined in " + cachedFilePath + ".\n";
-                check(false, node.source.input.css, errMsg);
-            }
-        }
-    }
-
-    // 添加到缓存
-    let cachedSelectors = cachedCssStyles[styleFilePath];
-    if(!cachedSelectors) {
-        cachedSelectors = new Set()
-    }
-    cachedSelectors = new Set([...cachedSelectors, ...styleSelectors]);
-    cachedCssStyles[styleFilePath] = cachedSelectors;
-}
-
-function check(expr, source, errMsg) {
-    if(!expr) {
-        errMsg += (" source is: \n" + source);
-        console.error("\n" + errMsg);
-        throw new Error(errMsg);
-    }
-}
-
-function compileImportNode(node) {
-    const name = node.name;
-    check(name, node.source.input.css, "JsView Error: name is not found!");
-
-    check(name === "import", node.source.input.css, "JsView Error: @import name is not found!");
-
-    let result = null;
-    try {
-        const plugins = [].slice();
-        plugins.push(postCssImport)
-
-        const content = node.source.input.css.slice(node.source.start.offset, node.source.end.offset + 1);
-        check(content.endsWith(";"), "JsView Error: Failed to parse @import, please end with ';'")
-
-        const options = {
-            from: node.source.input.file
-        };
-
-        result = postCss(plugins).process(content, options);
-    } catch (e) {
-        console.log('JsView Error: Failed to compile css import node.', e);
-        throw e;
-    }
-
-    const sourceDir = path.dirname(node.source.input.file);
-    let styleFileName = node.params.replace(/^["'](.+(?=["']$))["']$/, '$1')
-    const styleFilePath = path.resolve(sourceDir, styleFileName);
-    return compileAndSaveImportedNodeImpl(styleFilePath, result.root.nodes);
-}
-
-function compileAndSaveImportedNodeImpl(styleFilePath, styleNodes) {
-    let styleSelectors = new Set();
-    let styleContent = "";
-
-    styleNodes.forEach(node => {
-        if(node.name === "keyframes") {
-            styleContent += compileKeyframesNode(node);
-        } else if(!!node.selector) {
-            styleContent += compileSelectorNode(node);
-            styleSelectors.add(node.selector);
-        } else {
-            check(false, node.source.input.css, "JsView Error: Unsupported css node from import css file.");
-        }
-    })
-
-    // 保存到js文件并import到script中
-    const cacheDir = path.resolve(nodeModulesDir, '@shijiu', '.cache')
-    if (!fs.existsSync(cacheDir)) {
-        fs.mkdirSync(cacheDir);
-    }
-    const styleFilePathHash = crypto.createHash('md5').update(styleFilePath).digest('hex').substring(0, 8);
-    const styleJsFileName = path.basename(styleFilePath) + '.' + styleFilePathHash + '.js';
-    const styleJsFilePath = path.join(cacheDir, styleJsFileName);
-
-    styleContent = "\nObject.assign(window.JsvCode.Dom.StyleSheets, {" + styleContent;
-    styleContent += "});\n";
-    fs.writeFileSync(styleJsFilePath, styleContent, "utf8");
-
-    return {
-        styleFilePath,
-        styleSelectors,
-        styleJsFilePath
-    };
-}
-
-function getStringOffset(source, line, column) {
-    check(!isNaN(line), source, "JsView Error: Failed to get string offset, line is NaN.");
-    check(!isNaN(column), source, "JsView Error: Failed to get string offset, column is NaN.");
-
-    line -= 1;
-    column -= 1;
-
-    var offset = 0;
-    for (var idx = 0; idx < line; idx++) {
-        offset = source.indexOf('\n', offset + 1);
-        check(offset >= 0, source, "JsView Error: Failed to get string offset, line=" + line + ", column=" + column);
-    }
-    offset += column;
-
-    return offset;
-}
-
-function compileKeyframesNode(node) {
-    const name = node.name;
-    check(name, node.source.input.css, "JsView Error: name is not found!");
-
-    check(name === "keyframes", node.source.input.css, "JsView Error: @keyframes name is not found!");
-
-    let startOffset = node.source.start.offset;
-    let endOffset = node.source.end.offset;
-    if (typeof (startOffset) == 'undefined') {
-        startOffset = getStringOffset(node.source.input.css, node.source.start.line, node.source.start.column);
-    }
-    if (typeof (endOffset) == 'undefined') {
-        endOffset = getStringOffset(node.source.input.css, node.source.end.line, node.source.end.column);
-    }
-    const content = node.source.input.css.slice(startOffset, endOffset + 1);
-    // console.log('jsview-css-to-js.compileKeyframesNode() \n', startOffset, endOffset, content);
-
-    let styleContent = "'" + node.params + "':'";
-    styleContent += content.replace(/(\r|\n|\r\n)/g, " ");
-    styleContent += "',";
-
-    // console.log('jsview-css-to-js.compileKeyframesNode() return ' + styleContent);
-    return styleContent
-}
-
-function compileSelectorNode(node) {
-    const selector = node.selector;
-    check(selector, node.source.input.css, "JsView Error: Selector is not found!");
-
-    let errMsg = "JsView Error: Only class selector is supported!\n";
-    errMsg += "JsView Error: Please use css like `.classname { property: value; }`";
-    check(selector.startsWith('.'), node.source.input.css, errMsg);
-
-    const declarations = postCssJs.objectify(node);
-    for (const name in declarations) {
-        const value = declarations[name];
-        const formattedValue = styleFormat.getFormattedValue(name, value);
-        declarations[name] = formattedValue;
-    }
-
-    let styleContent = "'" + selector.substr(1) + "':";
-    styleContent += JSON.stringify(declarations);
-    styleContent += ",";
-
-    // console.log('jsview-css-to-js.compileSelectorNode() return ', styleContent);
-    return styleContent;
-}
-
-exports.ensureSfcDescriptor = ensureSfcDescriptor;
-exports.compileCssToJs = compileCssToJs;
-exports.compileAndSaveImportedNode = compileAndSaveImportedNode;