Skip to content

feat: Add ImageDialog component with advanced image cropping function… #32

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
agjs merged 9 commits into from
Mar 4, 2025
Merged

feat: Add ImageDialog component with advanced image cropping function… #32

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
5001aa9
feat: Add ImageDialog component with advanced image cropping function…
agjs Mar 2, 2025
3f36e96
Updates
agjs Mar 3, 2025
bbe07e1
chore: Minor styling and configuration updates across components
agjs Mar 3, 2025
9a822f3
refactor: Update Icons and DomainInput stories
agjs Mar 3, 2025
2f42af8
refactor: Migrate color scheme to OKLCH color space
agjs Mar 3, 2025
a57c391
feat: Add data-testid attributes to Icons across components
agjs Mar 4, 2025
37508fa
refactor: Remove Button color variants and related CSS
agjs Mar 4, 2025
648aa69
refactor: Improve ImageDialog and ImageCrop component functionality
agjs Mar 4, 2025
85bb2d8
refactor: Simplify image handling and remove unnecessary props
agjs Mar 4, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 0 additions & 30 deletions .eslintrc.js
View file
Open in desktop

This file was deleted.

2 changes: 1 addition & 1 deletion .storybook/preview.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ const preview: Preview = {
values: [
{
name: "programmer.network",
value: "#1b1f23"
value: "#000408"
}
]
},
Expand Down
15 changes: 7 additions & 8 deletions .storybook/theme.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,18 +4,17 @@ export default create({
base: "dark",
brandTitle: "Yail",
brandUrl: "https://programmer.network",
brandImage:
"https://raw.githubusercontent.com/Programmer-Network/yail/master/assets/images/yail-logo.png",
brandImage: "../assets/images/yail-logo.png",
brandTarget: "_self",
appBg: "#1b1f23",
appContentBg: "#1b1f23",
appBorderColor: "#1b1f23",
appBg: "#000408",
appContentBg: "#000408",
appBorderColor: "#000408",
colorPrimary: "#ffb900",
textColor: "#9ca3af",
barBg: "#1b1f23",
barBg: "#000408",
barTextColor: "#ffb900",
barSelectedColor: "#4338ca",
barHoverColor: "#4338ca",
barSelectedColor: "#ffb900",
barHoverColor: "#ffb900",
appBorderRadius: 0,
colorSecondary: "#ffb900"
});
2 changes: 1 addition & 1 deletion assets/icons/icon-mastodon.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified assets/images/yail-logo.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
46 changes: 46 additions & 0 deletions eslint.config.mjs
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
import pluginJs from "@eslint/js";
import pluginReact from "eslint-plugin-react";
import pluginReactHooks from "eslint-plugin-react-hooks";
import globals from "globals";
import tseslint from "typescript-eslint";

