@vixoniccom/news-internal 0.4.21 → 0.4.22

package/configuration/appearanceGroup/index.ts

@@ -2,8 +2,8 @@ import { Group } from '@vixoniccom/modules'
 import { generalInputs } from './generalInputs'
 import { elementsInputs } from './elementsInputs'
 
-export const appereanceGroup = new Group({
-  id: 'appaeranceGroup',
+export const appearanceGroup = new Group({
+  id: 'appearanceGroup',
   label: 'Apariencia',
   items: [
     ...generalInputs,

package/configuration/index.ts

@@ -1,8 +1,8 @@
 import { Configuration } from '@vixoniccom/modules'
-import { appereanceGroup } from './appearanceGroup'
+import { appearanceGroup } from './appearanceGroup'
 import { newsGroup } from './newsGroup'
 
 export const configuration: Configuration = new Configuration({
   durationFormula: `(_values.news && _values.news.filter(function(newsItem) { return new Date(newsItem.expirationDate) > new Date() || isNaN(new Date(newsItem.expirationDate)) ; }).length || 0) * (_values.showTime || 10)`,
-  schema: [newsGroup, appereanceGroup],
+  schema: [newsGroup, appearanceGroup],
 })

package/configuration/newsGroup/newsInputs.ts

@@ -3,7 +3,7 @@ import { ShowValidations } from '../utils'
 
 export const newsInputs = [
   new TextInput({
-    id: 'titleShort',
+    id: 'title',
     label: 'Título corto',
     required: true,
     show: ShowValidations.shortTitleEnabled,
@@ -11,7 +11,7 @@ export const newsInputs = [
     pattern: '^(?!\\s*$).+',
   }),
   new TextInput({
-    id: 'titleMedium',
+    id: 'title',
     label: 'Título mediano',
     required: true,
     show: ShowValidations.mediumTitleEnabled,
@@ -19,7 +19,7 @@ export const newsInputs = [
     pattern: '^(?!\\s*$).+',
   }),
   new TextInput({
-    id: 'titleLarge',
+    id: 'title',
     label: 'Título largo',
     required: true,
     show: ShowValidations.largeTitleEnabled,
@@ -28,7 +28,7 @@ export const newsInputs = [
   }),
 
   new TextInput({
-    id: 'titleExtraLarge',
+    id: 'title',
     label: 'Título extra largo',
     required: true,
     show: ShowValidations.extraLargeTitleEnabled,
@@ -37,7 +37,7 @@ export const newsInputs = [
   }),
 
   new TextArea({
-    id: 'descriptionShort',
+    id: 'description',
     label: 'Descripción corta',
     required: true,
     show: ShowValidations.shortDescriptionEnabled,
@@ -47,7 +47,7 @@ export const newsInputs = [
   }),
 
   new TextArea({
-    id: 'descriptionMedium',
+    id: 'description',
     label: 'Descripción mediana',
     required: true,
     show: ShowValidations.mediumDescriptionEnabled,
@@ -57,7 +57,7 @@ export const newsInputs = [
   }),
 
   new TextArea({
-    id: 'descriptionLarge',
+    id: 'description',
     label: 'Descripción larga',
     required: true,
     show: ShowValidations.largeDescriptionEnabled,
@@ -67,7 +67,7 @@ export const newsInputs = [
   }),
 
   new TextArea({
-    id: 'descriptionExtraLarge',
+    id: 'description',
     label: 'Descripción extra larga',
     required: true,
     show: ShowValidations.extraLargeDescriptionEnabled,

package/configuration.json

@@ -7,7 +7,7 @@
       "type": "list",
       "itemSchema": [
         {
-          "id": "titleShort",
+          "id": "title",
           "label": "Título corto",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'short')",
           "type": "text-input",
@@ -16,7 +16,7 @@
           "range": "[1:25]"
         },
         {
-          "id": "titleMedium",
+          "id": "title",
           "label": "Título mediano",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
           "type": "text-input",
@@ -25,7 +25,7 @@
           "range": "[1:40]"
         },
         {
-          "id": "titleLarge",
+          "id": "title",
           "label": "Título largo",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'large')",
           "type": "text-input",
@@ -34,7 +34,7 @@
           "range": "[1:50]"
         },
         {
-          "id": "titleExtraLarge",
+          "id": "title",
           "label": "Título extra largo",
           "show": "{{titleEnabled}} === true && ({{newsSizeSelect}} === 'extra-large')",
           "type": "text-input",
@@ -43,7 +43,7 @@
           "range": "[1:70]"
         },
         {
-          "id": "descriptionShort",
+          "id": "description",
           "label": "Descripción corta",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'short')",
           "type": "text-area",
@@ -53,7 +53,7 @@
           "html": true
         },
         {
-          "id": "descriptionMedium",
+          "id": "description",
           "label": "Descripción mediana",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'medium')",
           "type": "text-area",
@@ -63,7 +63,7 @@
           "html": true
         },
         {
-          "id": "descriptionLarge",
+          "id": "description",
           "label": "Descripción larga",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'large')",
           "type": "text-area",
@@ -73,7 +73,7 @@
           "html": true
         },
         {
-          "id": "descriptionExtraLarge",
+          "id": "description",
           "label": "Descripción extra larga",
           "show": "{{descriptionEnabled}} === true && ({{newsSizeSelect}} === 'extra-large')",
           "type": "text-area",
@@ -129,7 +129,7 @@
       "sortable": true
     },
     {
-      "id": "appaeranceGroup",
+      "id": "appearanceGroup",
       "label": "Apariencia",
       "type": "group",
       "items": [

package/package.json

@@ -8,7 +8,7 @@
   "author": {
     "name": ""
   },
-  "version": "0.4.21",
+  "version": "0.4.22",
   "scripts": {
     "prepublish": "vixonic-module-packager --mode=build",
     "watch": "vixonic-module-packager --mode=watch",
@@ -36,7 +36,7 @@
     "@types/react-transition-group": "^4.4.12",
     "@types/uuid": "^9.0.1",
     "@vixoniccom/module-packager": "^2.13.0-dev.1",
-    "@vixoniccom/modules": "^2.22.0-dev.3",
+    "@vixoniccom/modules": "^2.25.0-dev.18",
     "standard-version": "^9.5.0"
   }
 }

package/sonar-project.properties

@@ -1 +1,2 @@
-sonar.projectKey=Vixonic_store-news-internal_7997a402-cbee-4f01-a556-e7f3da37d90d
+sonar.projectKey=Vixonic_store-news-internal_7997a402-cbee-4f01-a556-e7f3da37d90d
+sonar.exclusions=.github/**/*

package/src/components/App.tsx

@@ -10,36 +10,21 @@ export type Props = {
 
 export const App: React.FunctionComponent<Props> = ({ data }) => {
   const [news, setNews] = useState<NewsItem[]>([])
-  
-   const getPrefixBySize = (n: any, size: string, prefix: string): string => {
-    const prefixMap: { [key: string]: string } = {
-      'short': n[`${prefix}Short`],
-      'medium': n[`${prefix}Medium`],
-      'large': n[`${prefix}Large`],
-      'extra-large': n[`${prefix}ExtraLarge`]
-    }
-    return prefixMap[size] || n[`${prefix}Medium`] || ''
-  }
 
   const parseNews = (data?: VixonicData): NewsItem[] => {
     if (!data) return []
-    const { news, newsSizeSelect } = data.parameters
+    const { news } = data.parameters
     const parsedNews = news?.map((n) => {
       const { image, ...rest } = n
       let parsedImage
       const qrUrl = n.qrCodeUrl
       if (image?.filename) parsedImage = `${data.downloadsPath}/${image.filename}`
-    
-      let title = getPrefixBySize(n, newsSizeSelect ?? 'medium', 'title')
-      let description = getPrefixBySize(n, newsSizeSelect ?? 'medium', 'description')
 
       return {
          ...rest,
-          title,
-          description,
           image: parsedImage,
           id: uuid(),
-          qrCodeUrl: qrUrl 
+          qrCodeUrl: qrUrl
         }
     }).filter((n) => {
       const { expirationDate } = n

package/src/components/NewsContainer/index.tsx

@@ -18,6 +18,12 @@ export const NewsContainer: React.FunctionComponent<Props> = (props) => {
   const [currentIndex, setCurrentIndex] = useState(0)
   const item = props.items.length > currentIndex ? props.items[currentIndex] : undefined
 
+  useEffect(() => {
+  if (props.items.length > 0 && currentIndex >= props.items.length) {
+    setCurrentIndex(0)
+  }
+  }, [props.items.length]) 
+  
   useEffect(() => {
     startTimeout()
     return () => {

package/src/parameters.d.ts

@@ -7,14 +7,8 @@ declare type VixonicData = {
 declare type VixonicParameters = 
 Partial<{
   news: {
-    titleShort: string, 
-    titleMedium: string, 
-    titleLarge: string, 
-    titleExtraLarge: string, 
-    descriptionShort: string, 
-    descriptionMedium: string, 
-    descriptionLarge: string, 
-    descriptionExtraLarge: string, 
+    title: string,
+    description: string,
     image: {
       id?: string, 
       filename?: string, 

package/.github/workflows/npm-publish.yml

@@ -1,108 +0,0 @@
-name: Publish to NPM
-
-on:
-  pull_request:
-    branches:
-      - development
-      - master
-      - main
-  workflow_dispatch:
-
-jobs:
-  publish:
-    runs-on: ubuntu-latest
-
-    steps:
-      - name: Checkout code
-        uses: actions/checkout@v4
-        with:
-          fetch-depth: 0
-
-      - name: Setup Node.js 20
-        uses: actions/setup-node@v4
-        with:
-          node-version: '20'
-          registry-url: 'https://registry.npmjs.org'
-          scope: '@vixoniccom'
-
-      - name: Configure npm authentication
-        run: |
-          echo "//registry.npmjs.org/:_authToken=${{ secrets.NPM_TOKEN }}" > ~/.npmrc
-          echo "@vixoniccom:registry=https://registry.npmjs.org/" >> ~/.npmrc
-          echo "registry=https://registry.npmjs.org/" >> ~/.npmrc
-
-      - name: Cache node modules
-        uses: actions/cache@v4
-        with:
-          path: ~/.npm
-          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
-          restore-keys: |
-            ${{ runner.os }}-node-
-
-      - name: Install dependencies
-        run: npm ci
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: Configure Git
-        run: |
-          git config --global user.name "github-actions[bot]"
-          git config --global user.email "github-actions[bot]@users.noreply.github.com"
-
-      - name: Create release version
-        run: npm run release
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: Build package
-        run: npm run prepublish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: Verify build.zip exists
-        run: |
-          if [ ! -f "build.zip" ]; then
-            echo "❌ Error: build.zip not found after build process"
-            exit 1
-          fi
-          echo "✅ build.zip found successfully"
-          ls -la build.zip
-
-      - name: Check if version already exists on npm
-        id: check-version
-        run: |
-          PACKAGE_NAME=$(node -p "require('./package.json').name")
-          PACKAGE_VERSION=$(node -p "require('./package.json').version")
-
-          echo "Checking if $PACKAGE_NAME@$PACKAGE_VERSION exists on npm..."
-
-          if npm view "$PACKAGE_NAME@$PACKAGE_VERSION" version 2>/dev/null; then
-            echo "version-exists=true" >> $GITHUB_OUTPUT
-            echo "⚠️  Version $PACKAGE_VERSION already exists on npm"
-          else
-            echo "version-exists=false" >> $GITHUB_OUTPUT
-            echo "✅ Version $PACKAGE_VERSION does not exist on npm - ready to publish"
-          fi
-
-      - name: Publish to npm
-        if: steps.check-version.outputs.version-exists == 'false'
-        run: |
-          echo "Publishing to npm..."
-          npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: Publication success
-        if: steps.check-version.outputs.version-exists == 'false'
-        run: |
-          PACKAGE_NAME=$(node -p "require('./package.json').name")
-          PACKAGE_VERSION=$(node -p "require('./package.json').version")
-          echo "🎉 Successfully published $PACKAGE_NAME@$PACKAGE_VERSION to npm!"
-          echo "📦 Package includes build.zip with the compiled application"
-
-      - name: Skip publication
-        if: steps.check-version.outputs.version-exists == 'true'
-        run: |
-          PACKAGE_VERSION=$(node -p "require('./package.json').version")
-          echo "⏭️  Skipping publication - version $PACKAGE_VERSION already exists on npm"
-          echo "💡 To publish a new version, update the version in package.json or run 'npm run release'"