react-ag-psd-psdtool 1.0.0 → 1.1.0

package/README.md

@@ -1,73 +1,5 @@
 # react-ag-psd-psdtool
 
-Zero-knowledge ***minimalistic*** template for creating a new npm package.
-
----
-
-**📘Docs Demo**: [https://34j.github.io/react-ag-psd-psdtool/](https://34j.github.io/react-ag-psd-psdtool/)
-
-**📦️NPM Package Demo**: [https://www.npmjs.com/package/react-ag-psd-psdtool](https://www.npmjs.com/package/react-ag-psd-psdtool)
-
----
-
-## Features
-
-- The **proof** that the config is ***minimalistic*** is shown below.
-- The main reason (`☆`) of the slight complexity is the need to specify the project structure (`src`, `dist`, `test`).
-
-- 👾Github
-  - [📦🚀semantic-release](https://github.com/semantic-release/semantic-release) & [Commitizen](https://github.com/search?q=commitizen): from [this article](https://zenn.dev/wakamsha/articles/learn-semantic-release)
-  - [New Issue Templates](https://github.com/34j/react-ag-psd-psdtool/tree/main/.github/ISSUE_TEMPLATE): from [browniebroke/pypackage-template](https://github.com/browniebroke/pypackage-template/tree/main/.github/ISSUE_TEMPLATE)
-  - [💨GitHub Actions](https://github.com/34j/react-ag-psd-psdtool/tree/main/.github/workflows) + [📊Codecov](https://about.codecov.io/): npm version of [browniebroke/pypackage-template](https://github.com/browniebroke/pypackage-template/blob/main/.github/workflows/ci.yml)
-  - [🧱Renovate](https://docs.renovatebot.com/): inherits [config:best-practices](https://docs.renovatebot.com/presets-config/#configbest-practices)
-- [⚙TypeScript](https://www.typescriptlang.org/):`tsconfig.json`: inherits [@tsconfig/strictest](https://www.npmjs.com/package/@tsconfig/strictest): 4 lines for `☆`, [3 lines for ES types](https://youtu.be/H91aqUHn8sE?t=148)
-- ✨️Formatting
-  - [⚠️pre-commit](https://pre-commit.com/) and [pre-commit.ci](https://pre-commit.ci/): from [browniebroke/pypackage-template](https://github.com/browniebroke/pypackage-template/tree/main/.github/ISSUE_TEMPLATE) + [mirrors-eslint](https://github.com/pre-commit/mirrors-eslint) (⏪️[🐶Husky](https://github.com/typicode/husky) + [Lint Staged](https://github.com/okonet/lint-staged) for better CI support)
-  - [ESLint](https://eslint.org/): inherits [@antfu/eslint-config](https://www.npmjs.com/package/@antfu/eslint-config)
-- 📦Packageing
-  - [pnpm](https://pnpm.io/) (⏪️npm)
-- ⚠️ Testing
-  - [⚡️Vitest](https://vitest.dev/) (⏪️[👢Jest](https://jestjs.io/)): several lines for browser testing (optional, can be removed if Node.js only)
-- 📖Documentation
-  - [🌐GitHub Pages](https://pages.github.com/)
-  - [📖TypeDoc](https://typedoc.org/): 2 lines for `☆` `P`
-- ❄Nix Support (Optional, only needed for Nix users)
-  - [❄`nix develop --ignore-environment`](https://nix.dev/manual/nix/latest/command-ref/new-cli/nix3-develop): many lines for Playwright support (optional, can be removed if Node.js only)
-
-<details>
-<summary>Removed Features (to achieve minimalism)</summary>
-
-- Removed Commitizen integration and VS Code stuff (from [ryansonshine/typescript-npm-package-template](https://github.com/ryansonshine/typescript-npm-package-template)) because it's not maintained and complex. Commitizen can be still used (Semantic Release supports it natively).
-- Removed Prettier due to [@antfu/eslint-config's opinions](https://github.com/antfu/eslint-config?tab=readme-ov-file#prettier) and [mirrors-prettier](https://github.com/pre-commit/mirrors-prettier) being archived.
-
-</details>
-
-## Quickstart
-
-1. Click the "Use this template" button.
-2. Replace `GITHUB_USER` and `REPO_NAME` using `sed`:
-  ```bash
-  GITHUB_USER="johnsmith"
-  REPO_NAME="my-cool-package"
-  sed -i.tmp "s/\([^@]\)34j/\1$GITHUB_USER/g; s/react-ag-psd-psdtool\|react-ag-psd-psdtool/$REPO_NAME/g;" package.json src/index.ts README.md
-  sed -i.tmp 's/"version": "[0-9.]*"/"version": "0.0.0"/' package.json
-  rm *.tmp
-  rm src/*.tmp
-  rm CHANGELOG.md
-  ```
-3. [Create](https://www.npmjs.com/settings/34j/tokens/) and add `NPM_TOKEN` to [`Settings/Secrets and variables/Actions/Repository secrets`](https://github.com/34j/react-ag-psd-psdtool/settings/secrets/actions).
-4. [Create][codecov-url] and add `CODECOV_TOKEN` to [`Settings/Secrets and variables/Actions/Repository secrets`](https://github.com/34j/react-ag-psd-psdtool/settings/secrets/actions).
-5. Install GitHub Apps, [pre-commit.ci **lite**](https://github.com/apps/pre-commit-ci-lite/installations/select_target) and [Codecov](https://github.com/apps/codecov/installations/select_target).
-6. Install [pre-commit](https://pre-commit.com/) using [`uv`](https://github.com/astral-sh/uv) by `uv tool install pre-commit` and install hooks by `pre-commit install`.
-7. Enable Github Pages and set `Source` to `GitHub Actions` from [`Settings/Pages/Build and deployment`](https://github.com/34j/react-ag-psd-psdtool/settings/pages)
-8. Remove everything above `---`.
-
-> Inspired by [node-module-boilerplate](https://github.com/sindresorhus/node-module-boilerplate) and [typescript-npm-package-template](https://github.com/Atry/typescript-npm-package-template/tree/main), which is great but unnecessarily complex and poorly maintained.
-
----
-
-# react-ag-psd-psdtool
-
 [![npm package][npm-img]][npm-url]
 [![Build Status][build-img]][build-url]
 [![Downloads][downloads-img]][downloads-url]

package/dist/src/PsdTool.d.ts

@@ -0,0 +1,10 @@
+import 'bootstrap';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import 'bootstrap/dist/css/bootstrap.css';
+interface PsdToolProps {
+    url?: string;
+    onLoad?: (schema: Record<string, unknown>) => void;
+    onChange?: (data: Record<string, unknown>) => void;
+}
+declare function PsdTool({ url, onLoad, onChange }: PsdToolProps): import("react/jsx-runtime").JSX.Element;
+export default PsdTool;

package/dist/src/index.d.ts

@@ -1,9 +1,2 @@
-/**
-  @module
- */
-import { mySubmodule } from './submodule';
-/**
- * Lorem ipsum.
- */
-export declare const myPackage: (taco?: string) => string;
-export { mySubmodule };
+import PsdTool from './PsdTool.tsx';
+export default PsdTool;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "react-ag-psd-psdtool",
   "type": "commonjs",
-  "version": "1.0.0",
-  "description": "Minimalistic npm package template with 📦🚀semantic-release + Commitizen, CodeCov, Renovate, pre-commit + EsLint (✗🐶Husky + Lint Staged), ⚡️Vitest (✗👢Jest), 📖TypeDoc + Github Pages support. Note that this is a generated sample package.",
+  "version": "1.1.0",
+  "description": "PSDTool-like React component using ag-psd-psdtool",
   "author": {
     "name": "34j"
   },
@@ -34,36 +34,64 @@
     "preinstall": "npx only-allow pnpm",
     "build": "tsc --project tsconfig.json",
     "lint": "eslint --fix",
-    "typedoc": "typedoc",
+    "typedoc": "vite build && typedoc",
     "typedoc:watch": "typedoc --watch",
     "test:watch": "vitest --watch --coverage --coverage.include=src",
     "test": "vitest --coverage --coverage.include=src",
     "watch": "npm-run-all --race --parallel *:watch",
-    "update": "npm-check-updates -u"
+    "update": "npm-check-updates -u",
+    "dev": "vite"
+  },
+  "dependencies": {
+    "@rjsf/core": "6.0.0-beta.17",
+    "@rjsf/react-bootstrap": "6.0.0-beta.10",
+    "@rjsf/utils": "6.0.0-beta.17",
+    "@rjsf/validator-ajv8": "6.0.0-beta.17",
+    "ag-psd": "^28.4.1",
+    "ag-psd-psdtool": "^1.1.4",
+    "bootstrap": "^5.3.8",
+    "react": "^19.2.0",
+    "react-bootstrap": "^2.10.10",
+    "react-code-blocks": "^0.1.6",
+    "react-dom": "^19.2.0",
+    "react-dropzone": "^14.3.8",
+    "react-icons": "^5.5.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "5.3.0",
+    "@antfu/eslint-config": "6.1.0",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "@tsconfig/strictest": "2.0.5",
-    "@types/node": "22.18.1",
-    "@typescript-eslint/eslint-plugin": "8.43.0",
-    "@vitest/browser": "3.2.4",
-    "@vitest/coverage-v8": "3.2.4",
-    "eslint": "9.35.0",
+    "@tsconfig/strictest": "2.0.6",
+    "@types/node": "24.9.1",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "@typescript-eslint/eslint-plugin": "8.46.2",
+    "@vitejs/plugin-react": "5.1.0",
+    "@vitest/browser": "4.0.3",
+    "@vitest/browser-playwright": "4.0.3",
+    "@vitest/coverage-v8": "4.0.3",
+    "eslint": "9.38.0",
     "npm-run-all2": "8.0.4",
-    "playwright": "1.55.0",
-    "semantic-release": "24.2.8",
-    "typedoc": "0.28.12",
-    "typescript": "5.9.2",
-    "vitest": "3.2.4"
+    "playwright": "1.56.1",
+    "semantic-release": "25.0.1",
+    "typedoc": "0.28.14",
+    "typescript": "5.9.3",
+    "vite": "7.1.12",
+    "vitest": "4.0.3"
   },
   "typedocOptions": {
     "entryPoints": [
       "src"
     ],
     "tsconfig": "tsconfig.json",
-    "headings": false
+    "headings": false,
+    "basePath": "./docs",
+    "outputs": [
+      {
+        "name": "html",
+        "path": "./docs/docs"
+      }
+    ]
   },
   "release": {
     "plugins": [

package/dist/src/index.js

@@ -1,13 +0,0 @@
-"use strict";
-/**
-  @module
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mySubmodule = exports.myPackage = void 0;
-const submodule_1 = require("./submodule");
-Object.defineProperty(exports, "mySubmodule", { enumerable: true, get: function () { return submodule_1.mySubmodule; } });
-/**
- * Lorem ipsum.
- */
-const myPackage = (taco = '') => `${taco} from my package`;
-exports.myPackage = myPackage;

package/dist/src/submodule/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * Lorem ipsum.
- */
-export declare const mySubmodule: (taco?: string) => string;

package/dist/src/submodule/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mySubmodule = void 0;
-/**
- * Lorem ipsum.
- */
-const mySubmodule = (taco = '') => `${taco} from my submodule`;
-exports.mySubmodule = mySubmodule;