diff --git a/.github/workflows/nodejs.yml b/.github/workflows/nodejs.yml index 06ae632..0e70ee6 100644 --- a/.github/workflows/nodejs.yml +++ b/.github/workflows/nodejs.yml @@ -14,10 +14,10 @@ jobs: runs-on: ubuntu-latest steps: - name: Checkout - uses: actions/checkout@v2 + uses: actions/checkout@v3 - name: Set up Node - uses: actions/setup-node@v2 + uses: actions/setup-node@v3 - name: Install packages run: npm ci diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml index d8a1ba2..9ffa051 100644 --- a/.github/workflows/npm-publish.yml +++ b/.github/workflows/npm-publish.yml @@ -8,10 +8,10 @@ jobs: build: runs-on: ubuntu-latest steps: - - uses: actions/checkout@v2 - - uses: actions/setup-node@v2 + - uses: actions/checkout@v3 + - uses: actions/setup-node@v3 with: - node-version: '18' + node-version: 18 cache: 'npm' registry-url: 'https://registry.npmjs.org' @@ -31,10 +31,10 @@ jobs: - name: Create package version run: npm version ${VERSION} --no-git-tag-version --save --allow-same-version - working-directory: ./ + working-directory: dist - name: Publish material-icons-extended run: npm publish --tag ${NPM_TAG} - working-directory: ./ + working-directory: dist env: NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}} diff --git a/README.md b/README.md index 9f11e41..f39211c 100644 --- a/README.md +++ b/README.md @@ -104,7 +104,7 @@ To use the CSS classes, import the main the CSS sprite file in your app (verify ```html ``` @@ -122,7 +122,7 @@ To take advantage of the included mixins, import the corresponding sprite.(scss| With Sass, in your main Sass file import: ```scss -@use '@igniteui/material-icons-extended/dist/styles/sprite.scss' as *; +@use '@igniteui/material-icons-extended/styles/sprite.scss' as *; .github-icon { @include imx-icon('github'); @@ -132,7 +132,7 @@ With Sass, in your main Sass file import: With Less: ```less -@import '@igniteui/material-icons-extended/dist/styles/sprite.less'; +@import '@igniteui/material-icons-extended/styles/sprite.less'; .github-icon { .imx-icon('github'); @@ -142,7 +142,7 @@ With Less: With Stylus: ```stylus -@import '@igniteui/material-icons-extended/dist/styles/sprite.styl' +@import '@igniteui/material-icons-extended/styles/sprite.styl' .github-icon imx-icon('github') @@ -156,7 +156,7 @@ Then in an HTML file: #### Symbols -The package also includes an SVG sprite with all icons listed as `` elements. This sprite can be imported from `@igniteui/material-icons-extended/dist/assets/sprite.symbol.svg`; +The package also includes an SVG sprite with all icons listed as `` elements. This sprite can be imported from `@igniteui/material-icons-extended/assets/sprite.symbol.svg`; Once you add the image to your application, you can use the encapsulated symbols like this: In your HTML: @@ -177,7 +177,7 @@ In your CSS: #### Standalone SVG images: -All SVG icons can be found in `@igniteui/material-icons-extended/dist/assets/svgs`; +All SVG icons can be found in `@igniteui/material-icons-extended/assets/svgs`; ### Requests @@ -186,4 +186,4 @@ Feel free to use the issue tracker to request new icons. ### Where is the web font? After some internal discussions and research, we've decided not to include a web font. -There are various reasons for this decision, the main one being accesibility. SVG should be well supported across all modern browsers. +There are various reasons for this decision, the main one being accessibility. SVG should be well supported across all modern browsers. diff --git a/_package.json b/_package.json new file mode 100644 index 0000000..0fe7369 --- /dev/null +++ b/_package.json @@ -0,0 +1,39 @@ +{ + "name": "@igniteui/material-icons-extended", + "description": "A subset of Material Icons that extend the official Material Design Icons by Google.", + "author": "Infragistics", + "license": "MIT", + "version": "3.0.0", + "type": "module", + "main": "index.js", + "exports": { + ".": "./index.js", + "./migrations/*": { + "default": "./migrations/*" + }, + "./package.json": { + "default": "./package.json" + } + }, + "types": "index.d.ts", + "repository": { + "type": "git", + "url": "git+https://github.com/IgniteUI/material-icons-extended.git" + }, + "publishConfig": { + "access": "public" + }, + "keywords": [ + "icons", + "material", + "infragistics", + "igniteui" + ], + "bugs": { + "url": "https://github.com/IgniteUI/material-icons-extended/issues" + }, + "homepage": "https://github.com/IgniteUI/material-icons-extended#readme", + "ng-update": { + "migrations": "./migrations/migration.json" + } +} diff --git a/migrations/migration.json b/migrations/migration.json index 6fb83fd..c72cc02 100644 --- a/migrations/migration.json +++ b/migrations/migration.json @@ -1,8 +1,7 @@ { - "$schema": "../node_modules/@angular-devkit/schematics/collection-schema.json", "schematics": { "migration-01": { - "version": "2.0.0-beta", + "version": "3.0.0", "description": "Updates IgniteUI Material Icons Extended to the latest version.", "factory": "./base-migration" } diff --git a/migrations/tsconfig.json b/migrations/tsconfig.json index 5143247..ea3d61d 100644 --- a/migrations/tsconfig.json +++ b/migrations/tsconfig.json @@ -4,6 +4,6 @@ "module": "CommonJS", "sourceMap": false, "declaration": true, - "outDir": "../build/migrations/base-migration/" + "outDir": "../dist/migrations/base-migration/" } } diff --git a/package.json b/package.json index 8d1513d..70dbfc8 100644 --- a/package.json +++ b/package.json @@ -1,37 +1,23 @@ { "name": "@igniteui/material-icons-extended", - "version": "3.0.0", "description": "A subset of Material Icons that extend the official Material Design Icons by Google.", + "author": "Infragistics", + "license": "MIT", + "version": "3.0.0", "type": "module", "scripts": { - "build": "npm run build:a11y && vite build", - "build:a11y": "npm run clean:tmp && node scripts/a11y.mjs", - "build:migrations": "gulp copyMigrations && tsc --listEmittedFiles --project ./migrations/tsconfig.json", + "build": "npm run clean && npm run build:a11y && vite build && npm run build:migrations", + "build:a11y": "node scripts/a11y.mjs", + "build:migrations": "tsc --listEmittedFiles --project ./migrations/tsconfig.json", + "clean": "npm run clean:dist && npm run clean:tmp", + "clean:dist": "rimraf ./dist", "clean:tmp": "rimraf ./.tmp" }, "workspaces": [ "./vite-plugins/*" ], "main": "dist/index.js", - "files": [ - "dist" - ], - "exports": { - ".": "./dist/index.js", - "./build/migrations/*": { - "default": "./dist/migrations/*" - }, - "./package.json": { - "default": "./package.json" - } - }, - "typesVersion": { - "*": { - "*": [ - "dist/*" - ] - } - }, + "types": "dist/index.d.ts", "repository": { "type": "git", "url": "git+https://github.com/IgniteUI/material-icons-extended.git" @@ -39,12 +25,6 @@ "publishConfig": { "access": "public" }, - "keywords": [ - "icons", - "material" - ], - "author": "Infragistics", - "license": "MIT", "bugs": { "url": "https://github.com/IgniteUI/material-icons-extended/issues" }, diff --git a/vite.config.ts b/vite.config.ts index 9b73ca5..12f64fb 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -45,7 +45,24 @@ export default defineConfig({ viteStaticCopy({ targets: [ { - src: 'migrations', + src: 'migrations/migration.json', + dest: 'migrations', + }, + { + src: 'migrations/package.json', + dest: 'migrations', + }, + { + src: 'README.md', + dest: './', + }, + { + src: 'LICENSE', + dest: './', + }, + { + src: '_package.json', + rename: 'package.json', dest: './', }, ],