Merge branch 'skyra-project:main' into main

Author: eumarciel404

.eslintrc

@@ -102,19 +102,9 @@
 	},
 	"overrides": [
 		{
-			"files": ["**/test/**/*.{html,js,mjs,ts}", "**/demo/**/*.{html,js,mjs,ts}", "**/stories/**/*.{html,js,mjs,ts}"],
+			"files": ["packages/documentation/src/env.d.ts"],
 			"rules": {
-				"no-console": "off",
-				"no-unused-expressions": "off",
-				"class-methods-use-this": "off",
-
-				// loosen templating restrictions in tests and demos
-				"lit/no-template-bind": "off",
-				"lit/no-duplicate-template-bindings": "off",
-				"lit/no-useless-template-literals": "off",
-				"lit/binding-positions": "off",
-				"lit/no-invalid-html": "off",
-				"lit/no-private-properties": "off"
+				"@typescript-eslint/triple-slash-reference": "off"
 			}
 		}
 	]

.github/workflows/publish-demo.yml renamed to .github/workflows/publish-documentation.yml

@@ -1,4 +1,4 @@
-name: Deploy demo content to Pages
+name: Deploy documentation
 
 on:
   push:
@@ -36,20 +36,12 @@ jobs:
         run: yarn --immutable
       - name: Build code
         run: yarn build
