create-jsc-vite-react-ts 1.2.5 → 1.3.0

package/bin/cli.js

@@ -105,9 +105,6 @@ const run = async () => {
   console.log(chalk.bold.green("\n✨ Success! Your project is ready.\n"));
   console.log(chalk.bold("Next steps:\n"));
   console.log(chalk.cyan(`  cd ${projectName}`));
-  console.log(chalk.cyan(`  git init`));
-  console.log(chalk.cyan(`  git add .`));
-  console.log(chalk.cyan(`  git commit -m "Initial commit"`));
   console.log(chalk.cyan(`  ${packageManager} dev`));
   console.log();
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-jsc-vite-react-ts",
-  "version": "1.2.5",
+  "version": "1.3.0",
   "description": "Create a modern React app with TypeScript, Vite, Tailwind CSS, and Vitest",
   "type": "module",
   "bin": {

package/template/.github/workflows/build.yml

@@ -0,0 +1,199 @@
+name: Build
+
+on:
+  push:
+    branches:
+      - "main"
+  release:
+    types: [published]
+
+env:
+  IMAGE_NAME: jsc-vite-test
+  IMAGE_TITLE: Default JSC Vite React TS Image
+  IMAGE_DESCRIPTION: This is the image for JSC's Vite React TS template.
+  SRC_PATH: frontend/
+  DOCKERFILE_PATH: etc/docker/Dockerfile
+  NODE_VERSION: "24"
+
+jobs:
+  install:
+    name: Build source code
+    runs-on: ubuntu-24.04
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+
+      - name: Install Dependencies
+        run: yarn --cwd ${{ env.SRC_PATH }} install
+
+      - name: Create tarball
+        run: tar -czf ${{ env.IMAGE_NAME }}.tar.gz -C ${{ env.SRC_PATH }} node_modules
+
+      - name: Upload common artifacts
+        uses: actions/upload-artifact@v6
+        with:
+          name: ${{ env.IMAGE_NAME }}
+          retention-days: 1
+          path: ${{ env.IMAGE_NAME }}.tar.gz
+
+  lint:
+    name: Run ESlint on source code
+    runs-on: ubuntu-24.04
+    needs: install
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+
+      - name: Download artifact
+        uses: actions/download-artifact@v6
+        with:
+          name: ${{ env.IMAGE_NAME }}
+
+      - name: Untar common Dependencies
+        run: tar -xzf ${{ env.IMAGE_NAME }}.tar.gz -C ./${{ env.SRC_PATH }}
+
+      - name: Run ESLint
+        run: |
+          yarn --cwd ${{ env.SRC_PATH }} lint
+
+  test:
+    name: Run tests on source code
+    runs-on: ubuntu-24.04
+    needs: install
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v6
+        with:
+          node-version: ${{ env.NODE_VERSION }}
+
+      - name: Download artifact
+        uses: actions/download-artifact@v6
+        with:
+          name: ${{ env.IMAGE_NAME }}
+
+      - name: Untar Dependencies
+        run: tar -xzf ${{ env.IMAGE_NAME }}.tar.gz -C ./${{ env.SRC_PATH }}
+
+      - name: Run Tests
+        run: |
+          mkdir -p ${{ env.SRC_PATH }}coverage
+          HAVE_TEST=$(find ${{ env.SRC_PATH }} -name "*.test.ts" | wc -l)
+          if [ $HAVE_TEST -ne 0 ];
+          then
+            yarn --cwd ${{ env.SRC_PATH }} test:coverage
+          fi
+          echo "HAVE_TEST=${HAVE_TEST}" > ${{ env.SRC_PATH }}coverage/have_test.txt
+
+      - name: Upload Coverage Report
+        uses: actions/upload-artifact@v6
+        with:
+          name: coverage-report-${{ env.IMAGE_NAME }}
+          retention-days: 1
+          path: ${{ env.SRC_PATH }}coverage/
+
+  upload-coverage:
+    name: Upload Coverage to Codecov
+    runs-on: ubuntu-24.04
+    needs: test
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+
+      - name: Download artifact
+        uses: actions/download-artifact@v6
+        with:
+          name: coverage-report-${{ env.IMAGE_NAME }}
+          path: ${{ env.SRC_PATH }}coverage
+
+      - name: Set environment variable
+        run: |
+          cat ${{ env.SRC_PATH }}coverage/have_test.txt >> $GITHUB_ENV
+
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v5
+        if: env.HAVE_TEST != 0
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          files: ./${{ env.SRC_PATH }}coverage/*.json
+          flags: unittests
+          name: code-coverage
+          fail_ci_if_error: true
+
+  build-image:
+    name: Build image and push to Docker Hub
+    runs-on: ubuntu-24.04
+    needs:
+      - lint
+      - upload-coverage
+    if: startsWith(github.ref, 'refs/tags/v')
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v6
+        with:
+          fetch-depth: 0
+
+      - name: Set environment variable
+        run: |
+          if [ -f ${{ env.SRC_PATH }}/.env.production ]; then
+            cat ${{ env.SRC_PATH }}/.env.production >> $GITHUB_ENV
+          else
+            cat ${{ env.SRC_PATH }}/.env.example >> $GITHUB_ENV
+          fi
+
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@v5
+        with:
+          images: |
+            ${{ secrets.DOCKERHUB_USERNAME }}/${{ env.IMAGE_NAME }}
+          tags: |
+            type=semver,pattern={{version}}
+          labels: |
+            org.opencontainers.image.title=${{ env.IMAGE_TITLE }}
+            org.opencontainers.image.description=${{ env.IMAGE_DESCRIPTION }}
+
+      - name: Login to Docker Hub
+        uses: docker/login-action@v3
+        with:
+          username: ${{ secrets.DOCKERHUB_USERNAME }}
+          password: ${{ secrets.DOCKERHUB_TOKEN }}
+      - name: Set up QEMU
+        uses: docker/setup-qemu-action@v3
+
+      - name: Set up Docker Buildx
+        uses: docker/setup-buildx-action@v3
+
+      - name: Build and push
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          file: ${{ env.DOCKERFILE_PATH }}
+          platforms: linux/arm64
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          build-args: |
+            VITE_APP_NAME=${{ env.IMAGE_TITLE }}
+            VITE_APP_VERSION=${{ github.ref_name}}
+            VITE_FACEBOOK_APP_ID=${{ env.VITE_FACEBOOK_APP_ID }}
+            VITE_DESCRIPTION=${{ env.VITE_DESCRIPTION }}
+            VITE_APP_URL=${{ env.VITE_APP_URL }}
+            VITE_APP_IMAGE=${{ env.VITE_APP_IMAGE }}

package/template/etc/docker/Dockerfile

@@ -0,0 +1,16 @@
+FROM node:24-alpine AS builder
+
+WORKDIR /app
+COPY frontend/ ./
+
+ARG VITE_APP_NAME ${VITE_APP_NAME}
+ARG VITE_APP_VERSION ${VITE_APP_VERSION}
+
+RUN yarn --cwd frontend install
+RUN yarn --cwd frontend build
+
+FROM nginx:alpine
+
+COPY --from=builder /app/dist /usr/share/nginx/html
+COPY etc/docker/nginx.conf /etc/nginx/
+EXPOSE 80

package/template/etc/docker/nginx.conf

@@ -0,0 +1,54 @@
+user  nginx;
+worker_processes  auto;
+
+error_log  /var/log/nginx/error.log notice;
+pid        /var/run/nginx.pid;
+
+
+events {
+    worker_connections  1024;
+}
+
+
+http {
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+
+    log_format json_combined escape=json '{'
+        '"@timestamp": "$time_iso8601", '
+        '"remote_addr": "$remote_addr", '
+        '"remote_user": "$remote_user", '
+        '"request_id": "$request_id", '
+        '"body_bytes_sent": $body_bytes_sent, '
+        '"bytes_sent": $bytes_sent, '
+        '"connection": "$connection", '
+        '"connection_requests": $connection_requests, '
+        '"content_type": "$sent_http_content_type", '
+        '"msec": $msec, '
+        '"pipe": "$pipe", '
+        '"request_time": $request_time, '
+        '"status": $status, '
+        '"http_referrer": "$http_referer", '
+        '"http_user_agent": "$http_user_agent", '
+        '"http_x_forwarded_for": "$http_x_forwarded_for", '
+        '"http_host": "$http_host", '
+        '"request_length": $request_length, '
+        '"request_method": "$request_method", '
+        '"request_uri": "$request_uri", '
+        '"scheme": "$scheme", '
+        '"server_addr": "$server_addr", '
+        '"server_name": "$server_name", '
+        '"server_port": $server_port'
+    '}';
+
+    access_log  /var/log/nginx/access.log  json_combined;
+
+    sendfile        on;
+    #tcp_nopush     on;
+
+    keepalive_timeout  65;
+
+    #gzip  on;
+
+    include /etc/nginx/conf.d/*.conf;
+}

package/template/{package.json → frontend/package.json}

@@ -14,7 +14,8 @@
     "format": "prettier --write .",
     "update-version": "./scripts/update-version.sh",
     "create-tag": "./scripts/create-tag.sh",
-    "full-tag": "yarn update-version && yarn create-tag"
+    "full-tag": "yarn update-version && yarn create-tag",
+    "prepare": "git init"
   },
   "dependencies": {
     "react": "^19.2.0",