packageリリーススクリプト搭載

.github/ISSUE_TEMPLATE/bug_report.yaml

@@ -28,7 +28,7 @@ body:
       label: Your Environment
       description: A clear and concise description of your environment
       value: |
-        - pdfme package(@pdfme/generator or @pdfme/ui):
+        - pdfme package(@lisb/pdfme-generator or @lisb/pdfme-ui):
         - pdfme version:
         - Operating system:
         - Node.js version or Browser name & version:

.github/workflows/publish-package.yml

@@ -0,0 +1,59 @@
+name: Publish custom pdfme package
+
+on:
+  push:
+    branches:
+      - 1.1.5-custom
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    permissions:
+      packages: write
+      contents: read
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 19
+          registry-url: https://npm.pkg.github.com/
+          scope: '@lisb'
+          always-auth: true
+
+      - name: install root
+        run: npm install
+
+      - name: install common
+        run: npm install
+        working-directory: packages/common
+
+      - name: install ui
+        run: npm install
+        working-directory: packages/ui
+
+      - name: install generator
+        run: npm install
+        working-directory: packages/generator
+
+      - name: build all
+        run: npm run build
+
+      - name: publish common
+        run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        working-directory: packages/common
+
+      - name: publish generator
+        run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        working-directory: packages/generator
+
+      - name: publish ui
+        run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        working-directory: packages/ui

DEVELOPMENT.md

@@ -18,28 +18,28 @@ Make sure that any changes are output to the each packages's `dist` folder.
 ```
 
 To confirm the changes, for example, create a React application with `npx create-react-app my-app` in other folder and
-Install `@pdfme/generator` and `@pdfme/ui` with the following command.
+Install `@lisb/pdfme-generator` and `@lisb/pdfme-ui` with the following command.
 
 ```cmd
-[in my-app dir] $ npm install --save @pdfme/generator @pdfme/ui
+[in my-app dir] $ npm install --save @lisb/pdfme-generator @lisb/pdfme-ui
 ```
 
 In addition, connect `packages/generator` and `packages/ui`, which you npm linked above, to my-app with the following command
 
 ```cmd
-[in my-app dir] $ npm link @pdfme/generator @pdfme/ui
+[in my-app dir] $ npm link @lisb/pdfme-generator @lisb/pdfme-ui
 ```
 
-> If you don't want to prepare my-app by yourself, you can clone the following repository and use npm link @pdfme/generator @pdfme/ui to develop it.  
+> If you don't want to prepare my-app by yourself, you can clone the following repository and use npm link @lisb/pdfme-generator @lisb/pdfme-ui to develop it.  
 > https://github.com/pdfme/pdfme-playground
 
 You can use `npm ls` to check if the `npm link` is configured correctly as follows.
 
 ```cmd
 [in my-app dir] $ npm ls
 [email protected] /Users/user/my-app
-├── @pdfme/generator@npm:[email protected] extraneous -> ./../../../pdfme/packages/generator
-├── @pdfme/ui@npm:[email protected] extraneous -> ./../../../pdfme/packages/ui
+├── @lisb/pdfme-generator@npm:[email protected] extraneous -> ./../../../pdfme/packages/generator
+├── @lisb/pdfme-ui@npm:[email protected] extraneous -> ./../../../pdfme/packages/ui
 ├── @testing-library/[email protected]
 ├── @testing-library/[email protected]
 ├── @testing-library/[email protected]
@@ -49,6 +49,6 @@ [email protected] /Users/user/my-app
 └── [email protected]
 ```
 
-Now, changes in `packages/common`, `packages/generator`, and `packages/ui` will be reflected in my-app's @pdfme/generator and @pdfme/ui.
+Now, changes in `packages/common`, `packages/generator`, and `packages/ui` will be reflected in my-app's @lisb/pdfme-generator and @lisb/pdfme-ui.
 
 If you run npm run start on my-app and rewrite `packages/common`, `packages/generator`, and `packages/ui`, you can confirm the changes on my-app

README.md

@@ -6,11 +6,11 @@
   <a href="https://github.com/pdfme/pdfme/actions/workflows/nodejs.yml">
     <img src="https://github.com/pdfme/pdfme/workflows/Unit%20Testing/badge.svg" alt="Unit Testing status" />
   </a>
-  <a href="https://www.npmjs.com/package/@pdfme/generator">
-    <img src="https://img.shields.io/npm/v/@pdfme/generator.svg" alt="Current npm package version." />
+  <a href="https://www.npmjs.com/package/@lisb/pdfme-generator">
+    <img src="https://img.shields.io/npm/v/@lisb/pdfme-generator.svg" alt="Current npm package version." />
   </a>
-  <a href="https://npmcharts.com/compare/@pdfme/common?minimal=true">
-    <img src="https://img.shields.io/npm/dm/@pdfme/common.svg" alt="Downloads per month on npm." />
+  <a href="https://npmcharts.com/compare/@lisb/pdfme-common?minimal=true">
+    <img src="https://img.shields.io/npm/dm/@lisb/pdfme-common.svg" alt="Downloads per month on npm." />
   </a>
   <a href="https://pdfme.com/help#contribution">
     <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome!" />
@@ -59,23 +59,23 @@ There are two packages in pdfme, generator and UI.
 The package for generating PDF can be installed with the following command.
 
 ```