-      - name: Copy demo files
-        run: cp packages/core/demo/* docs/
-      - name: Replace path of entrypoint file
-        run: sed -i 's/..\/src\/index.ts/\/src\/main.ts/' docs/index.html
-      - name: Copy LICENSE and README
-        run: |
-          cp LICENSE.md docs/public/
-          cp README.md docs/public/
-      - name: Bundle with vite
-        run: yarn workspace docs run build
+      - name: Build docs
+        run: yarn build:documentation
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          path: docs/dist/
+          path: packages/documentation/dist
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4

CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-alpha.24](https://github.com/skyra-project/discord-components/compare/v4.0.0-alpha.23...v4.0.0-alpha.24) (2024-07-31)
+
+### Bug Fixes
+
+* add skiping one line ([#427](https://github.com/skyra-project/discord-components/issues/427)) ([0de39d7](https://github.com/skyra-project/discord-components/commit/0de39d7437e088f8c227359ec2a0c102cb9ef4bd)) (@eumarciel404)
+* added the possibility of skipping lines for discord-embed titles ([#426](https://github.com/skyra-project/discord-components/issues/426)) ([bc62ed5](https://github.com/skyra-project/discord-components/commit/bc62ed58b21b06270aff7c633f461bb01103c94b)) (@favna)
+* added the possibility of skipping lines for discord-embed-field titles ([#428](https://github.com/skyra-project/discord-components/issues/428)) ([67b0ab9](https://github.com/skyra-project/discord-components/commit/67b0ab9229307c6423b91c7b8f28479d36aba0ba)) (@eumarciel404)
+* **discord-button:** fixed button type checking to be null safe ([7d99d99](https://github.com/skyra-project/discord-components/commit/7d99d99cb6ff9f3d2ad060b49305da4049958e19)) (@favna)
+* **discord-embed-field:** fixed inline-index checking to be null safe ([84e5bc4](https://github.com/skyra-project/discord-components/commit/84e5bc46305abb880fd6243c028c8dfa23295390)) (@favna)
+
+### Features
+
+* add `dismissMessageClicked` to `discord-message` ([c7f6b51](https://github.com/skyra-project/discord-components/commit/c7f6b51dc5d3079ae9e9e31417cdb8068b6e9d60)) (@favna)
+
 # [4.0.0-alpha.23](https://github.com/skyra-project/discord-components/compare/v4.0.0-alpha.22...v4.0.0-alpha.23) (2024-07-18)
 
 ### Bug Fixes

assets/iconography/discord-components-apple-startup.psd

@@ -3,7 +3,7 @@
 	"packages": ["packages/*"],
 	"npmClient": "yarn",
 	"useWorkspaces": true,
-	"version": "4.0.0-alpha.23",
+	"version": "4.0.0-alpha.24",
 	"command": {
 		"publish": {
 			"conventionalCommits": true,

assets/iconography/discord-components-logo.psd

@@ -19,7 +19,8 @@
 		"start": "yarn workspace @skyra/discord-components-core start",
 		"build": "yarn clean && yarn build:core && yarn build:react && yarn lint && yarn format",
 		"build:core": "yarn workspace @skyra/discord-components-core build",
-		"build:react": "yarn workspace @skyra/discord-components-react build"
+		"build:react": "yarn workspace @skyra/discord-components-react build",
+		"build:documentation": "yarn workspace documentation build"
 	},
 	"devDependencies": {
 		"@commitlint/cli": "^19.3.0",
@@ -29,7 +30,7 @@
 		"@lerna-lite/run": "^3.7.1",
 		"@sapphire/prettier-config": "^2.0.0",
 		"@sapphire/ts-config": "^5.0.1",
-		"@types/node": "^20.14.12",
+		"@types/node": "^20.14.13",
 		"eslint": "^8.57.0",
 		"eslint-config-neon": "^0.1.62",
 		"eslint-config-prettier": "^9.1.0",

assets/iconography/discord-components-opengraphpsd.psd

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-alpha.24](https://github.com/skyra-project/discord-components/compare/v4.0.0-alpha.23...v4.0.0-alpha.24) (2024-07-31)
+
+### Bug Fixes
+
+* add skiping one line ([#427](https://github.com/skyra-project/discord-components/issues/427)) ([0de39d7](https://github.com/skyra-project/discord-components/commit/0de39d7437e088f8c227359ec2a0c102cb9ef4bd)) (@eumarciel404)
+* added the possibility of skipping lines for discord-embed titles ([#426](https://github.com/skyra-project/discord-components/issues/426)) ([bc62ed5](https://github.com/skyra-project/discord-components/commit/bc62ed58b21b06270aff7c633f461bb01103c94b)) (@favna)
+* added the possibility of skipping lines for discord-embed-field titles ([#428](https://github.com/skyra-project/discord-components/issues/428)) ([67b0ab9](https://github.com/skyra-project/discord-components/commit/67b0ab9229307c6423b91c7b8f28479d36aba0ba)) (@eumarciel404)
+* **discord-button:** fixed button type checking to be null safe ([7d99d99](https://github.com/skyra-project/discord-components/commit/7d99d99cb6ff9f3d2ad060b49305da4049958e19)) (@favna)
+* **discord-embed-field:** fixed inline-index checking to be null safe ([84e5bc4](https://github.com/skyra-project/discord-components/commit/84e5bc46305abb880fd6243c028c8dfa23295390)) (@favna)
+
+### Features
+
+* add `dismissMessageClicked` to `discord-message` ([c7f6b51](https://github.com/skyra-project/discord-components/commit/c7f6b51dc5d3079ae9e9e31417cdb8068b6e9d60)) (@favna)
+
 # [4.0.0-alpha.23](https://github.com/skyra-project/discord-components/compare/v4.0.0-alpha.22...v4.0.0-alpha.23) (2024-07-18)
 
 ### Bug Fixes

docs/.gitignore

@@ -1,6 +1,6 @@
 {
 	"name": "@skyra/discord-components-core",
-	"version": "4.0.0-alpha.23",
+	"version": "4.0.0-alpha.24",
 	"description": "Web components to easily build and display fake Discord messages on your webpages.",
 	"author": "@skyra",
 	"license": "MIT",

docs/package.json

@@ -1,5 +1,8 @@
 import { css } from 'lit';
 
+/**
+ * @internal
+ */
 export const DiscordMediaAttachmentStyles = css`
 	.discord-media-attachment-non-visual-media-item-container {
 		justify-self: start;

docs/src/main.ts

@@ -3,6 +3,9 @@ import { customElement } from 'lit/decorators.js';
 
 @customElement('discord-action-row')
 export class DiscordActionRow extends LitElement {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			display: flex;

docs/tsconfig.json

@@ -3,6 +3,9 @@ import { customElement } from 'lit/decorators.js';
 
 @customElement('discord-attachments')
 export class DiscordAttachments extends LitElement {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			display: grid;

docs/tsconfig.node.json

@@ -9,6 +9,9 @@ import VerifiedTick from '../svgs/VerifiedTick.js';
 
 @customElement('discord-author-info')
 export class DiscordAuthorInfo extends LitElement {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			display: inline-flex;

docs/vite.config.ts

@@ -8,6 +8,9 @@ import LaunchIcon from '../svgs/LaunchIcon.js';
 
 @customElement('discord-button')
 export class DiscordButton extends LitElement implements DiscordButtonProps {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host > *:first-child {
 			display: flex;

lerna.json

@@ -6,6 +6,9 @@ import { messagesLightTheme } from '../discord-messages/DiscordMessages.js';
 
 @customElement('discord-code')
 export class DiscordCode extends LitElement implements LightTheme {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			background-color: #2f3136;

package.json

@@ -6,6 +6,9 @@ import { getGlobalEmojiUrl } from '../../util.js';
 
 @customElement('discord-custom-emoji')
 export class DiscordCustomEmoji extends LitElement {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		.discord-custom-emoji {
 			display: inline-block;

packages/core/CHANGELOG.md

@@ -3,6 +3,9 @@ import { customElement } from 'lit/decorators.js';
 
 @customElement('discord-embed-description')
 export class DiscordEmbedDescription extends LitElement {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			font-size: 0.875rem;

packages/core/package.json

@@ -10,6 +10,9 @@ import { messagesLightTheme } from '../discord-messages/DiscordMessages.js';
 
 @customElement('discord-embed-field')
 export class DiscordEmbedField extends LitElement implements LightTheme {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			font-size: 0.875rem;

packages/core/src/components/_private/DiscordMediaAttachmentStyles.ts

@@ -3,6 +3,9 @@ import { customElement } from 'lit/decorators.js';
 
 @customElement('discord-embed-fields')
 export class DiscordEmbedFields extends LitElement {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			display: grid;

packages/core/src/components/discord-action-row/DiscordActionRow.ts

@@ -9,6 +9,9 @@ import { messagesLightTheme } from '../discord-messages/DiscordMessages.js';
 
 @customElement('discord-embed-footer')
 export class DiscordEmbedFooter extends LitElement implements LightTheme {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			-webkit-box-align: center;

packages/core/src/components/discord-attachments/DiscordAttachments.ts

@@ -12,6 +12,9 @@ import { messagesLightTheme } from '../discord-messages/DiscordMessages.js';
 
 @customElement('discord-embed')
 export class DiscordEmbed extends LitElement implements DiscordEmbedProps, LightTheme {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			color: #dcddde;

packages/core/src/components/discord-author-info/DiscordAuthorInfo.ts

@@ -11,6 +11,9 @@ import FileAttachment from '../svgs/FileAttachment.js';
 
 @customElement('discord-file-attachment')
 export class DiscordFileAttachment extends LitElement implements LightTheme {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			display: grid;

packages/core/src/components/discord-button/DiscordButton.ts

@@ -4,6 +4,9 @@ import { choose } from 'lit/directives/choose.js';
 
 @customElement('discord-header')
 export class DiscordHeader extends LitElement {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host > * {
 			margin: 16px 0 8px;

packages/core/src/components/discord-code/DiscordCode.ts

@@ -7,6 +7,9 @@ import { validateImageExtension } from '../../util.js';
 
 @customElement('discord-image-attachment')
 export class DiscordImageAttachment extends LitElement {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			display: block;

packages/core/src/components/discord-custom-emoji/DiscordCustomEmoji.ts

@@ -12,6 +12,9 @@ import VerifiedBadgeOverlay from '../svgs/VerifiedBadgeOverlay.js';
 
 @customElement('discord-invite')
 export class DiscordInvite extends LitElement implements LightTheme {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			background-color: #2f3136;

packages/core/src/components/discord-embed-description/DiscordEmbedDescription.ts

@@ -8,6 +8,9 @@ import { messagesLightTheme } from '../discord-messages/DiscordMessages.js';
 
 @customElement('discord-link')
 export class DiscordLink extends LitElement implements LightTheme {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		a {
 			color: #00aff4;

packages/core/src/components/discord-embed-field/DiscordEmbedField.ts

@@ -4,6 +4,9 @@ import { DiscordComponentsError } from '../../util.js';
 
 @customElement('discord-list-item')
 export class DiscordListItem extends LitElement {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host > li {
 			white-space: break-spaces;

packages/core/src/components/discord-embed-fields/DiscordEmbedFields.ts

@@ -16,6 +16,9 @@ import VoiceChannel from '../svgs/VoiceChannel.js';
 
 @customElement('discord-mention')
 export class DiscordMention extends LitElement implements LightTheme {
+	/**
+	 * @internal
+	 */
 	public static override readonly styles = css`
 		:host {
 			color: #e3e7f8;