From 5ff6e7dd377c09c0701ae8360fefd1967b6cc522 Mon Sep 17 00:00:00 2001 From: tugcekucukoglu Date: Tue, 11 Mar 2025 11:58:51 +0300 Subject: [PATCH] Update templates.js --- .../components/doc/codeeditor/templates.js | 175 ++++++++---------- 1 file changed, 82 insertions(+), 93 deletions(-) diff --git a/apps/volt/components/doc/codeeditor/templates.js b/apps/volt/components/doc/codeeditor/templates.js index 555622091..17030bcc7 100644 --- a/apps/volt/components/doc/codeeditor/templates.js +++ b/apps/volt/components/doc/codeeditor/templates.js @@ -1,7 +1,7 @@ import pkg from '@/package.json'; //import Aura from '@/presets/aura'; //import Lara from '@/presets/lara'; -import { isArray, isDate, isFunction, isObject } from '@primeuix/utils/object'; +// import { isArray, isDate, isFunction, isObject } from '@primeuix/utils/object'; import { services } from './services'; const PrimeVue = { @@ -26,9 +26,9 @@ const core_dependencies = { }; // create-vue -> https://github.com/vuejs/create-vue -const getVueApp = (props = {}, sourceType) => { +const getVueApp = (props = {}) => { const path = 'src/'; - const { code: sources, title = 'primevue_demo', description = '', service, extPages, dependencies: deps, component, extFiles, embedded } = props; + const { code: sources, title = 'primevue_demo', description = '', service, extPages, dependencies: deps, component } = props; const dependencies = { ...core_dependencies, ...deps }; const fileExtension = '.vue'; @@ -47,16 +47,6 @@ const getVueApp = (props = {}, sourceType) => { }; }); - let extFilesSource = extFiles - ? embedded - ? extFiles['composition'] - : extFiles[sourceType.language] - ? { ...extFiles[sourceType.language] } - : Object.keys(extFiles) - .filter((k) => !sourceTypes.includes(k)) - .reduce((result, current) => (result[current] = extFiles[current]) && result, {}) - : {}; - if (deps !== null && component !== null) { imports += `import ${component} from 'primevue/${component.toLowerCase()}'; `; @@ -443,8 +433,7 @@ export const router = createRouter({ ` }, - ...routeFiles, - ...extFilesSource + ...routeFiles }; if (extPages && extPages.length >= 1) { @@ -555,7 +544,7 @@ export default { } }, }; -<\/script> +<\\/script> ` }; @@ -727,7 +716,7 @@ export default { } } }; - <\/script> + <\\/script> ` }; @@ -757,89 +746,89 @@ export default { }; // @todo - Refactor - const stringify = (value, indent = 2, currentIndent = 0) => { - const currentIndentStr = ' '.repeat(currentIndent); - const nextIndentStr = ' '.repeat(currentIndent + indent); + // const stringify = (value, indent = 2, currentIndent = 0) => { + // const currentIndentStr = ' '.repeat(currentIndent); + // const nextIndentStr = ' '.repeat(currentIndent + indent); - if (isArray(value)) { - return '[' + value.map((v) => stringify(v, indent, currentIndent + indent)).join(', ') + ']'; - } else if (isDate(value)) { - return value.toISOString(); - } else if (isFunction(value)) { - return value - .toString() - .split('\n') - .map((line, i, arr) => { - try { - return process?.dev ? line : i === 0 ? line : arr.length - 1 === i ? ' '.repeat(2) + line : currentIndentStr + line; - } catch { - return i === 0 ? line : arr.length - 1 === i ? ' '.repeat(2) + line : currentIndentStr + line; - } - }) - .join('\n'); - } else if (isObject(value)) { - return ( - '{\n' + - Object.entries(value) - .map(([k, v]) => `${nextIndentStr}${k}: ${stringify(v, indent, currentIndent + indent)}`) - .join(',\n') + - `\n${currentIndentStr}` + - '}' - ); - } else { - return JSON.stringify(value); - } - }; + // if (isArray(value)) { + // return '[' + value.map((v) => stringify(v, indent, currentIndent + indent)).join(', ') + ']'; + // } else if (isDate(value)) { + // return value.toISOString(); + // } else if (isFunction(value)) { + // return value + // .toString() + // .split('\n') + // .map((line, i, arr) => { + // try { + // return process?.dev ? line : i === 0 ? line : arr.length - 1 === i ? ' '.repeat(2) + line : currentIndentStr + line; + // } catch { + // return i === 0 ? line : arr.length - 1 === i ? ' '.repeat(2) + line : currentIndentStr + line; + // } + // }) + // .join('\n'); + // } else if (isObject(value)) { + // return ( + // '{\n' + + // Object.entries(value) + // .map(([k, v]) => `${nextIndentStr}${k}: ${stringify(v, indent, currentIndent + indent)}`) + // .join(',\n') + + // `\n${currentIndentStr}` + + // '}' + // ); + // } else { + // return JSON.stringify(value); + // } + // }; - const createPresetFiles = (presetName, stringPresetName) => { - const presetPath = `${path}presets/${stringPresetName}`; - const imports = []; - const keys = []; - const directivesKeys = []; + // const createPresetFiles = (presetName, stringPresetName) => { + // const presetPath = `${path}presets/${stringPresetName}`; + // const imports = []; + // const keys = []; + // const directivesKeys = []; - Object.entries(presetName).forEach(([name, value]) => { - if (name === 'global') { - imports.push(`import ${name} from './${name}'`); - keys.push(name); - files[`${presetPath}/${name}.js`] = { - content: `export default { - css: \`${value?.css}\` - }` - }; - } else if (name === 'directives') { - Object.entries(value).forEach(([dname, dvalue]) => { - const _name = dname === 'badge' ? 'badgedirective' : dname; + // Object.entries(presetName).forEach(([name, value]) => { + // if (name === 'global') { + // imports.push(`import ${name} from './${name}'`); + // keys.push(name); + // files[`${presetPath}/${name}.js`] = { + // content: `export default { + // css: \`${value?.css}\` + // }` + // }; + // } else if (name === 'directives') { + // Object.entries(value).forEach(([dname, dvalue]) => { + // const _name = dname === 'badge' ? 'badgedirective' : dname; - imports.push(`import ${_name} from './${_name}'`); - directivesKeys.push(dname === 'badge' ? `badge: badgedirective` : dname); - files[`${presetPath}/${_name}/index.js`] = { - content: `export default ${stringify(dvalue)}` - }; - }); - } else { - imports.push(`import ${name} from './${name}'`); - keys.push(name); - files[`${presetPath}/${name}/index.js`] = { - content: `export default ${stringify(value)}` - }; - } - }); + // imports.push(`import ${_name} from './${_name}'`); + // directivesKeys.push(dname === 'badge' ? `badge: badgedirective` : dname); + // files[`${presetPath}/${_name}/index.js`] = { + // content: `export default ${stringify(dvalue)}` + // }; + // }); + // } else { + // imports.push(`import ${name} from './${name}'`); + // keys.push(name); + // files[`${presetPath}/${name}/index.js`] = { + // content: `export default ${stringify(value)}` + // }; + // } + // }); - files[`${path}presets/${stringPresetName}/index.js`] = { - content: `${imports.join(';\n')} + // files[`${path}presets/${stringPresetName}/index.js`] = { + // content: `${imports.join(';\n')} -export default { - directives: { - ${directivesKeys.join(',\n\t\t')} - }, - ${keys.join(',\n\t')} -} - ` - }; - }; + // export default { + // directives: { + // ${directivesKeys.join(',\n\t\t')} + // }, + // ${keys.join(',\n\t')} + // } + // ` + // }; + // }; - createPresetFiles(Lara, 'lara'); - createPresetFiles(Aura, 'aura'); + // createPresetFiles(Lara, 'lara'); + // createPresetFiles(Aura, 'aura'); return { files, dependencies, sourceFileName }; };