@fabric-ds/css - npm Package Compare versions

Comparing version 1.2.0-next.1 to 1.2.0

package.json

 {
   "name": "@fabric-ds/css",
-  "version": "1.2.0-next.1",
   "description": "Fabric CSS core components and utilities",
+  "version": "1.2.0",
   "files": [
-    "dist/npm"
+    "dist",
+    "src"
   ],
-  "main": "./dist/npm/fabric.min.js",
+  "type": "module",
+  "style": "dist/fabric.min.css",
   "exports": {
-    ".": "./dist/npm/fabric.min.js",
-    "./fabric.min.js": "./dist/npm/fabric.min.js",
-    "./fabric.min.css": "./dist/npm/fabric.min.css"
+    ".": "./dist/fabric.min.css",
+    "./tailwind-config": "./src/utils/tailwind/tailwind.config.js",
+    "./component-classes": "./src/utils/component-classes/index.js",
+    "./component-classes/list.js": "./src/utils/component-classes/list.js",
+    "./base.css": "./src/base.css",
+    "./components.css": "./src/components.css",
+    "./utilities.css": "./src/utilities.css",
+    "./theme.css": "./src/theme.css",
+    "./colors.js": "./src/utils/tailwind/colors.js"
   },
-  "style": "dist/npm/fabric.min.css",
+  "typesVersions": {
+    "*": {
+      "./component-classes": [
+        "src/utils/component-classes/index.d.ts"
+      ]
+    }
+  },
   "scripts": {
-    "preversion": "eik login",
-    "prepublish": "yarn build",
-    "build": "yarn build:css && yarn build:replace && yarn build:js && yarn build:eik",
-    "build:css": "NODE_ENV=production postcss src/fabric.css --o dist/npm/fabric.min.css",
-    "build:replace": "./scripts/replaceTailwindVariables.mjs",
-    "build:js": "./scripts/constructedStylesheet.mjs",
-    "build:eik": "node ./scripts/esbuild.mjs && cp ./dist/npm/fabric.min.css ./dist/eik/fabric.min.css"
+    "eik:login": "npx @eik/cli login",
+    "eik:publish": "npx @eik/cli publish",
+    "eik:alias": "eik package-alias @fabric-ds/css",
+    "build": "node build.js && tsc",
+    "postbuild": "./src/scripts/replaceTailwindVariables.mjs && ./src/scripts/reportSizes.mjs",
+    "dev": "vite",
+    "docs": "vite build && cp CNAME site",
+    "docs:deploy": "npm run docs && gh-pages -d site",
+    "format": "prettier --write . --ignore-path .gitignore",
+    "lint": "prettier --check . --ignore-path .gitignore",
+    "semantic-release": "semantic-release"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/fabric-ds/css.git"
+  },
   "publishConfig": {
@@ -30,12 +52,49 @@ "registry": "https://registry.npmjs.org/",
   "devDependencies": {
-    "@eik/esbuild-plugin": "^1.1.6",
-    "@fabric-ds/icons": "^0.3.8",
-    "@fabric-ds/tailwind-config": "^0.5.31",
-    "lit": "^2.2.0"
+    "@eik/cli": "^2.0.0-next.6",
+    "@fabric-ds/icons": "^0.6.0",
+    "@fabric-ds/tailwind-config": "^0.5.32",
+    "@finn-no/browserslist-config": "^3.0.0",
+    "@semantic-release/changelog": "^6.0.1",
+    "@semantic-release/git": "^10.0.1",
+    "@tailwindcss/aspect-ratio": "^0.4.0",
+    "autoprefixer": "^10.1.0",
+    "brotli-size": "^4.0.0",
+    "cssnano": "^5.0.8",
+    "cz-conventional-changelog": "^3.3.0",
+    "drnm": "^0.9.0",
+    "filesize": "^8.0.3",
+    "gh-pages": "^3.1.0",
+    "glob": "^7.1.6",
+    "html-format": "^1.0.1",
+    "lit-element": "^3.0.0",
+    "postcss": "^8.2.6",
+    "postcss-cli": "^9.0.1",
+    "postcss-import": "^14.0.0",
+    "postcss-import-svg": "^1.0.4",
+    "postcss-preset-env": "^7.4.3",
+    "prettier": "^2.2.1",
+    "pretty-bytes": "^5.5.0",
+    "rimraf": "^3.0.2",
+    "semantic-release": "^19.0.2",
+    "semantic-release-slack-bot": "^3.5.2",
+    "tailwindcss": "^2.0.3",
+    "typescript": "^4.6.3",
+    "vite": "^2.6.2",
+    "vite-plugin-html": "^2.0.0-rc.3"
   },
   "eik": {
     "server": "https://assets.finn.no",
-    "files": "dist/eik"
+    "files": {
+      "fabric.min.css": "./dist/fabric.min.css"
+    }
   },
-  "gitHead": "7b7391f45aa2c2256f0ca89ff2d5133ec34bda9c"
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "gitHead": "7b7391f45aa2c2256f0ca89ff2d5133ec34bda9c",
+  "dependencies": {
+    "lit-html": "^2.2.3"
+  }
 }

README.md

@@ -13,3 +13,3 @@ # Fabric CSS
 ```html
-<link href="https://assets.finn.no/pkg/@fabric-ds/css/v0/fabric.min.css" rel="stylesheet" />
+<link href="https://assets.finn.no/pkg/@fabric-ds/css/v1/fabric.min.css" rel="stylesheet" />
 ```
@@ -22,1 +22,43 @@
 ```
+
+## Development
+
+Install dependencies:
+
+```sh
+npm install
+```
+
+Start a dev server:
+
+```sh
+npm run dev
+```
+
+Changes to to either the CSS, Tailwind configuration or the HTML files should hot reload.
+
+
+We use [commitizen](https://github.com/commitizen/cz-cli) to ensure coherent commit message structure, used by [semantic release](#releases) to generate change logs and handle versioning.
+
+```
+npm install -g commitizen
+```
+
+When installed, you should be able to type `cz` or `git cz` in your terminal to commit your changes (replacing
+`git commit`).
+
+[![Add and commit with Commitizen](https://github.com/commitizen/cz-cli/raw/master/meta/screenshots/add-commit.png)](https://github.com/commitizen/cz-cli/raw/master/meta/screenshots/add-commit.png)
+
+
+## Releases
+
+This project uses [Semantic Release](https://github.com/semantic-release/semantic-release) to automate package
+publishing when making changes to the `main` or `next` branch.
+
+It is recommended to branch off the `next` branch and follow
+[conventional commits](https://www.conventionalcommits.org/en/v1.0.0/#summary) when making changes. When your
+changes are ready for pull request, this should be opened against the `next` branch.
+
+[Read more in-depth about Fabric Releases here](https://github.com/fabric-ds/issues/blob/779d59723993c13d62374516259602d967da56ca/rfcs/0004-releases.md).
+
+Please note that the version published will depend on your commit message structure. Make sure to use commitizen (see [Development section](#development)).

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

Filesystem access

Supply chain risk

Accesses the file system, and could potentially read sensitive data.

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

Trivial Package

Supply chain risk

Packages less than 10 lines of code are easily copied into your own project and may not warrant the additional supply chain risk of an external dependency.

Found 1 instance in 1 package

No repository

Supply chain risk

Package does not have a linked source code repository. Without this field, a package will have no reference to the location of the source code use to generate the package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Number of package files

37

increased by825%

Lines of code

3270

increased by163400%

Number of low quality alerts

1

decreased by-50%

Number of lines in readme file

62

increased by195.24%

Is type module

Yes

Worsened metrics

Total package byte prevSize

529093

decreased by-41.46%

Dependency count

1

increased byInfinity%

Dev dependency count

31

increased by675%

Number of low supply chain risk alerts

2

increased by100%

Dependency changes

• + Addedlit-html@^2.2.3

• + Added@types/trusted-types@2.0.7(transitive)

• + Addedlit-html@2.8.0(transitive)