@chakra-ui/vue-utils - npm Package Compare versions

Comparing version 0.1.0-alpha.12 to 1.0.0-alpha.11

CHANGELOG.md

 # @chakra-ui/vue-utils
 
-## 0.1.0-alpha.12
+## 1.0.0-alpha.11
 
-### Patch Changes
+### Major Changes
 
-- fix deployment build
+- [#163](https://github.com/chakra-ui/chakra-ui-vue-next/pull/163) [`a3492eb`](https://github.com/chakra-ui/chakra-ui-vue-next/commit/a3492eb70b30207ab97a1a5b9273f70d14159df9) Thanks [@codebender828](https://github.com/codebender828)! - Add component for checkbox and checnbox group
 
-## 0.1.0-alpha.11
-
 ### Minor Changes
 
-- [#126](https://github.com/chakra-ui/chakra-ui-vue-next/pull/126) [`46e414d`](https://github.com/chakra-ui/chakra-ui-vue-next/commit/46e414d1bb1a9a0b322beeedd8c9c3eb2811cb71) Thanks [@codebender828](https://github.com/codebender828)! - Create @chakra-ui/vue-styled package"
+- [#142](https://github.com/chakra-ui/chakra-ui-vue-next/pull/142) [`89c1904`](https://github.com/chakra-ui/chakra-ui-vue-next/commit/89c1904006578fca45c1938cf9d8cd44008ba0ab) Thanks [@codebender828](https://github.com/codebender828)! - Created accordion component and migrated to Zag.js
 
+* [#126](https://github.com/chakra-ui/chakra-ui-vue-next/pull/126) [`46e414d`](https://github.com/chakra-ui/chakra-ui-vue-next/commit/46e414d1bb1a9a0b322beeedd8c9c3eb2811cb71) Thanks [@codebender828](https://github.com/codebender828)! - Create @chakra-ui/vue-styled package"
+
 ## 0.1.0-alpha.10
@@ -16,0 +16,0 @@

dist/chakra-ui-vue-utils.cjs.d.ts

@@ -1,1 +0,11 @@
-export * from "./declarations/src/index";
+// are you seeing an error that a default export doesn't exist but your source file has a default export?
+// you should run `yarn` or `yarn preconstruct dev` if preconstruct dev isn't in your postinstall hook
+
+// curious why you need to?
+// this file exists so that you can import from the entrypoint normally
+// except that it points to your source file and you don't need to run build constantly
+// which means we need to re-export all of the modules from your source file
+// and since export * doesn't include default exports, we need to read your source file
+// to check for a default export and re-export it if it exists
+// it's not ideal, but it works pretty well ¯\_(ツ)_/¯
+export * from "../src/index";

dist/chakra-ui-vue-utils.cjs.js

@@ -1,7 +0,16 @@
-'use strict';
+"use strict";
+// this file might look strange and you might be wondering what it's for
+// it's lets you import your source files by importing this entrypoint
+// as you would import it if it was built with preconstruct build
+// this file is slightly different to some others though
+// it has a require hook which compiles your code with Babel
+// this means that you don't have to set up @babel/register or anything like that
+// but you can still require this module and it'll be compiled
 
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./chakra-ui-vue-utils.cjs.prod.js");
-} else {
-  module.exports = require("./chakra-ui-vue-utils.cjs.dev.js");
-}
+// this bit of code imports the require hook and registers it
+let unregister = require("../../../node_modules/@preconstruct/hook").___internalHook(typeof __dirname === 'undefined' ? undefined : __dirname, "../../..", "..");
+
+// this re-exports the source file
+module.exports = require("../src/index.ts");
+
+unregister();

package.json

 {
   "name": "@chakra-ui/vue-utils",
-  "version": "0.1.0-alpha.12",
+  "version": "1.0.0-alpha.11",
   "main": "dist/chakra-ui-vue-utils.cjs.js",
@@ -20,4 +20,9 @@ "module": "dist/chakra-ui-vue-utils.esm.js",
   "dependencies": {
-    "@chakra-ui/utils": "^1.9.1",
+    "@chakra-ui/styled-system": "^2.2.2",
+    "@chakra-ui/utils": "^2.0.3",
+    "@types/lodash.camelcase": "^4.3.6",
+    "@types/lodash.memoize": "^4.1.6",
     "css-box-model": "1.2.1",
+    "lodash.camelcase": "^4.3.0",
+    "lodash.memoize": "^4.1.2",
     "lodash.mergewith": "^4.6.2",
@@ -29,3 +34,3 @@ "object-assign": "^4.1.1"
     "@types/object-assign": "4.0.30",
-    "vue": "^3.2.29"
+    "vue": "^3.2.37"
   },
@@ -38,2 +43,2 @@ "peerDependencies": {
   }
-}
+}

src/index.ts

@@ -13,1 +13,4 @@ export * from "./vue-utils"
 export * from "./focus"
+export * from "./attrs"
+export * from "./generate-id"
+export * from "./string"

src/props.ts

@@ -20,3 +20,3 @@ import { DOMElements, ThemingProps } from "@chakra-ui/vue-system"
   > {
-  as: DOMElements | "router-link" | "nuxt-link"
+  as?: DOMElements | "router-link" | "nuxt-link"
 }

src/vue-utils.ts

@@ -1,2 +0,3 @@
-import { isFunction, isObject } from "@chakra-ui/utils"
+import { isFunction, isObject, Dict } from "@chakra-ui/utils"
+import { SystemStyleObject } from "@chakra-ui/styled-system"
 import { inject, InjectionKey, provide, isVNode, Slots, VNode } from "vue"
@@ -20,3 +21,3 @@
 
-type CreateContextReturn<T> = [(opts: T) => void, (fallback?: T) => T]
+type CreateContextReturn<T> = [(opts: T) => void, (fallback?: T) => T, Symbol]
 
@@ -51,3 +52,7 @@ /**
 
-  return [Provider, useContext] as CreateContextReturn<ContextType>
+  return [
+    Provider,
+    useContext,
+    contextSymbol,
+  ] as CreateContextReturn<ContextType>
 }
@@ -54,0 +59,0 @@

tests/dom.test.ts

@@ -1,2 +0,2 @@
-import { render, waitMs, screen } from "@chakra-ui/vue-test-utils/src"
+import { render, waitMs, screen } from "@chakra-ui/vue-test-utils"
 import { defineComponent, h, nextTick, onMounted } from "vue"
@@ -3,0 +3,0 @@ import { useRef } from "../src/dom"

tests/vue-helpers.test.ts

@@ -1,4 +0,4 @@
-import { createContext } from "@chakra-ui/vue-utils/src"
+import { render } from "@chakra-ui/vue-test-utils"
+import { createContext } from "@chakra-ui/vue-utils"
 import { defineComponent, h } from "vue"
-import { render } from "@chakra-ui/vue-test-utils/src"
 
@@ -5,0 +5,0 @@ interface ExampleContext {

tsconfig.json

 {
   "extends": "../../tsconfig.json",
-  "include": ["src"]
+  "include": ["src", "./index.tsx", "./index.ts"]
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

27070

decreased by-65.8%

Dependency count

10

increased by100%

Number of package files

25

decreased by-50.98%

Lines of code

657

decreased by-67.78%

Dependency changes

• + Added@chakra-ui/styled-system@^2.2.2

• + Added@types/lodash.camelcase@^4.3.6

• + Added@types/lodash.memoize@^4.1.6

• + Addedlodash.camelcase@^4.3.0

• + Addedlodash.memoize@^4.1.2

• + Added@chakra-ui/styled-system@2.12.1(transitive)

• + Added@chakra-ui/utils@2.2.3(transitive)

• + Added@types/lodash.camelcase@4.3.9(transitive)

• + Added@types/lodash.memoize@4.1.9(transitive)

• + Added@types/lodash.mergewith@4.6.9(transitive)

• + Addedjs-tokens@4.0.0(transitive)

• + Addedlodash.camelcase@4.3.0(transitive)

• + Addedlodash.memoize@4.1.2(transitive)

• + Addedloose-envify@1.4.0(transitive)

• + Addedreact@18.3.1(transitive)

• - Removed@chakra-ui/utils@1.10.4(transitive)

• - Removed@types/lodash.mergewith@4.6.6(transitive)

• - Removedframesync@5.3.0(transitive)

• - Removedtslib@2.8.1(transitive)

• Updated@chakra-ui/utils@^2.0.3