@vixoniccom/aqi 0.0.3-dev.4 → 0.0.3

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.3-dev.4",
+  "version": "0.0.3",
   "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

@@ -14,26 +14,19 @@ export const App: React.FunctionComponent<Props> = ({ data, start }) => {
   const { parameters, downloadsPath } = data
   const backgroundImageState = parameters.backgroundImage ? `url('${downloadsPath}/${parameters.backgroundImage.filename}')` : ''
   const [formattedData, setFormattedData] = useState<AqiData>()
-  const cityInput = parameters?.cityInput || "santiago"
+  const cityInput = parameters?.cityInput || "Santiago"
   const msj0 = parameters?.msj0 || 'No hay datos para mostrar'
   const updateTime = 600000
 
   useEffect(() => {
-    console.log('[App] useEffect triggered | start:', start, '| cityInput:', cityInput, '| updateTime:', updateTime)
-    if (!start) {
-      console.warn('[App] start=false → skipping fetch')
-      return
-    }
+    if (!start) return
 
     const fetchData = async () => {
-      console.log('[App] fetchData: starting fetch for city:', cityInput)
       try {
         const data = await getData(cityInput, updateTime, msj0)
-        console.log('[App] fetchData: received data:', data)
-        console.log('[App] fetchData: has aqi?', data?.aqi !== undefined, '| aqi value:', data?.aqi)
         setFormattedData(data)
       } catch (error) {
-        console.error('[App] fetchData: error:', error)
+        console.error('Error fetching data:', error)
         setFormattedData(undefined)
       }
     }
@@ -74,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,8 @@ 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'}`,
+      alignItems: `${format.positionCard === 'horizontal' ? 'center' : ''}`,
       backgroundColor: color,
       borderRadius: "10px"
     }}>

package/src/parameters.d.ts

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

package/src/services/index.ts

@@ -3,9 +3,8 @@ import localforage from 'localforage'
 import { AirQuality, AqiData, StorageData } from '../types'
 import { API_RESPONSE_STATUS } from '../utils'
 
-if (!process.env.AQI_TOKEN) console.warn('[AQI] Env variable AQI_TOKEN not found. Skipping API call.')
+if (!process.env.AQI_TOKEN) console.warn('Env variable not found. Skipping API call.')
 const TOKEN = process.env.AQI_TOKEN
-console.log('[AQI] Token loaded:', TOKEN ? `${TOKEN.slice(0, 4)}...` : 'MISSING')
 
 const refetchData = (referenceDate: Date, updateTime: number): boolean => {
   const now = new Date()
@@ -16,34 +15,26 @@ const refetchData = (referenceDate: Date, updateTime: number): boolean => {
 
   if (sameYear && sameMonth && sameDay) {
     const differenceMilliseconds = Math.abs(now.getTime() - referenceDate.getTime())
-    const shouldRefetch = differenceMilliseconds >= updateTime
-    console.log(`[AQI] refetchData: same day, elapsed=${differenceMilliseconds}ms, updateTime=${updateTime}ms, shouldRefetch=${shouldRefetch}`)
-    return shouldRefetch
+    return differenceMilliseconds >= updateTime
   }
-  console.log('[AQI] refetchData: different day → forcing refetch')
   return true
 }
 
 const requestData = async (cityInput: string): Promise<AirQuality | null> => {
   const URL = `https://api.waqi.info/feed/${cityInput}/?token=${TOKEN}`
-  console.log('[AQI] requestData: calling API for city:', cityInput)
   try {
     const response = await axios.get<AirQuality>(URL)
-    console.log('[AQI] requestData: HTTP status:', response?.status)
-    console.log('[AQI] requestData: response data:', JSON.stringify(response?.data, null, 2))
     if (response?.status === 200) {
       return response.data
     }
-    console.warn('[AQI] requestData: unexpected HTTP status, returning null')
     return null
   } catch (error) {
-    console.error('[AQI] requestData: Error fetching AQI data:', error)
+    console.error('Error fetching AQI data:', error)
     return null
   }
 }
 
 const processData = (response: AirQuality | null, cityInput: string, defaultMsg: string): AqiData => {
-  console.log('[AQI] processData: raw response status:', response?.status)
   let data: AqiData = { city: cityInput, station: defaultMsg }
   if (response?.status === API_RESPONSE_STATUS.OK) {
     data = {
@@ -51,29 +42,23 @@ const processData = (response: AirQuality | null, cityInput: string, defaultMsg:
       city: cityInput,
       station: response.data.city.name
     }
-    console.log('[AQI] processData: API OK → processed data:', data)
-  } else {
-    console.warn('[AQI] processData: API status is not OK → using default message. Response:', response)
   }
   return data
 }
 
 export const getData = async (cityInput: string, updateTime: number, defaultMsg: string): Promise<AqiData> => {
-  console.log('[AQI] getData called with city:', cityInput, '| updateTime:', updateTime, '| defaultMsg:', defaultMsg)
   const storageData: StorageData | null = await localforage.getItem('aqi')
-  console.log('[AQI] getData: cached data:', storageData ? { city: storageData.item?.city, date: storageData.date, aqi: storageData.item?.aqi } : 'null')
 
   let data
   if (!storageData?.item || storageData?.item.city !== cityInput || !storageData?.date || refetchData(new Date(storageData.date), updateTime)) {
-    console.log('[AQI] getData: cache MISS or stale → fetching from API')
     data = await requestData(cityInput)
     const processedData = processData(data, cityInput, defaultMsg)
-    await localforage.setItem('aqi', { item: processedData, date: new Date() })
-    console.log('[AQI] getData: saved to cache and returning:', processedData)
+    if (processedData.aqi !== undefined) {
+      await localforage.setItem('aqi', { item: processedData, date: new Date() })
+    }
     return processedData
   } else {
     data = storageData.item
-    console.log('[AQI] getData: cache HIT → returning cached data:', data)
     return data
   }
 }

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'"