@vixoniccom/aqi 0.0.2 → 0.0.3-dev.2

package/configuration/appeareanceGroup/AppeareanceInputs.ts

@@ -1,9 +1,17 @@
-import { Label, NumberInput, SelectAssetKna, TextFormat, TextInput } from '@vixoniccom/modules'
+import { Label, NumberInput, SelectAssetKna, SelectInput, TextFormat, TextInput } from '@vixoniccom/modules'
 
 export const appeareanceInputs = [
   new Label({ label: 'General' }),
   new SelectAssetKna({ id: 'backgroundImage', label: 'Fondo', required: false, extensions: ['jpg', 'png'] }),
-
+  new Label({ label: 'Posición' }),
+  new SelectInput({
+    id: 'positionCard',
+    label: 'Tipo de posición',
+    items: [
+      { label: 'Horizontal', value: 'horizontal' },
+      { label: 'Vertical', value: 'vertical' },
+    ],
+  }),
   new Label({ label: 'Diseño de la tarjeta' }),
   new NumberInput({
     id: 'topSeparationCard',

package/configuration.json

@@ -20,6 +20,25 @@
           ],
           "multiple": false
         },
+        {
+          "type": "label",
+          "label": "Posición"
+        },
+        {
+          "id": "positionCard",
+          "label": "Tipo de posición",
+          "type": "select-input",
+          "items": [
+            {
+              "value": "horizontal",
+              "label": "Horizontal"
+            },
+            {
+              "value": "vertical",
+              "label": "Vertical"
+            }
+          ]
+        },
         {
           "type": "label",
           "label": "Diseño de la tarjeta"

package/package.json

@@ -8,7 +8,7 @@
   "author": {
     "name": "Daniel Alvayay"
   },
-  "version": "0.0.2",
+  "version": "0.0.3-dev.2",
   "scripts": {
     "prepublish": "vixonic-module-packager --mode=build",
     "watch": "vixonic-module-packager --mode=watch",
@@ -28,8 +28,8 @@
   "devDependencies": {
     "@types/react": "^18.3.23",
     "@types/react-dom": "^18.3.7",
-    "@vixoniccom/module-packager": "^2.13.0-dev.1",
-    "@vixoniccom/modules": "^2.20.5-dev.1",
+    "@vixoniccom/module-packager": "^2.13.0",
+    "@vixoniccom/modules": "^2.25.0-dev.6",
     "standard-version": "^9.5.0"
   }
 }

package/sonar-project.properties

@@ -1 +1,2 @@
-sonar.projectKey=Vixonic_store-air-quality-index_de6b8e55-8f87-4d53-b9d5-7e514a2702d9
+sonar.projectKey=Vixonic_store-air-quality-index_de6b8e55-8f87-4d53-b9d5-7e514a2702d9
+sonar.exclusions=.github/**/*

package/src/App.tsx

@@ -67,7 +67,8 @@ export const App: React.FunctionComponent<Props> = ({ data, start }) => {
                 cardGap: parameters?.cardGap,
                 aqiFormat: parameters?.aqiFormat,
                 stationFormat: parameters?.stationFormat,
-                qualityFormat: parameters?.qualityFormat
+                qualityFormat: parameters?.qualityFormat,
+                positionCard: parameters?.positionCard
               }} />
           </div>
         ) : (

package/src/components/Card.tsx

@@ -13,6 +13,7 @@ interface Props {
     aqiFormat?: TextFormat.Value;
     stationFormat?: TextFormat.Value;
     qualityFormat?: TextFormat.Value;
+    positionCard?: string;
   };
 }
 
@@ -25,7 +26,7 @@ export const Card: React.FunctionComponent<Props> = ({ data, format }) => {
       display: 'flex',
       width: `${format.cardWidth || 300}px`,
       height: `${format.cardHeight || 200}px`,
-      flexDirection: 'column',
+      flexDirection: `${format.positionCard === 'vertical' ? 'column' : 'row'}`,
       backgroundColor: color,
       borderRadius: "10px"
     }}>

package/src/parameters.d.ts

@@ -6,6 +6,7 @@ declare type VixonicData = {
 
 declare type VixonicParameters = Partial<{
   backgroundImage: { id?: string; filename?: string; extension?: string }
+  positionCard: 'horizontal' | 'vertical'
   topSeparationCard: number
   leftSeparationCard: number
   cardWidth: number

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

@@ -1,105 +0,0 @@
-name: Publish to NPM
-
-on:
-  push:
-    branches:
-      - master
-      - main
-  pull_request:
-    branches:
-      - master
-      - main
-    types: [closed]
-
-jobs:
-  publish:
-    # Solo ejecutar si es un push a main/master o un merge a main/master
-    if: github.event_name == 'push' || (github.event.pull_request.merged == true && (github.event.pull_request.base.ref == 'master' || github.event.pull_request.base.ref == 'main'))
-    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@v3
-        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: Build package
-        run: npm run prepublish
-        env:
-          AQI_TOKEN: ${{ secrets.AQI_TOKEN }}
-          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 }}
-          AQI_TOKEN: ${{ secrets.AQI_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'"