A single page application using @demee/anigraph-ui, built with webpack and ready for GitHub Pages deployment.

• Node.js (v14 or higher)
• npm
• GitHub personal access token with read:packages permission

Create or update .npmrc file in the project root with your GitHub token:

echo"//npm.pkg.github.com/:_authToken=YOUR_GITHUB_TOKEN">> .npmrc

Replace YOUR_GITHUB_TOKEN with your actual GitHub personal access token.

npm install

This will install:

• Webpack and related build tools
• @demee/[email protected]

npm run serve

This will start a development server at http://localhost:9000 with hot module replacement.

npm run dev

This will watch for file changes and rebuild automatically.

Build the application for production:

npm run build

This creates an optimized bundle in the dist/ directory.

1. Build the project:

   npm run build

2. Push the dist folder to the gh-pages branch:

   git subtree push --prefix dist origin gh-pages

Create .github/workflows/deploy.yml:

name: Deploy to GitHub Pageson: push: branches: [ main ]jobs: build-and-deploy: runs-on: ubuntu-lateststeps: - uses: actions/checkout@v3 - name: Setup Node.jsuses: actions/setup-node@v3with: node-version: '18' - name: Configure npm for GitHub Packagesrun: | echo "@demee:registry=https://npm.pkg.github.com" >> .npmrc echo "//npm.pkg.github.com/:_authToken=\${{secrets.GITHUB_TOKEN }}" >> .npmrc - name: Install dependenciesrun: npm install - name: Buildrun: npm run build - name: Deploy to GitHub Pagesuses: peaceiris/actions-gh-pages@v3with: github_token: \${{secrets.GITHUB_TOKEN }}publish_dir: ./dist

1. Go to your repository settings
2. Navigate to "Pages" section
3. Set source to "gh-pages" branch
4. Your site will be available at https://<username>.github.io/<repository>/

. ├── src/ │ ├── index.html # HTML template │ ├── index.js # Main entry point │ └── styles.css # Global styles ├── dist/ # Production build output (generated) ├── webpack.config.js # Webpack configuration ├── package.json # Project dependencies and scripts └── .npmrc # npm registry configuration 

1. Authenticate with GitHub npm registry (see Setup section)
2. Install @demee/anigraph-ui package
3. Uncomment the import statement in src/index.js
4. Implement your application using Anigraph UI components
5. Build and deploy to GitHub Pages

MIT