New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@vue-macros/named-template

Package Overview
Dependencies
Maintainers
1
Versions
65
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@vue-macros/named-template - npm Package Compare versions

Comparing version

to
0.5.0

dist/api.cjs

4

dist/api.d.ts
import { MagicStringAST, CodeTransform } from '@vue-macros/common';
import { ElementNode, NodeTransform, RootNode } from '@vue/compiler-dom';
import { T as TemplateContent, C as CustomBlocks } from './index-Ccebqmdc.js';
export { M as MAIN_TEMPLATE, Q as QUERY_NAMED_TEMPLATE, a as QUERY_TEMPLATE, b as QUERY_TEMPLATE_MAIN } from './index-Ccebqmdc.js';
import { T as TemplateContent, C as CustomBlocks } from './index.d-Ccebqmdc.js';
export { M as MAIN_TEMPLATE, Q as QUERY_NAMED_TEMPLATE, a as QUERY_TEMPLATE, b as QUERY_TEMPLATE_MAIN } from './index.d-Ccebqmdc.js';
import { Program } from '@babel/types';

@@ -6,0 +6,0 @@ import 'unplugin';

@@ -1,26 +0,26 @@

"use strict";Object.defineProperty(exports, "__esModule", {value: true});
var _chunk3JCYISGAjs = require('./chunk-3JCYISGA.js');
exports.MAIN_TEMPLATE = _chunk3JCYISGAjs.MAIN_TEMPLATE; exports.QUERY_NAMED_TEMPLATE = _chunk3JCYISGAjs.QUERY_NAMED_TEMPLATE; exports.QUERY_TEMPLATE = _chunk3JCYISGAjs.QUERY_TEMPLATE; exports.QUERY_TEMPLATE_MAIN = _chunk3JCYISGAjs.QUERY_TEMPLATE_MAIN; exports.getChildrenLocation = _chunk3JCYISGAjs.getChildrenLocation; exports.parseVueRequest = _chunk3JCYISGAjs.parseVueRequest; exports.postTransform = _chunk3JCYISGAjs.postTransform; exports.postTransformMainEntry = _chunk3JCYISGAjs.postTransformMainEntry; exports.preTransform = _chunk3JCYISGAjs.preTransform; exports.preTransformMainTemplate = _chunk3JCYISGAjs.preTransformMainTemplate; exports.transformTemplateIs = _chunk3JCYISGAjs.transformTemplateIs;
import {
MAIN_TEMPLATE,
QUERY_NAMED_TEMPLATE,
QUERY_TEMPLATE,
QUERY_TEMPLATE_MAIN,
getChildrenLocation,
parseVueRequest,
postTransform,
postTransformMainEntry,
preTransform,
preTransformMainTemplate,
transformTemplateIs
} from "./chunk-3JCYISGA.js";
export {
MAIN_TEMPLATE,
QUERY_NAMED_TEMPLATE,
QUERY_TEMPLATE,
QUERY_TEMPLATE_MAIN,
getChildrenLocation,
parseVueRequest,
postTransform,
postTransformMainEntry,
preTransform,
preTransformMainTemplate,
transformTemplateIs
};

@@ -1,2 +0,2 @@

"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/core/constants.ts
// src/core/constants.ts
var QUERY_NAMED_TEMPLATE = "?vue&type=named-template";

@@ -41,17 +41,17 @@ var QUERY_TEMPLATE = "type=template&namedTemplate";