export default [
{
files: ["**/*.{js,mjs,cjs,ts,jsx,tsx}"],
languageOptions: {
globals: {
...globals.browser,
...globals.node,
...globals.jest,
React: "readonly"
},
parser: tseslint.parser,
parserOptions: {
ecmaVersion: "latest",
sourceType: "module",
ecmaFeatures: { jsx: true }
}
},
plugins: {
react: pluginReact,
"@typescript-eslint": tseslint.plugin,
"react-hooks": pluginReactHooks
},
settings: {
react: {
version: "detect"
}
},
rules: {
...pluginJs.configs.recommended.rules,
...tseslint.configs.recommended[0].rules,
...pluginReact.configs.flat.recommended.rules,
"react/react-in-jsx-scope": "off",
"react/prop-types": "off",
"react-hooks/rules-of-hooks": "error",
"react-hooks/exhaustive-deps": "warn",
"no-unused-vars": "off",
"@typescript-eslint/no-unused-vars": "error"
}
}
];
190 changes: 99 additions & 91 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@
},
"lint-staged": {
"*.{js,jsx,ts,tsx}": [
"eslint --cache --fix",
"eslint --cache --fix --config eslint.config.mjs",
"prettier --write"
],
"*.{css,html,md}": "prettier --write"
Expand All @@ -55,112 +55,120 @@
"keywords": [],
"license": "ISC",
"devDependencies": {
"@babel/core": "7.24.0",
"@babel/preset-env": "7.24.0",
"@babel/preset-react": "7.23.3",
"@babel/preset-typescript": "7.23.3",
"@faker-js/faker": "8.4.1",
"@programmer_network/use-ajv-form": "1.0.19",
"@storybook/addon-actions": "8.0.0",
"@storybook/addon-essentials": "8.0.0",
"@storybook/addon-interactions": "8.0.0",
"@storybook/addon-links": "8.0.0",
"@storybook/addon-onboarding": "8.0.0",
"@storybook/blocks": "8.0.0",
"@storybook/manager-api": "8.0.0",
"@storybook/react": "8.0.0",
"@storybook/react-vite": "8.0.0",
"@storybook/theming": "8.0.0",
"@tailwindcss/forms": "0.5.7",
"@tailwindcss/typography": "0.5.10",
"@testing-library/jest-dom": "6.4.2",
"@testing-library/react": "14.2.1",
"@trivago/prettier-plugin-sort-imports": "4.3.0",
"@types/jest": "29.5.8",
"@types/node": "20.8.10",
"@types/react": "18.3.1",
"@babel/core": "7.26.9",
"@babel/preset-env": "7.26.9",
"@babel/preset-react": "7.26.3",
"@babel/preset-typescript": "7.26.0",
"@eslint/compat": "1.2.7",
"@eslint/eslintrc": "3.3.0",
"@eslint/js": "9.21.0",
"@faker-js/faker": "9.5.1",
"@programmer_network/use-ajv-form": "1.0.31",
"@storybook/addon-actions": "8.6.3",
"@storybook/addon-essentials": "8.6.3",
"@storybook/addon-interactions": "8.6.3",
"@storybook/addon-links": "8.6.3",
"@storybook/addon-onboarding": "8.6.3",
"@storybook/blocks": "8.6.3",
"@storybook/manager-api": "8.6.3",
"@storybook/react": "8.6.3",
"@storybook/react-vite": "8.6.3",
"@storybook/theming": "8.6.3",
"@tailwindcss/forms": "0.5.10",
"@tailwindcss/postcss": "4.0.9",
"@tailwindcss/typography": "0.5.16",
"@testing-library/jest-dom": "6.6.3",
"@testing-library/react": "16.2.0",
"@trivago/prettier-plugin-sort-imports": "5.2.2",
"@types/jest": "29.5.14",
"@types/node": "22.13.0",
"@types/react": "19.0.10",
"@types/react-copy-to-clipboard": "5.0.7",
"@types/react-dom": "18.3.0",
"@types/sanitize-html": "2.9.5",
"@typescript-eslint/eslint-plugin": "7.2.0",
"@typescript-eslint/parser": "7.2.0",
"@vitejs/plugin-react": "4.2.1",
"@vitest/ui": "1.4.0",
"ajv": "8.13.0",
"autoprefixer": "10.4.18",
"@types/react-dom": "19.0.0",
"@types/sanitize-html": "2.13.0",
"@typescript-eslint/eslint-plugin": "8.25.0",
"@typescript-eslint/parser": "8.25.0",
"@vitejs/plugin-react": "4.3.4",
"@vitest/ui": "3.0.7",
"ajv": "8.17.1",
"client": "link:@types/vite-plugin-svgr/client",
"core": "link:@types/@popperjs/core",
"create": "link:@types/@storybook/theming/create",
"eslint": "8.57.0",
"eslint-config-prettier": "9.1.0",
"eslint-plugin-prettier": "5.1.3",
"eslint-plugin-react": "7.34.1",
"eslint-plugin-react-hooks": "4.6.0",
"eslint-plugin-storybook": "0.8.0",
"husky": "9.0.11",
"jsdom": "24.0.0",
"postcss": "8.4.35",
"prettier": "3.2.5",
"prettier-plugin-tailwindcss": "0.5.12",
"react": "18.3.1",
"react-dom": "18.3.1",
"react-router-dom": "6.21.1",
"storybook": "8.0.0",
"storybook-addon-remix-react-router": "3.0.0",
"tailwindcss": "3.4.1",
"typescript": "5.4.2",
"vite": "5.2.11",
"vite-plugin-dts": "3.7.3",
"vite-tsconfig-paths": "4.3.2",
"vitest": "1.4.0"
"eslint": "9.21.0",
"eslint-config-prettier": "10.0.2",
"eslint-plugin-prettier": "5.2.3",
"eslint-plugin-react": "7.37.1",
"eslint-plugin-react-hooks": "5.2.0",
"eslint-plugin-storybook": "0.11.3",
"globals": "16.0.0",
"husky": "9.1.7",
"jsdom": "26.0.0",
"postcss": "8.5.3",
"prettier": "3.5.3",
"prettier-plugin-tailwindcss": "0.6.11",
"react": "19.0.0",
"react-dom": "19.0.0",
"react-router-dom": "7.2.0",
"storybook": "8.6.3",
"storybook-addon-remix-react-router": "4.0.1",
"tailwindcss": "4.0.9",
"typescript": "5.8.2",
"typescript-eslint": "8.26.0",
"vite": "6.2.0",
"vite-plugin-dts": "4.5.3",
"vite-plugin-eslint": "1.8.1",
"vite-tsconfig-paths": "5.1.4",
"vitest": "3.0.7"
},
"dependencies": {
"@popperjs/core": "2.11.8",
"@programmer_network/ajv": "1.0.4",
"@storybook/test": "8.0.0",
"@tiptap/core": "2.2.4",
"@tiptap/extension-blockquote": "2.2.4",
"@tiptap/extension-bold": "2.2.4",
"@tiptap/extension-bullet-list": "2.2.4",
"@tiptap/extension-code": "2.2.4",
"@tiptap/extension-code-block": "2.2.4",
"@tiptap/extension-color": "2.2.4",
"@tiptap/extension-document": "2.2.4",
"@tiptap/extension-dropcursor": "2.2.4",
"@tiptap/extension-hard-break": "2.2.4",
"@tiptap/extension-heading": "2.2.4",
"@tiptap/extension-history": "2.2.4",
"@tiptap/extension-image": "2.2.4",
"@tiptap/extension-italic": "2.2.4",
"@tiptap/extension-link": "2.2.4",
"@tiptap/extension-list-item": "2.2.4",
"@tiptap/extension-mention": "2.2.4",
"@tiptap/extension-ordered-list": "2.2.4",
"@tiptap/extension-paragraph": "2.2.4",
"@tiptap/extension-placeholder": "2.2.4",
"@tiptap/extension-strike": "2.2.4",
"@tiptap/extension-text": "2.2.4",
"@tiptap/extension-text-style": "2.2.4",
"@tiptap/extension-youtube": "2.2.4",
"@tiptap/react": "2.2.4",
"@tiptap/suggestion": "2.2.4",
"boring-avatars": "1.10.1",
"@storybook/test": "8.6.3",
"@tailwindcss/vite": "4.0.9",
"@tiptap/core": "2.11.5",
"@tiptap/extension-blockquote": "2.11.5",
"@tiptap/extension-bold": "2.11.5",
"@tiptap/extension-bullet-list": "2.11.5",
"@tiptap/extension-code": "2.11.5",
"@tiptap/extension-code-block": "2.11.5",
"@tiptap/extension-color": "2.11.5",
"@tiptap/extension-document": "2.11.5",
"@tiptap/extension-dropcursor": "2.11.5",
"@tiptap/extension-hard-break": "2.11.5",
"@tiptap/extension-heading": "2.11.5",
"@tiptap/extension-history": "2.11.5",
"@tiptap/extension-image": "2.11.5",
"@tiptap/extension-italic": "2.11.5",
"@tiptap/extension-link": "2.11.5",
"@tiptap/extension-list-item": "2.11.5",
"@tiptap/extension-mention": "2.11.5",
"@tiptap/extension-ordered-list": "2.11.5",
"@tiptap/extension-paragraph": "2.11.5",
"@tiptap/extension-placeholder": "2.11.5",
"@tiptap/extension-strike": "2.11.5",
"@tiptap/extension-text": "2.11.5",
"@tiptap/extension-text-style": "2.11.5",
"@tiptap/extension-youtube": "2.11.5",
"@tiptap/react": "2.11.5",
"@tiptap/suggestion": "2.11.5",
"boring-avatars": "1.11.2",
"classnames": "2.5.1",
"eslint-plugin-import": "2.31.0",
"prosemirror-state": "1.4.3",
"react-colorful": "5.6.1",
"react-copy-to-clipboard": "5.1.0",
"react-datepicker": "7.5.0",
"react-datepicker": "8.1.0",
"react-image-crop": "11.0.7",
"react-select": "5.8.0",
"react-select-async-paginate": "0.7.3",
"react-select": "5.10.0",
"react-select-async-paginate": "0.7.9",
"react-step-wizard": "5.3.11",
"react-tooltip": "5.26.3",
"sanitize-html": "2.12.1",
"react-tooltip": "5.28.0",
"sanitize-html": "2.14.0",
"tippy.js": "6.3.7"
},
"peerDependencies": {
"react": ">=18.2.0",
"react-dom": ">=18.2.0",
"react-router-dom": ">=6.22.3"
"react": ">=19.0.0",
"react-dom": ">=19.0.0",
"react-router-dom": ">=7.2.0"
}
}
Loading