thecore-auth 0.0.177 → 0.0.178

package/deploy-scripts/setupDeploy.js

@@ -0,0 +1,200 @@
+#!/usr/bin/env node
+
+console.log("Script di deploy eseguito! 🚀");
+
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import readline from 'readline';
+
+// Percorso corrente in ES Module
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+// Cartella installations nella root
+const installationsDir = path.join(__dirname, '..', 'installations');
+
+// -------------------- FUNZIONI -------------------- //
+
+// Controlla e crea la cartella installations
+const checkAndCreateDir = () => {
+    if (fs.existsSync(installationsDir)) {
+        console.log('La cartella "installations" esiste già ✅');
+    } else {
+        fs.mkdirSync(installationsDir, { recursive: true });
+        console.log('Cartella "installations" creata con successo 🚀');
+    }
+};
+
+// Controlla e crea i file Docker dentro installations
+const checkAndCreateFiles = () => {
+    const files = ['docker-compose.net.yml', 'docker-compose.yml', 'Dockerfile'];
+
+    files.forEach(fileName => {
+        const filePath = path.join(installationsDir, fileName);
+        if (fs.existsSync(filePath)) {
+            console.log(`File "${fileName}" esiste ✅`);
+        } else {
+            let content = '';
+            if (fileName.endsWith('.yml')) content = '# Placeholder YAML\n';
+            if (fileName === 'Dockerfile') content = '# Placeholder Dockerfile\n';
+            fs.writeFileSync(filePath, content);
+            console.log(`File "${fileName}" creato 🚀`);
+        }
+    });
+};
+
+// Controlla e crea la cartella abslabs_dev
+const checkAndCreateAbslabsDev = () => {
+    const devDir = path.join(installationsDir, 'abslabs_dev');
+    if (fs.existsSync(devDir)) {
+        console.log('La cartella "abslabs_dev" esiste già ✅');
+    } else {
+        fs.mkdirSync(devDir, { recursive: true });
+        console.log('Cartella "abslabs_dev" creata con successo 🚀');
+    }
+    return devDir;
+};
+
+// Controlla e crea i file dentro abslabs_dev tranne docker.env
+const checkAndCreateDevFiles = (devDir) => {
+    const devFiles = ['docker_host']; // docker.env gestito a parte
+
+    devFiles.forEach(fileName => {
+        const filePath = path.join(devDir, fileName);
+        if (fs.existsSync(filePath)) {
+            console.log(`File "${fileName}" esiste ✅`);
+        } else {
+            fs.writeFileSync(filePath, `# Placeholder ${fileName}\n`);
+            console.log(`File "${fileName}" creato 🚀`);
+        }
+    });
+};
+
+// Controlla e crea .gitlab-ci.yml nella root
+const checkAndCreateGitlabCI = () => {
+    const gitlabFile = path.join(__dirname, '..', '.gitlab-ci.yml');
+    if (fs.existsSync(gitlabFile)) {
+        console.log('File ".gitlab-ci.yml" esiste già ✅');
+    } else {
+        const content = `# Placeholder GitLab CI\nstages:\n  - deploy\n`;
+        fs.writeFileSync(gitlabFile, content);
+        console.log('File ".gitlab-ci.yml" creato 🚀');
+    }
+};
+
+// Legge e logga il contenuto dei file Docker dentro installations
+const readDockerFiles = () => {
+    const dockerFiles = ['docker-compose.net.yml', 'docker-compose.yml', 'Dockerfile'];
+
+    dockerFiles.forEach(fileName => {
+        const filePath = path.join(installationsDir, fileName);
+        if (fs.existsSync(filePath)) {
+            const content = fs.readFileSync(filePath, 'utf-8');
+            // console.log(`\nContenuto di "${fileName}":\n${content}`);
+        } else {
+            console.log(`File "${fileName}" non trovato ❌`);
+        }
+    });
+};
+
+// Funzione per chiedere in console il nome dell'app
+const askAppName = () => {
+    const rl = readline.createInterface({
+        input: process.stdin,
+        output: process.stdout
+    });
+    return new Promise(resolve => {
+        rl.question('Inserisci il nome dell\'app per docker.env: ', (answer) => {
+            rl.close();
+            resolve(answer.trim());
+        });
+    });
+};
+
+// Sincronizza un singolo file con il template
+const syncFileWithDefault = (sourcePath, targetPath) => {
+    const defaultContent = fs.readFileSync(sourcePath, 'utf-8');
+
+    let needsUpdate = false;
+
+    if (fs.existsSync(targetPath)) {
+        const currentContent = fs.readFileSync(targetPath, 'utf-8');
+        if (currentContent !== defaultContent) {
+            needsUpdate = true;
+        }
+    } else {
+        needsUpdate = true;
+    }
+
+    if (needsUpdate) {
+        fs.writeFileSync(targetPath, defaultContent);
+        console.log(`File "${targetPath}" aggiornato con contenuto default 🚀`);
+    } else {
+        console.log(`File "${targetPath}" è già corretto ✅`);
+    }
+};
+
+// Sincronizza più file da templates
+const syncFilesFromTemplates = (files, targetDir) => {
+    const templatesDir = path.join(__dirname, 'templates');
+
+    files.forEach(fileName => {
+        const source = path.join(templatesDir, fileName);
+        const target = path.join(targetDir, fileName);
+        syncFileWithDefault(source, target);
+    });
+};
+
+// Sincronizza docker.env sostituendo {{APP_NAME}} solo se necessario
+const syncDockerEnvWithAppName = async (templatePath, targetPath) => {
+    let currentContent = '';
+    if (fs.existsSync(targetPath)) {
+        currentContent = fs.readFileSync(targetPath, 'utf-8');
+    }
+
+    // Controlla se il file contiene già un valore per APP_NAME
+    const appNameMatch = currentContent.match(/APP_NAME=(.+)/);
+    if (appNameMatch && appNameMatch[1].trim() !== '') {
+        console.log(`docker.env già contiene il nome dell'app: "${appNameMatch[1].trim()}" ✅`);
+        return; // non serve fare nulla
+    }
+
+    // Se non c'è o è vuoto, chiediamo il nome all'utente
+    const appName = await askAppName();
+    let content = fs.readFileSync(templatePath, 'utf-8');
+    content = content.replace(/{{APP_NAME}}/g, appName);
+
+    fs.writeFileSync(targetPath, content);
+    console.log(`File "${targetPath}" aggiornato con nome app "${appName}" 🚀`);
+};
+
+// -------------------- ESECUZIONE PRINCIPALE -------------------- //
+
+const main = async () => {
+    checkAndCreateDir();
+    checkAndCreateFiles();
+
+    const devDir = checkAndCreateAbslabsDev();
+    checkAndCreateDevFiles(devDir);
+
+    checkAndCreateGitlabCI();
+
+    readDockerFiles();
+
+    // Sincronizzazione con template
+    const installationsFiles = ['docker-compose.net.yml', 'docker-compose.yml', 'Dockerfile'];
+    const abslabsDevFiles = ['docker_host']; // docker.env lo gestiamo a parte
+    const rootFiles = ['.gitlab-ci.yml'];
+
+    syncFilesFromTemplates(installationsFiles, installationsDir);
+    syncFilesFromTemplates(abslabsDevFiles, devDir);
+    syncFilesFromTemplates(rootFiles, path.join(__dirname, '..'));
+
+    // docker.env dinamico
+    const dockerEnvTemplate = path.join(__dirname, 'templates', 'docker.env');
+    const dockerEnvTarget = path.join(devDir, 'docker.env');
+    await syncDockerEnvWithAppName(dockerEnvTemplate, dockerEnvTarget);
+};
+
+main();