-npm i @pdfme/generator
+npm i @lisb/pdfme-generator
 ```
 
 The packages for using PDF designer, forms and viewers can be installed with the following commands.
 
 ```
-npm i @pdfme/ui
+npm i @lisb/pdfme-ui
 ```
 
 The following type, function and classes are available in pdfme.
 
-`@pdfme/generator`
+`@lisb/pdfme-generator`
 
 - [generate](https://pdfme.com/docs/getting-started#generator)
 - [Template](https://pdfme.com/docs/getting-started#template)
 
-`@pdfme/ui`
+`@lisb/pdfme-ui`
 
 - [Designer](https://pdfme.com/docs/getting-started#designer)
 - [Form](https://pdfme.com/docs/getting-started#form)
@@ -85,11 +85,11 @@ The following type, function and classes are available in pdfme.
 If your environment uses webpack, import the necessary items as shown below.
 
 ```ts
-import { Template, generate } from '@pdfme/generator';
+import { Template, generate } from '@lisb/pdfme-generator';
 ```
 
 ```ts
-import { Template, Designer, Form, Viewer } from '@pdfme/ui';
+import { Template, Designer, Form, Viewer } from '@lisb/pdfme-ui';
 ```
 
 **All objects use `Template`, which will be briefly explained in the next section.**
@@ -98,7 +98,7 @@ import { Template, Designer, Form, Viewer } from '@pdfme/ui';
 ## Template
 
 The core of pdfme library are Templates.  
-Template Type can be imported by both `@pdfme/generator` or `@pdfme/ui`. Templates are used everywhere.
+Template Type can be imported by both `@lisb/pdfme-generator` or `@lisb/pdfme-ui`. Templates are used everywhere.
 
 A template can be divided into two parts: a fixed part and a variable part.  
 We call them basePdf and schema.
@@ -124,8 +124,8 @@ Let's take a look at some specific data.
 ### Minimal Template
 
 ```ts
-import { Template, BLANK_PDF } from '@pdfme/generator';
-// import { Template, BLANK_PDF } from '@pdfme/ui'; <- Template types and BLANK_PDF can also be imported from @pdfme/ui.
+import { Template, BLANK_PDF } from '@lisb/pdfme-generator';
+// import { Template, BLANK_PDF } from '@lisb/pdfme-ui'; <- Template types and BLANK_PDF can also be imported from @lisb/pdfme-ui.
 
 const template: Template = {
   basePdf: BLANK_PDF,
@@ -165,7 +165,7 @@ The PDF generator function, `generate`, takes 2 arguments of `template` and `inp
 The code to generate a PDF file using the [template created above](https://pdfme.com/docs/getting-started#sample-template) is shown below.
 
 ```ts
-import { Template, generate } from '@pdfme/generator';
+import { Template, generate } from '@lisb/pdfme-generator';
 
 const template: Template = {
   // skip...　Check the Template section.
@@ -203,7 +203,7 @@ You can design your own template from [Template Design page](https://pdfme.com/t
 Let's integrate the designer using the template created above as the default template.
 
 ```ts
-import { Template, Designer } from '@pdfme/ui';
+import { Template, Designer } from '@lisb/pdfme-ui';
 
 const domContainer = document.getElementById('container');
 const template: Template = {
@@ -236,7 +236,7 @@ You can use templates to create forms and PDF viewers.
 The Form creates a UI for the user to enter schemas based on the template.
 
 ```ts
-import { Template, Form } from '@pdfme/ui';
+import { Template, Form } from '@lisb/pdfme-ui';
 
 const domContainer = document.getElementById('container');
 const template: Template = {
@@ -272,7 +272,7 @@ The Viewer is a byproduct of the Form development process, but it allows you to
 Using the Viewer is basically the same as using the Form, except that user cannot edit it.
 
 ```ts
-import { Template, Viewer } from '@pdfme/ui';
+import { Template, Viewer } from '@lisb/pdfme-ui';
 
 const domContainer = document.getElementById('container');
 const template: Template = {