vue - npm Package Compare versions

Comparing version 3.2.47 to 3.3.2

compiler-sfc/index.js

 module.exports = require('@vue/compiler-sfc')
+
+require('./register-ts.js')

compiler-sfc/package.json

@@ -5,2 +5,2 @@ {
   "types": "index.d.ts"
-}
+}

dist/vue.cjs.js

@@ -22,54 +22,49 @@ 'use strict';
 
-// This entry is the "full-build" that includes both the runtime
-const compileCache = Object.create(null);
+const compileCache = /* @__PURE__ */ Object.create(null);
 function compileToFunction(template, options) {
-    if (!shared.isString(template)) {
-        if (template.nodeType) {
-            template = template.innerHTML;
-        }
-        else {
-            runtimeDom.warn(`invalid template option: `, template);
-            return shared.NOOP;
-        }
+  if (!shared.isString(template)) {
+    if (template.nodeType) {
+      template = template.innerHTML;
+    } else {
+      runtimeDom.warn(`invalid template option: `, template);
+      return shared.NOOP;
     }
-    const key = template;
-    const cached = compileCache[key];
-    if (cached) {
-        return cached;
+  }
+  const key = template;
+  const cached = compileCache[key];
+  if (cached) {
+    return cached;
+  }
+  if (template[0] === "#") {
+    const el = document.querySelector(template);
+    if (!el) {
+      runtimeDom.warn(`Template element not found or is empty: ${template}`);
     }
-    if (template[0] === '#') {
-        const el = document.querySelector(template);
-        if (!el) {
-            runtimeDom.warn(`Template element not found or is empty: ${template}`);
-        }
-        // __UNSAFE__
-        // Reason: potential execution of JS expressions in in-DOM template.
-        // The user must make sure the in-DOM template is trusted. If it's rendered
-        // by the server, the template should not contain any user data.
-        template = el ? el.innerHTML : ``;
-    }
-    const opts = shared.extend({
-        hoistStatic: true,
-        onError: onError ,
-        onWarn: e => onError(e, true) 
-    }, options);
-    if (!opts.isCustomElement && typeof customElements !== 'undefined') {
-        opts.isCustomElement = tag => !!customElements.get(tag);
-    }
-    const { code } = compilerDom.compile(template, opts);
-    function onError(err, asWarning = false) {
-        const message = asWarning
-            ? err.message
-            : `Template compilation error: ${err.message}`;
-        const codeFrame = err.loc &&
-            shared.generateCodeFrame(template, err.loc.start.offset, err.loc.end.offset);
-        runtimeDom.warn(codeFrame ? `${message}\n${codeFrame}` : message);
-    }
-    // The wildcard import results in a huge object with every export
-    // with keys that cannot be mangled, and can be quite heavy size-wise.
-    // In the global build we know `Vue` is available globally so we can avoid
-    // the wildcard object.
-    const render = (new Function('Vue', code)(runtimeDom__namespace));
-    render._rc = true;
-    return (compileCache[key] = render);
+    template = el ? el.innerHTML : ``;
+  }
+  const opts = shared.extend(
+    {
+      hoistStatic: true,
+      onError: onError ,
+      onWarn: (e) => onError(e, true) 
+    },
+    options
+  );
+  if (!opts.isCustomElement && typeof customElements !== "undefined") {
+    opts.isCustomElement = (tag) => !!customElements.get(tag);
+  }
+  const { code } = compilerDom.compile(template, opts);
+  function onError(err, asWarning = false) {
+    const message = asWarning ? err.message : `Template compilation error: ${err.message}`;
+    const codeFrame = err.loc && shared.generateCodeFrame(
+      template,
+      err.loc.start.offset,
+      err.loc.end.offset
+    );
+    runtimeDom.warn(codeFrame ? `${message}
+${codeFrame}` : message);
+  }
+  const render = new Function("Vue", code)(runtimeDom__namespace);
+  render._rc = true;
+  return compileCache[key] = render;
 }
@@ -79,4 +74,4 @@ runtimeDom.registerRuntimeCompiler(compileToFunction);
 exports.compile = compileToFunction;
-Object.keys(runtimeDom).forEach(function(k) {
-  if (k !== 'default') exports[k] = runtimeDom[k];
+Object.keys(runtimeDom).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = runtimeDom[k];
 });

dist/vue.cjs.prod.js

@@ -22,42 +22,35 @@ 'use strict';
 
-// This entry is the "full-build" that includes both the runtime
-const compileCache = Object.create(null);
+const compileCache = /* @__PURE__ */ Object.create(null);
 function compileToFunction(template, options) {
-    if (!shared.isString(template)) {
-        if (template.nodeType) {
-            template = template.innerHTML;
-        }
-        else {
-            return shared.NOOP;
-        }
+  if (!shared.isString(template)) {
+    if (template.nodeType) {
+      template = template.innerHTML;
+    } else {
+      return shared.NOOP;
     }
-    const key = template;
-    const cached = compileCache[key];
-    if (cached) {
-        return cached;
-    }
-    if (template[0] === '#') {
-        const el = document.querySelector(template);
-        // __UNSAFE__
-        // Reason: potential execution of JS expressions in in-DOM template.
-        // The user must make sure the in-DOM template is trusted. If it's rendered
-        // by the server, the template should not contain any user data.
-        template = el ? el.innerHTML : ``;
-    }
-    const opts = shared.extend({
-        hoistStatic: true,
-        onError: undefined,
-        onWarn: shared.NOOP
-    }, options);
-    if (!opts.isCustomElement && typeof customElements !== 'undefined') {
-        opts.isCustomElement = tag => !!customElements.get(tag);
-    }
-    const { code } = compilerDom.compile(template, opts);
-    // The wildcard import results in a huge object with every export
-    // with keys that cannot be mangled, and can be quite heavy size-wise.
-    // In the global build we know `Vue` is available globally so we can avoid
-    // the wildcard object.
-    const render = (new Function('Vue', code)(runtimeDom__namespace));
-    render._rc = true;
-    return (compileCache[key] = render);
+  }
+  const key = template;
+  const cached = compileCache[key];
+  if (cached) {
+    return cached;
+  }
+  if (template[0] === "#") {
+    const el = document.querySelector(template);
+    template = el ? el.innerHTML : ``;
+  }
+  const opts = shared.extend(
+    {
+      hoistStatic: true,
+      onError: void 0,
+      onWarn: shared.NOOP
+    },
+    options
+  );
+  if (!opts.isCustomElement && typeof customElements !== "undefined") {
+    opts.isCustomElement = (tag) => !!customElements.get(tag);
+  }
+  const { code } = compilerDom.compile(template, opts);
+  const render = new Function("Vue", code)(runtimeDom__namespace);
+  render._rc = true;
+  return compileCache[key] = render;
 }
@@ -67,4 +60,4 @@ runtimeDom.registerRuntimeCompiler(compileToFunction);
 exports.compile = compileToFunction;
-Object.keys(runtimeDom).forEach(function(k) {
-  if (k !== 'default') exports[k] = runtimeDom[k];
+Object.keys(runtimeDom).forEach(function (k) {
+  if (k !== 'default' && !exports.hasOwnProperty(k)) exports[k] = runtimeDom[k];
 });

dist/vue.d.ts

 import { CompilerOptions } from '@vue/compiler-dom';
 import { RenderFunction } from '@vue/runtime-dom';
+export * from '@vue/runtime-dom';
 
-export declare function compile(template: string | HTMLElement, options?: CompilerOptions): RenderFunction;
+export declare function compileToFunction(template: string | HTMLElement, options?: CompilerOptions): RenderFunction;
 
-
-export * from "@vue/runtime-dom";
-
-export { }
+export { compileToFunction as compile };
+// this is appended to the end of ../dist/vue.d.ts during build.
+// imports the global JSX namespace registration for compat.
+// TODO: remove in 3.4
+import '../jsx'

dist/vue.esm-bundler.js

@@ -8,62 +8,57 @@ import * as runtimeDom from '@vue/runtime-dom';
 function initDev() {
-    {
-        initCustomFormatter();
-    }
+  {
+    initCustomFormatter();
+  }
 }
 
-// This entry is the "full-build" that includes both the runtime
-if ((process.env.NODE_ENV !== 'production')) {
-    initDev();
+if (process.env.NODE_ENV !== "production") {
+  initDev();
 }
-const compileCache = Object.create(null);
+const compileCache = /* @__PURE__ */ Object.create(null);
 function compileToFunction(template, options) {
-    if (!isString(template)) {
-        if (template.nodeType) {
-            template = template.innerHTML;
-        }
-        else {
-            (process.env.NODE_ENV !== 'production') && warn(`invalid template option: `, template);
-            return NOOP;
-        }
+  if (!isString(template)) {
+    if (template.nodeType) {
+      template = template.innerHTML;
+    } else {
+      process.env.NODE_ENV !== "production" && warn(`invalid template option: `, template);
+      return NOOP;
     }
-    const key = template;
-    const cached = compileCache[key];
-    if (cached) {
-        return cached;
+  }
+  const key = template;
+  const cached = compileCache[key];
+  if (cached) {
+    return cached;
+  }
+  if (template[0] === "#") {
+    const el = document.querySelector(template);
+    if (process.env.NODE_ENV !== "production" && !el) {
+      warn(`Template element not found or is empty: ${template}`);
     }
-    if (template[0] === '#') {
-        const el = document.querySelector(template);
-        if ((process.env.NODE_ENV !== 'production') && !el) {
-            warn(`Template element not found or is empty: ${template}`);
-        }
-        // __UNSAFE__
-        // Reason: potential execution of JS expressions in in-DOM template.
-        // The user must make sure the in-DOM template is trusted. If it's rendered
-        // by the server, the template should not contain any user data.
-        template = el ? el.innerHTML : ``;
-    }
-    const opts = extend({
-        hoistStatic: true,
-        onError: (process.env.NODE_ENV !== 'production') ? onError : undefined,
-        onWarn: (process.env.NODE_ENV !== 'production') ? e => onError(e, true) : NOOP
-    }, options);
-    if (!opts.isCustomElement && typeof customElements !== 'undefined') {
-        opts.isCustomElement = tag => !!customElements.get(tag);
-    }
-    const { code } = compile(template, opts);
-    function onError(err, asWarning = false) {
-        const message = asWarning
-            ? err.message
-            : `Template compilation error: ${err.message}`;
-        const codeFrame = err.loc &&
-            generateCodeFrame(template, err.loc.start.offset, err.loc.end.offset);
-        warn(codeFrame ? `${message}\n${codeFrame}` : message);
-    }
-    // The wildcard import results in a huge object with every export
-    // with keys that cannot be mangled, and can be quite heavy size-wise.
-    // In the global build we know `Vue` is available globally so we can avoid
-    // the wildcard object.
-    const render = (new Function('Vue', code)(runtimeDom));
-    render._rc = true;
-    return (compileCache[key] = render);
+    template = el ? el.innerHTML : ``;
+  }
+  const opts = extend(
+    {
+      hoistStatic: true,
+      onError: process.env.NODE_ENV !== "production" ? onError : void 0,
+      onWarn: process.env.NODE_ENV !== "production" ? (e) => onError(e, true) : NOOP
+    },
+    options
+  );
+  if (!opts.isCustomElement && typeof customElements !== "undefined") {
+    opts.isCustomElement = (tag) => !!customElements.get(tag);
+  }
+  const { code } = compile(template, opts);
+  function onError(err, asWarning = false) {
+    const message = asWarning ? err.message : `Template compilation error: ${err.message}`;
+    const codeFrame = err.loc && generateCodeFrame(
+      template,
+      err.loc.start.offset,
+      err.loc.end.offset
+    );
+    warn(codeFrame ? `${message}
+${codeFrame}` : message);
+  }
+  const render = new Function("Vue", code)(runtimeDom);
+  render._rc = true;
+  return compileCache[key] = render;
 }
@@ -70,0 +65,0 @@ registerRuntimeCompiler(compileToFunction);

dist/vue.runtime.esm-bundler.js

@@ -5,19 +5,19 @@ import { initCustomFormatter, warn } from '@vue/runtime-dom';
 function initDev() {
-    {
-        initCustomFormatter();
-    }
+  {
+    initCustomFormatter();
+  }
 }
 
-// This entry exports the runtime only, and is built as
-if ((process.env.NODE_ENV !== 'production')) {
-    initDev();
+if (process.env.NODE_ENV !== "production") {
+  initDev();
 }
 const compile = () => {
-    if ((process.env.NODE_ENV !== 'production')) {
-        warn(`Runtime compilation is not supported in this build of Vue.` +
-            (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".`
-                ) /* should not happen */);
-    }
+  if (process.env.NODE_ENV !== "production") {
+    warn(
+      `Runtime compilation is not supported in this build of Vue.` + (` Configure your bundler to alias "vue" to "vue/dist/vue.esm-bundler.js".` )
+      /* should not happen */
+    );
+  }
 };
 
 export { compile };

package.json

 {
   "name": "vue",
-  "version": "3.2.47",
+  "version": "3.3.2",
   "description": "The progressive JavaScript framework for building modern web UI.",
@@ -16,2 +16,4 @@ "main": "index.js",
     "server-renderer",
+    "jsx-runtime",
+    "jsx.d.ts",
     "macros.d.ts",
@@ -40,2 +42,13 @@ "macros-global.d.ts",
     },
+    "./jsx-runtime": {
+      "types": "./jsx-runtime/index.d.ts",
+      "import": "./jsx-runtime/index.mjs",
+      "require": "./jsx-runtime/index.js"
+    },
+    "./jsx-dev-runtime": {
+      "types": "./jsx-runtime/index.d.ts",
+      "import": "./jsx-runtime/index.mjs",
+      "require": "./jsx-runtime/index.js"
+    },
+    "./jsx": "./jsx.d.ts",
     "./dist/*": "./dist/*",
@@ -73,8 +86,8 @@ "./package.json": "./package.json",
   "dependencies": {
-    "@vue/shared": "3.2.47",
-    "@vue/compiler-dom": "3.2.47",
-    "@vue/runtime-dom": "3.2.47",
-    "@vue/compiler-sfc": "3.2.47",
-    "@vue/server-renderer": "3.2.47"
+    "@vue/shared": "3.3.2",
+    "@vue/compiler-dom": "3.3.2",
+    "@vue/runtime-dom": "3.3.2",
+    "@vue/compiler-sfc": "3.3.2",
+    "@vue/server-renderer": "3.3.2"
   }
-}
+}

ref-macros.d.ts

@@ -1,2 +0,2 @@
-// TODO deprecated file - to be removed when out of experimental
+// TODO remove in 3.4
 import './macros-global'

New alerts

Uses eval

Supply chain risk

Package uses eval() which is a dangerous function. This prevents the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Fixed alerts

Uses eval

Supply chain risk

Package uses eval() which is a dangerous function. This prevents the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.

Found 1 instance in 1 package

Improved metrics

Number of package files

35

increased by20.69%

Published versions last months

6

increased by50%

Published versions last two months

6

increased by50%

Published versions last week

3

increased by50%

Published versions last year

60

increased by3.45%

Worsened metrics

Total package byte prevSize

2010077

decreased by-21.15%

Lines of code

53671

decreased by-4.44%

Dependency changes

• + Added@jridgewell/sourcemap-codec@1.4.15(transitive)

• + Added@vue/compiler-core@3.3.2(transitive)

• + Added@vue/compiler-dom@3.3.2(transitive)

• + Added@vue/compiler-sfc@3.3.2(transitive)

• + Added@vue/compiler-ssr@3.3.2(transitive)

• + Added@vue/reactivity@3.3.2(transitive)

• + Added@vue/reactivity-transform@3.3.2(transitive)

• + Added@vue/runtime-core@3.3.2(transitive)

• + Added@vue/runtime-dom@3.3.2(transitive)

• + Added@vue/server-renderer@3.3.2(transitive)

• + Added@vue/shared@3.3.2(transitive)

• + Addedcsstype@3.1.3(transitive)

• + Addedmagic-string@0.30.10(transitive)

• - Removed@vue/compiler-core@3.2.47(transitive)

• - Removed@vue/compiler-dom@3.2.47(transitive)

• - Removed@vue/compiler-sfc@3.2.47(transitive)

• - Removed@vue/compiler-ssr@3.2.47(transitive)

• - Removed@vue/reactivity@3.2.47(transitive)

• - Removed@vue/reactivity-transform@3.2.47(transitive)

• - Removed@vue/runtime-core@3.2.47(transitive)

• - Removed@vue/runtime-dom@3.2.47(transitive)

• - Removed@vue/server-renderer@3.2.47(transitive)

• - Removed@vue/shared@3.2.47(transitive)

• - Removedcsstype@2.6.21(transitive)

• - Removedmagic-string@0.25.9(transitive)

• - Removedsource-map@0.6.1(transitive)

• - Removedsourcemap-codec@1.4.8(transitive)

• Updated@vue/compiler-dom@3.3.2

• Updated@vue/compiler-sfc@3.3.2

• Updated@vue/runtime-dom@3.3.2

• Updated@vue/server-renderer@3.3.2

• Updated@vue/shared@3.3.2