package/deploy-scripts/templates/.gitlab-ci.yml

@@ -0,0 +1,130 @@
+default:
+  # Defines the Docker image used for the CI/CD pipeline.
+  # This is a Node.js development container from Microsoft's devcontainers registry.
+  # The tag "1-22-bookworm" specifies the Node.js version (22) and the Debian base image (Bookworm).
+  image: docker:28.0.4
+  services:
+    - docker:28.0.4-dind  # Abilita Docker-in-Docker
+# mcr.microsoft.com/devcontainers/javascript-node:1-22-bookworm
+
+# Defines the stages of the pipeline.
+# In this case, only a "build" stage is defined.
+stages:
+  - build
+  - deploy
+
+# Defines CI/CD environment variables available during the job execution.
+variables:
+  NODE_ENV: development  # Sets the Node.js environment to "development" by default.
+
+before_script:
+  # Installa Node.js 22 e npm
+  - apk add --no-cache nodejs npm
+
+  # Verifica che Node.js e npm siano installati
+  - node -v
+  - npm -v
+  # Get the version from the package.json file
+  - export VERSION=$(node -p -e "require('./package.json').version")
+  - export NAME=$(node -p -e "require('./package.json').name")
+  - export IMAGE_TAG_FRONTEND=${CI_REGISTRY_IMAGE}/frontend:$VERSION
+
+# Defines a job named "build" that runs during the "build" stage.
+build:
+  stage: build 
+  only:
+    refs:
+      - release/3  # Ensures this job runs only on the "release/3" branch.
+    changes:     
+      - package.json  # Runs this job only if "package.json" is modified in a commit.
+
+  script:
+    # Cleans up previous build artifacts and dependencies to ensure a fresh installation.
+    - rm -rf dist node_modules package-lock.json
+
+    # Configures npm authentication for the GitLab package registry.
+    # This writes an authentication token to the ".npmrc" file, allowing npm to publish the package.
+    - echo "//devops.bancolini.com/api/v4/packages/npm/:_authToken=${CI_JOB_TOKEN}" > .npmrc
+    - echo "@dev:registry=https://devops.bancolini.com/api/v4/packages/npm/" >> .npmrc
+    # DHTMLX npm registry configuration
+    - echo "@dhx:registry=https://npm.dhtmlx.com/" >> .npmrc
+    - echo "//npm.dhtmlx.com/:_authToken=\"${DHTMLX_AUTH_TOKEN}\"" >> .npmrc
+
+    # Installs project dependencies based on package.json.
+    - npm install  
+
+    # Runs the build script defined in package.json (e.g., transpiling TypeScript, bundling files, etc.).
+    - npm run build  
+
+    # After generating the dist folder, the Dockerfile is used to build the frontend image.
+    - cp installations/Dockerfile .
+    - docker version
+    - docker build --no-cache --pull -t "${IMAGE_TAG_FRONTEND}" .
+    - echo "$CI_REGISTRY_PASSWORD" | docker login -u "$CI_REGISTRY_USER" --password-stdin "$CI_REGISTRY"
+    - docker image push "${IMAGE_TAG_FRONTEND}"
+
+deploy:
+  stage: deploy  # Specifies that this job belongs to the "deploy" stage.
+
+  # This job must run only if thw build one is successful
+  dependencies:
+    - build
+
+  only:
+    refs:
+      - release/3  # Ensures this job runs only on the "release/3" branch.
+    changes:     
+      - package.json  # Runs this job only if "package.json" is modified in a commit.
+
+  script:
+    # Install rsync and ssh to alpine
+    - apk add --no-cache rsync openssh-client
+    # Image correctly pushed to the registry, now we can send the image to the Labs
+    - export UUID=$(cat /proc/sys/kernel/random/uuid)
+    - export RELATIVE_DIR="/installers/$UUID"
+    - export TARGET_DIR="/tmp$RELATIVE_DIR"
+
+    # SSH setup
+    - mkdir -p ~/.ssh
+    - chmod 700 ~/.ssh
+    - echo -e "Host *\n\tStrictHostKeyChecking no\n\tControlMaster auto\n\tControlPath ~/.ssh/socket-%C\n\tControlPersist 1\n\n" > ~/.ssh/config
+    - chmod 600 ~/.ssh/config
+    - echo "$SSH_PRIVATE_KEY" > ~/.ssh/id_rsa
+    - chmod 600 ~/.ssh/id_rsa
+
+    # cycle into the installations folder for all the folders containing the docker_host file
+    - |
+      for i in $(ls -d installations/*/); do
+        if [ -f "$i/docker_host" ]; then
+          export INSTALLATION_DIR=$i
+          DOCKER_HOST="$(cat "$i/docker_host")"
+          export DOCKER_HOST
+          echo "HOST $DOCKER_HOST"
+          DOCKER_HOST_DOMAIN="$(echo "$DOCKER_HOST" | cut -d'/' -f3 | cut -d':' -f1)"
+          export DOCKER_HOST_DOMAIN
+          echo "DOMAIN $DOCKER_HOST_DOMAIN"
+          DOCKER_HOST_PORT="$(echo "$DOCKER_HOST" | cut -d'/' -f3 | cut -d':' -f2)"
+          export DOCKER_HOST_PORT
+          echo "PORT $DOCKER_HOST_PORT"
+
+          echo "Preparing target installer dir and rsync needed files into it"
+          rsync -arvz -e "ssh -p $DOCKER_HOST_PORT" --rsync-path "mkdir -p $TARGET_DIR && /usr/bin/rsync" --progress --delete installations/docker-compose.yml installations/docker-compose.net.yml "$i/docker.env" "${DOCKER_HOST_DOMAIN}:$TARGET_DIR"
+          export IMAGE_TAG_FRONTEND
+          echo "IMAGE TAG FRONTEND $IMAGE_TAG_FRONTEND"
+          ssh -n "$DOCKER_HOST_DOMAIN" -p "$DOCKER_HOST_PORT" "
+            echo Login to $CI_REGISTRY
+            echo $CI_REGISTRY_PASSWORD | docker login -u $CI_REGISTRY_USER --password-stdin $CI_REGISTRY || exit 1
+            export IMAGE_TAG_FRONTEND=$IMAGE_TAG_FRONTEND
+            echo CD into $TARGET_DIR
+            cd $TARGET_DIR
+            echo Testing Config
+            docker compose -f docker-compose.yml -f docker-compose.net.yml --env-file docker.env config || exit 2
+            echo Compose up
+            docker compose -f docker-compose.yml -f docker-compose.net.yml --env-file docker.env up -d --remove-orphans --no-build || exit 3
+            echo Cleaning Docker system
+            docker system prune -f
+            docker logout $CI_REGISTRY
+            cd ..
+            rm -rf $TARGET_DIR"
+        fi
+      done

package/deploy-scripts/templates/Dockerfile

@@ -0,0 +1,5 @@
+FROM nginx:1.27.4-alpine
+
+# Copy the Rails Appplication leaving out the .dockerignored files
+ADD dist /usr/share/nginx/html
+ADD package.json /usr/share/nginx/html

package/deploy-scripts/templates/docker-compose.net.yml

@@ -0,0 +1,13 @@
+services:
+  frontend:
+    networks:
+      - webproxy
+
+# This network is fixed to webproxy since is the name used in
+# our production environments for the nginx-proxy docker image
+# this way it can pickup the new rails app automatically and proxy it
+# via http(s)
+networks:
+  webproxy:
+    name: webproxy
+    external: true

package/deploy-scripts/templates/docker-compose.yml

@@ -0,0 +1,15 @@
+services: 
+  frontend:
+    image: ${IMAGE_TAG_FRONTEND}
+    restart: unless-stopped
+    environment:
+      VIRTUAL_HOST: ${FRONTEND_DOMAIN}
+      LETSENCRYPT_HOST: ${FRONTEND_DOMAIN}
+      FRONTEND_DOMAIN: ${FRONTEND_DOMAIN}
+      COMPOSE_PROJECT_NAME: ${COMPOSE_PROJECT_NAME}
+      CUSTOMER_FOLDER: ${COMPOSE_PROJECT_NAME}
+    healthcheck:
+      test: "${DOCKER_HEALTHCHECK_TEST:-curl --fail http://localhost:80/}"
+      interval: "60s"
+      timeout: "3s"
+      retries: 3

package/deploy-scripts/templates/docker.env

@@ -0,0 +1,3 @@
+COMPOSE_PROJECT_NAME={{APP_NAME}}3dev-default
+FRONTEND_DOMAIN={{APP_NAME}}3dev-default.labs.bancolini.com
+NETWORK=webproxy

package/deploy-scripts/templates/docker_host

@@ -0,0 +1 @@
+ssh://root@45.79.250.152:22

package/dist/thecore-auth.cjs.js

@@ -28,7 +28,7 @@ React keys must be passed directly to JSX without using spread:
 
 Check the render method of \``+j+"`."),O||(g=e(g))&&(O=`
 
-Check the top-level render call using <`+g+">."),O}var T=p,M=Symbol.for("react.transitional.element"),S=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),L=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),B=Symbol.for("react.context"),Q=Symbol.for("react.forward_ref"),he=Symbol.for("react.suspense"),Se=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),ye=Symbol.for("react.offscreen"),q=Symbol.iterator,G=Symbol.for("react.client.reference"),se=T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,te=Object.prototype.hasOwnProperty,pe=Object.assign,Nt=Symbol.for("react.client.reference"),qe=Array.isArray,Ye=0,re,ee,W,oe,Y,Pe,Ke;i.__reactDisabledLog=!0;var Xe,Ze,dt=!1,Bt=new(typeof WeakMap=="function"?WeakMap:Map),$n=Symbol.for("react.client.reference"),Je,ft={},ht={},_e={};mn.Fragment=R,mn.jsx=function(g,O,j,H,le){return y(g,O,j,!1,H,le)},mn.jsxs=function(g,O,j,H,le){return y(g,O,j,!0,H,le)}}()),mn}var xr;function $c(){return xr||(xr=1,process.env.NODE_ENV==="production"?Wn.exports=_c():Wn.exports=Fc()),Wn.exports}var h=$c();const la=p.createContext(),zc=({children:e,defaultComponent:t})=>{const[n,i]=p.useState(!1),[s,o]=p.useState({}),[r,a]=p.useState(t),c={isLoading:n,setIsLoading:i,loadingProps:s,setLoadingProps:o,loadingComponent:r,setLoadingComponent:a,showLoadingFor:(u=2e3,d={})=>{o(d),i(!0),setTimeout(()=>{i(!1)},u)}};return h.jsx(la.Provider,{value:c,children:e})},It=()=>{const e=p.useContext(la);if(e===void 0)throw new Error("Non puoi settare il loading");return e},Uc="0.0.177",ca=({errorMessage:e,errorShow:t})=>h.jsx("section",{className:t?"":"hidden",children:h.jsxs("div",{className:"container mx-auto",children:[h.jsx("h1",{className:"text-center text-8xl my-12",children:"Errore"}),h.jsx("pre",{className:"text-xl",children:e})]})}),ua=p.createContext(),Hc=({children:e})=>{const[t,n]=p.useState({}),[i,s]=p.useState(!1),o=p.useRef(!1),r=`Creare un file config.json in public per il corretto funzionamento
+Check the top-level render call using <`+g+">."),O}var T=p,M=Symbol.for("react.transitional.element"),S=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),L=Symbol.for("react.strict_mode"),D=Symbol.for("react.profiler"),N=Symbol.for("react.consumer"),B=Symbol.for("react.context"),Q=Symbol.for("react.forward_ref"),he=Symbol.for("react.suspense"),Se=Symbol.for("react.suspense_list"),Z=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),ye=Symbol.for("react.offscreen"),q=Symbol.iterator,G=Symbol.for("react.client.reference"),se=T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,te=Object.prototype.hasOwnProperty,pe=Object.assign,Nt=Symbol.for("react.client.reference"),qe=Array.isArray,Ye=0,re,ee,W,oe,Y,Pe,Ke;i.__reactDisabledLog=!0;var Xe,Ze,dt=!1,Bt=new(typeof WeakMap=="function"?WeakMap:Map),$n=Symbol.for("react.client.reference"),Je,ft={},ht={},_e={};mn.Fragment=R,mn.jsx=function(g,O,j,H,le){return y(g,O,j,!1,H,le)},mn.jsxs=function(g,O,j,H,le){return y(g,O,j,!0,H,le)}}()),mn}var xr;function $c(){return xr||(xr=1,process.env.NODE_ENV==="production"?Wn.exports=_c():Wn.exports=Fc()),Wn.exports}var h=$c();const la=p.createContext(),zc=({children:e,defaultComponent:t})=>{const[n,i]=p.useState(!1),[s,o]=p.useState({}),[r,a]=p.useState(t),c={isLoading:n,setIsLoading:i,loadingProps:s,setLoadingProps:o,loadingComponent:r,setLoadingComponent:a,showLoadingFor:(u=2e3,d={})=>{o(d),i(!0),setTimeout(()=>{i(!1)},u)}};return h.jsx(la.Provider,{value:c,children:e})},It=()=>{const e=p.useContext(la);if(e===void 0)throw new Error("Non puoi settare il loading");return e},Uc="0.0.178",ca=({errorMessage:e,errorShow:t})=>h.jsx("section",{className:t?"":"hidden",children:h.jsxs("div",{className:"container mx-auto",children:[h.jsx("h1",{className:"text-center text-8xl my-12",children:"Errore"}),h.jsx("pre",{className:"text-xl",children:e})]})}),ua=p.createContext(),Hc=({children:e})=>{const[t,n]=p.useState({}),[i,s]=p.useState(!1),o=p.useRef(!1),r=`Creare un file config.json in public per il corretto funzionamento
 Esempio di config.json:
 
 {

package/dist/thecore-auth.esm.js

@@ -459,7 +459,7 @@ const xa = Nt(), g0 = ({ children: t, defaultComponent: e }) => {
   const t = ct(xa);
   if (t === void 0) throw new Error("Non puoi settare il loading");
   return t;
-}, Xc = "0.0.177", Zc = ({ errorMessage: t, errorShow: e }) => /* @__PURE__ */ h.jsx("section", { className: e ? "" : "hidden", children: /* @__PURE__ */ h.jsxs("div", { className: "container mx-auto", children: [
+}, Xc = "0.0.178", Zc = ({ errorMessage: t, errorShow: e }) => /* @__PURE__ */ h.jsx("section", { className: e ? "" : "hidden", children: /* @__PURE__ */ h.jsxs("div", { className: "container mx-auto", children: [
   /* @__PURE__ */ h.jsx("h1", { className: "text-center text-8xl my-12", children: "Errore" }),
   /* @__PURE__ */ h.jsx("pre", { className: "text-xl", children: t })
 ] }) }), wa = Nt(), y0 = ({ children: t }) => {

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "thecore-auth",
   "private": false,
-  "version": "0.0.177",
+  "version": "0.0.178",
   "type": "module",
   "main": "dist/thecore-auth.cjs.js",
   "style": "dist/thecore-auth.css",
   "module": "dist/thecore-auth.esm.js",
+  "bin": {
+    "setup-deploy": "./deploy-scripts/setupDeploy.js"
+  },
   "exports": {
     ".": {
       "import": "./dist/thecore-auth.esm.js",
@@ -17,7 +20,8 @@
     "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview",
-    "increment-version": "npm version patch && git push"
+    "increment-version": "npm version patch && git push",
+    "setup-deploy": "node ./deploy-scripts/setupDeploy.js"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -57,7 +61,9 @@
     "dist",
     "README.md",
     "CSS variables documentation.md",
-    "!dist/config.json"
+    "!dist/config.json",
+    "deploy-scripts",
+    "deploy-scripts/templates"
   ],
   "repository": {
     "type": "git",