// src/core/index.ts
var _common = require('@vue-macros/common');
var _compilerdom = require('@vue/compiler-dom');
import {
babelParse,
generateTransform,
getLang,
HELPER_PREFIX,
importHelperFn,
isCallOf,
MagicStringAST,
walkAST
} from "@vue-macros/common";
import {
createTransformContext,
parse,
traverseNode
} from "@vue/compiler-dom";
function transformTemplateIs(s) {

@@ -64,3 +64,3 @@ return (node) => {

);
if (!_optionalChain([propIs, 'optionalAccess', _ => _.value])) return;
if (!propIs?.value) return;
const refName = propIs.value.content;

@@ -75,3 +75,3 @@ s.overwrite(

function preTransform(code, id, templateContent) {
const root = _compilerdom.parse.call(void 0, code);
const root = parse(code);
const templates = root.children.filter(

@@ -81,3 +81,3 @@ (node) => node.type === 1 && node.tag === "template"

if (templates.length <= 1) return;
const s = new (0, _common.MagicStringAST)(code);
const s = new MagicStringAST(code);
for (const node of templates) {

@@ -104,3 +104,3 @@ const propName = node.props.find(

}
return _common.generateTransform.call(void 0, s, id);
return generateTransform(s, id);
}

@@ -114,7 +114,7 @@ function preTransformMainTemplate({

}) {
const ctx = _compilerdom.createTransformContext.call(void 0, root, {
const ctx = createTransformContext(root, {
filename: id,
nodeTransforms: [transformTemplateIs(s)]
});
_compilerdom.traverseNode.call(void 0, node, ctx);
traverseNode(node, ctx);
const loc = getChildrenLocation(node);

@@ -129,4 +129,4 @@ if (!loc) return;

function postTransform(code, id, customBlocks) {
const lang = _common.getLang.call(void 0, id);
const program = _common.babelParse.call(void 0, code, lang);
const lang = getLang(id);
const program = babelParse(code, lang);
const { filename } = parseVueRequest(id);

@@ -137,6 +137,6 @@ if (!id.includes(QUERY_TEMPLATE_MAIN)) {

}
const s = new (0, _common.MagicStringAST)(code);
const s = new MagicStringAST(code);
const subTemplates = [];
for (const node of program.body) {
if (node.type === "ExportNamedDeclaration" && _optionalChain([node, 'access', _2 => _2.declaration, 'optionalAccess', _3 => _3.type]) === "FunctionDeclaration" && _optionalChain([node, 'access', _4 => _4.declaration, 'access', _5 => _5.id, 'optionalAccess', _6 => _6.name]) === "render") {
if (node.type === "ExportNamedDeclaration" && node.declaration?.type === "FunctionDeclaration" && node.declaration.id?.name === "render") {
const params = node.declaration.params;

@@ -156,5 +156,5 @@ if (params.length > 0) {

}
_common.walkAST.call(void 0, program, {
walkAST(program, {
enter(node) {
if (_common.isCallOf.call(void 0, node, ["_createVNode", "_createBlock"]) && _common.isCallOf.call(void 0, node.arguments[0], "_resolveDynamicComponent") && node.arguments[0].arguments[0].type === "StringLiteral" && node.arguments[0].arguments[0].value.startsWith("named-template-")) {
if (isCallOf(node, ["_createVNode", "_createBlock"]) && isCallOf(node.arguments[0], "_resolveDynamicComponent") && node.arguments[0].arguments[0].type === "StringLiteral" && node.arguments[0].arguments[0].value.startsWith("named-template-")) {
subTemplates.push({

@@ -174,5 +174,5 @@ vnode: node,

for (const { vnode, component, name, fnName } of subTemplates) {
const block = _optionalChain([customBlocks, 'access', _7 => _7[filename], 'optionalAccess', _8 => _8[name]]);
const block = customBlocks[filename]?.[name];
if (!block) throw new SyntaxError(`Unknown named template: ${name}`);
const render = `${_common.HELPER_PREFIX}block_${escapeTemplateName(
const render = `${HELPER_PREFIX}block_${escapeTemplateName(
name

@@ -183,3 +183,3 @@ )}.render(...args)`;

} else if (fnName === "_createBlock") {
s.overwriteNode(component, _common.importHelperFn.call(void 0, s, 0, "Fragment"));
s.overwriteNode(component, importHelperFn(s, 0, "Fragment"));
const text = `${vnode.arguments[1] ? "" : ", null"}, [${render}]`;

@@ -191,3 +191,3 @@ s.appendLeft((vnode.arguments[1] || vnode.arguments[0]).end, text);

s.prepend(
`import ${_common.HELPER_PREFIX}block_${escapeTemplateName(
`import ${HELPER_PREFIX}block_${escapeTemplateName(
name

@@ -198,3 +198,3 @@ )} from ${JSON.stringify(source)};

}
return _common.generateTransform.call(void 0, s, id);
return generateTransform(s, id);
}

@@ -214,14 +214,14 @@ function postTransformMainEntry(program, id, customBlocks) {

exports.QUERY_NAMED_TEMPLATE = QUERY_NAMED_TEMPLATE; exports.QUERY_TEMPLATE = QUERY_TEMPLATE; exports.QUERY_TEMPLATE_MAIN = QUERY_TEMPLATE_MAIN; exports.MAIN_TEMPLATE = MAIN_TEMPLATE; exports.getChildrenLocation = getChildrenLocation; exports.parseVueRequest = parseVueRequest; exports.transformTemplateIs = transformTemplateIs; exports.preTransform = preTransform; exports.preTransformMainTemplate = preTransformMainTemplate; exports.postTransform = postTransform; exports.postTransformMainEntry = postTransformMainEntry;
export {
QUERY_NAMED_TEMPLATE,
QUERY_TEMPLATE,
QUERY_TEMPLATE_MAIN,
MAIN_TEMPLATE,
getChildrenLocation,
parseVueRequest,
transformTemplateIs,
preTransform,
preTransformMainTemplate,
postTransform,
postTransformMainEntry
};

@@ -1,21 +0,21 @@

"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
import {
MAIN_TEMPLATE,
QUERY_NAMED_TEMPLATE,
QUERY_TEMPLATE,
parseVueRequest,
postTransform,
preTransform
} from "./chunk-3JCYISGA.js";
var _chunk3JCYISGAjs = require('./chunk-3JCYISGA.js');
// src/index.ts
var _common = require('@vue-macros/common');
var _unplugin = require('unplugin');
import {
createFilter,
detectVueVersion,
REGEX_VUE_SFC
} from "@vue-macros/common";
import { createUnplugin } from "unplugin";
function resolveOptions(options) {
const version = options.version || _common.detectVueVersion.call(void 0, );
const version = options.version || detectVueVersion();
return {
include: [_common.REGEX_VUE_SFC],
include: [REGEX_VUE_SFC],
...options,

@@ -26,5 +26,5 @@ version

var name = "unplugin-vue-named-template";
var PrePlugin = _unplugin.createUnplugin.call(void 0, (userOptions = {}) => {
var PrePlugin = createUnplugin((userOptions = {}) => {
const options = resolveOptions(userOptions);
const filter = _common.createFilter.call(void 0, options);
const filter = createFilter(options);
const templateContent = /* @__PURE__ */ Object.create(null);

@@ -35,17 +35,17 @@ return {

loadInclude(id) {
return id.includes(_chunk3JCYISGAjs.QUERY_TEMPLATE);
return id.includes(QUERY_TEMPLATE);
},
load(id) {
const { filename, query } = _chunk3JCYISGAjs.parseVueRequest.call(void 0, id);
const content = _optionalChain([templateContent, 'access', _ => _[filename], 'optionalAccess', _2 => _2["mainTemplate" in query ? _chunk3JCYISGAjs.MAIN_TEMPLATE : query.name]]);
const { filename, query } = parseVueRequest(id);
const content = templateContent[filename]?.["mainTemplate" in query ? MAIN_TEMPLATE : query.name];
return content;
},
transformInclude(id) {
return filter(id) || id.includes(_chunk3JCYISGAjs.QUERY_NAMED_TEMPLATE);
return filter(id) || id.includes(QUERY_NAMED_TEMPLATE);
},
transform(code, id) {
if (id.includes(_chunk3JCYISGAjs.QUERY_NAMED_TEMPLATE)) {
const { filename, query } = _chunk3JCYISGAjs.parseVueRequest.call(void 0, id);
if (id.includes(QUERY_NAMED_TEMPLATE)) {
const { filename, query } = parseVueRequest(id);
const { name: name2 } = query;
const request = `${filename}?vue&${_chunk3JCYISGAjs.QUERY_TEMPLATE}&name=${name2}`;
const request = `${filename}?vue&${QUERY_TEMPLATE}&name=${name2}`;
return `import { createTextVNode } from 'vue'

@@ -60,3 +60,3 @@ import { render } from ${JSON.stringify(request)}

} else {
return _chunk3JCYISGAjs.preTransform.call(void 0, code, id, templateContent);
return preTransform(code, id, templateContent);
}

@@ -66,8 +66,8 @@ }

});
var PostPlugin = _unplugin.createUnplugin.call(void 0, (userOptions = {}) => {
var PostPlugin = createUnplugin((userOptions = {}) => {
const options = resolveOptions(userOptions);
const filter = _common.createFilter.call(void 0, options);
const filter = createFilter(options);
const customBlocks = /* @__PURE__ */ Object.create(null);
function transformInclude(id) {
return filter(id) || id.includes(_chunk3JCYISGAjs.QUERY_TEMPLATE);
return filter(id) || id.includes(QUERY_TEMPLATE);
}

@@ -79,3 +79,3 @@ return {

transform(code, id) {
return _chunk3JCYISGAjs.postTransform.call(void 0, code, id, customBlocks);
return postTransform(code, id, customBlocks);
},

@@ -87,3 +87,3 @@ rollup: {

if (!transformInclude(id)) return;
return _chunk3JCYISGAjs.postTransform.call(void 0, code, id, customBlocks);
return postTransform(code, id, customBlocks);
}

@@ -94,3 +94,3 @@ }

});
var plugin = _unplugin.createUnplugin.call(void 0,
var plugin = createUnplugin(
(userOptions = {}, meta) => {

@@ -102,6 +102,6 @@ return [PrePlugin.raw(userOptions, meta), PostPlugin.raw(userOptions, meta)];

exports.PrePlugin = PrePlugin; exports.PostPlugin = PostPlugin; exports.src_default = src_default;
export {
PrePlugin,
PostPlugin,
src_default
};

@@ -1,2 +0,2 @@

import { p as plugin } from './index-Ccebqmdc.js';
import { p as plugin } from './index.d-Ccebqmdc.js';
import '@vue-macros/common';

@@ -7,2 +7,2 @@ import 'unplugin';

export = _default;
export { _default as default };

@@ -1,12 +0,10 @@

"use strict";Object.defineProperty(exports, "__esModule", {value: true});
import {
src_default
} from "./chunk-LJFU2FPD.js";
import "./chunk-3JCYISGA.js";
var _chunkLJFU2FPDjs = require('./chunk-LJFU2FPD.js');
require('./chunk-3JCYISGA.js');
// src/esbuild.ts
var esbuild_default = _chunkLJFU2FPDjs.src_default.esbuild;
exports.default = esbuild_default;
module.exports = exports.default;
var esbuild_default = src_default.esbuild;
export {
esbuild_default as default
};
import '@vue-macros/common';
import 'unplugin';
export { C as CustomBlocks, O as Options, c as OptionsResolved, d as PostPlugin, P as PrePlugin, T as TemplateContent, p as default } from './index-Ccebqmdc.js';
export { C as CustomBlocks, O as Options, c as OptionsResolved, d as PostPlugin, P as PrePlugin, T as TemplateContent, p as default } from './index.d-Ccebqmdc.js';

@@ -1,11 +0,11 @@

"use strict";Object.defineProperty(exports, "__esModule", {value: true});
var _chunkLJFU2FPDjs = require('./chunk-LJFU2FPD.js');
require('./chunk-3JCYISGA.js');
exports.PostPlugin = _chunkLJFU2FPDjs.PostPlugin; exports.PrePlugin = _chunkLJFU2FPDjs.PrePlugin; exports.default = _chunkLJFU2FPDjs.src_default;
import {
PostPlugin,
PrePlugin,
src_default
} from "./chunk-LJFU2FPD.js";
import "./chunk-3JCYISGA.js";
export {
PostPlugin,
PrePlugin,
src_default as default
};

@@ -1,2 +0,2 @@

import { p as plugin } from './index-Ccebqmdc.js';
import { p as plugin } from './index.d-Ccebqmdc.js';
import '@vue-macros/common';

@@ -7,2 +7,2 @@ import 'unplugin';

export = _default;
export { _default as default };

@@ -1,12 +0,10 @@

"use strict";Object.defineProperty(exports, "__esModule", {value: true});
import {
src_default
} from "./chunk-LJFU2FPD.js";
import "./chunk-3JCYISGA.js";
var _chunkLJFU2FPDjs = require('./chunk-LJFU2FPD.js');
require('./chunk-3JCYISGA.js');
// src/rolldown.ts
var rolldown_default = _chunkLJFU2FPDjs.src_default.rolldown;
exports.default = rolldown_default;
module.exports = exports.default;
var rolldown_default = src_default.rolldown;
export {
rolldown_default as default
};

@@ -1,2 +0,2 @@

import { p as plugin } from './index-Ccebqmdc.js';
import { p as plugin } from './index.d-Ccebqmdc.js';
import '@vue-macros/common';

@@ -7,2 +7,2 @@ import 'unplugin';

export = _default;
export { _default as default };

@@ -1,12 +0,10 @@

"use strict";Object.defineProperty(exports, "__esModule", {value: true});
import {
src_default
} from "./chunk-LJFU2FPD.js";
import "./chunk-3JCYISGA.js";
var _chunkLJFU2FPDjs = require('./chunk-LJFU2FPD.js');
require('./chunk-3JCYISGA.js');
// src/rollup.ts
var rollup_default = _chunkLJFU2FPDjs.src_default.rollup;
exports.default = rollup_default;
module.exports = exports.default;
var rollup_default = src_default.rollup;
export {
rollup_default as default
};

@@ -1,2 +0,2 @@

import { p as plugin } from './index-Ccebqmdc.js';
import { p as plugin } from './index.d-Ccebqmdc.js';
import '@vue-macros/common';

@@ -7,2 +7,2 @@ import 'unplugin';

export = _default;
export { _default as default };

@@ -1,12 +0,10 @@

"use strict";Object.defineProperty(exports, "__esModule", {value: true});
import {
src_default
} from "./chunk-LJFU2FPD.js";
import "./chunk-3JCYISGA.js";
var _chunkLJFU2FPDjs = require('./chunk-LJFU2FPD.js');
require('./chunk-3JCYISGA.js');
// src/rspack.ts
var rspack_default = _chunkLJFU2FPDjs.src_default.rspack;
exports.default = rspack_default;
module.exports = exports.default;
var rspack_default = src_default.rspack;
export {
rspack_default as default
};

@@ -1,2 +0,2 @@

import { p as plugin } from './index-Ccebqmdc.js';
import { p as plugin } from './index.d-Ccebqmdc.js';
import '@vue-macros/common';

@@ -7,2 +7,2 @@ import 'unplugin';

export = _default;
export { _default as default };

@@ -1,12 +0,10 @@

"use strict";Object.defineProperty(exports, "__esModule", {value: true});
import {
src_default
} from "./chunk-LJFU2FPD.js";
import "./chunk-3JCYISGA.js";
var _chunkLJFU2FPDjs = require('./chunk-LJFU2FPD.js');
require('./chunk-3JCYISGA.js');
// src/vite.ts
var vite_default = _chunkLJFU2FPDjs.src_default.vite;
exports.default = vite_default;
module.exports = exports.default;
var vite_default = src_default.vite;
export {
vite_default as default
};

@@ -1,2 +0,2 @@

import { p as plugin } from './index-Ccebqmdc.js';
import { p as plugin } from './index.d-Ccebqmdc.js';
import '@vue-macros/common';

@@ -7,2 +7,2 @@ import 'unplugin';

export = _default;
export { _default as default };

@@ -1,12 +0,10 @@

"use strict";Object.defineProperty(exports, "__esModule", {value: true});
import {
src_default
} from "./chunk-LJFU2FPD.js";
import "./chunk-3JCYISGA.js";
var _chunkLJFU2FPDjs = require('./chunk-LJFU2FPD.js');
require('./chunk-3JCYISGA.js');
// src/webpack.ts
var webpack_default = _chunkLJFU2FPDjs.src_default.webpack;
exports.default = webpack_default;
module.exports = exports.default;
var webpack_default = src_default.webpack;
export {
webpack_default as default
};
{
"name": "@vue-macros/named-template",
"version": "0.4.10",
"version": "0.5.0",
"description": "named-template feature from Vue Macros.",
"type": "commonjs",
"type": "module",
"keywords": [

@@ -30,37 +30,37 @@ "vue-macros",

],
"main": "dist/index.js",
"module": "dist/index.mjs",
"main": "dist/index.cjs",
"module": "dist/index.js",
"types": "dist/index.d.ts",
"exports": {
".": {
"require": "./dist/index.js",
"import": "./dist/index.mjs"
"require": "./dist/index.cjs",
"import": "./dist/index.js"
},
"./api": {
"require": "./dist/api.js",
"import": "./dist/api.mjs"
"require": "./dist/api.cjs",
"import": "./dist/api.js"
},
"./esbuild": {
"require": "./dist/esbuild.js",
"import": "./dist/esbuild.mjs"
"require": "./dist/esbuild.cjs",
"import": "./dist/esbuild.js"
},
"./rolldown": {
"require": "./dist/rolldown.js",
"import": "./dist/rolldown.mjs"
"require": "./dist/rolldown.cjs",
"import": "./dist/rolldown.js"
},
"./rollup": {
"require": "./dist/rollup.js",
"import": "./dist/rollup.mjs"
"require": "./dist/rollup.cjs",
"import": "./dist/rollup.js"
},
"./rspack": {
"require": "./dist/rspack.js",
"import": "./dist/rspack.mjs"
"require": "./dist/rspack.cjs",
"import": "./dist/rspack.js"
},
"./vite": {
"require": "./dist/vite.js",
"import": "./dist/vite.mjs"
"require": "./dist/vite.cjs",
"import": "./dist/vite.js"
},
"./webpack": {
"require": "./dist/webpack.js",
"import": "./dist/webpack.mjs"
"require": "./dist/webpack.cjs",
"import": "./dist/webpack.js"
},

@@ -81,8 +81,8 @@ "./*": "./*"

"dependencies": {
"@vue/compiler-dom": "^3.5.3",
"unplugin": "^1.13.1",
"@vue-macros/common": "1.12.3"
"@vue/compiler-dom": "^3.5.4",
"unplugin": "^1.14.1",
"@vue-macros/common": "1.13.0"
},
"devDependencies": {
"vue": "^3.5.3"
"vue": "^3.5.4"
},

@@ -89,0 +89,0 @@ "engines": {