@vixoniccom/aqi 0.0.3-dev.3 → 0.0.3-dev.5

package/build/test/parameters.json

@@ -5,7 +5,7 @@
       "filename": "Earthquakes.png",
       "__isAsset": true
     },
-    "cityInput": "Santiago",
+    "cityInput": "Osorno",
     "topSeparationCard": 200,
     "leftSeparationCard": 600,
     "cardWidth": 700,

package/configuration/appeareanceGroup/AppeareanceInputs.ts

@@ -1,17 +1,9 @@
-import { Label, NumberInput, SelectAssetKna, SelectInput, TextFormat, TextInput } from '@vixoniccom/modules'
+import { Label, NumberInput, SelectAssetKna, 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,25 +20,6 @@
           ],
           "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.3",
+  "version": "0.0.3-dev.5",
   "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",
-    "@vixoniccom/modules": "^2.25.0-dev.6",
+    "@vixoniccom/module-packager": "^2.13.0-dev.1",
+    "@vixoniccom/modules": "^2.20.5-dev.1",
     "standard-version": "^9.5.0"
   }
 }

package/sonar-project.properties

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

package/src/App.tsx

@@ -14,19 +14,26 @@ 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(() => {
-    if (!start) return
+    console.log('[App] useEffect triggered | start:', start, '| cityInput:', cityInput, '| updateTime:', updateTime)
+    if (!start) {
+      console.warn('[App] start=false → skipping fetch')
+      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('Error fetching data:', error)
+        console.error('[App] fetchData: error:', error)
         setFormattedData(undefined)
       }
     }
@@ -67,8 +74,7 @@ export const App: React.FunctionComponent<Props> = ({ data, start }) => {
                 cardGap: parameters?.cardGap,
                 aqiFormat: parameters?.aqiFormat,
                 stationFormat: parameters?.stationFormat,
-                qualityFormat: parameters?.qualityFormat,
-                positionCard: parameters?.positionCard
+                qualityFormat: parameters?.qualityFormat
               }} />
           </div>
         ) : (

package/src/components/Card.tsx

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

package/src/parameters.d.ts

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

package/src/services/index.ts

@@ -3,8 +3,9 @@ import localforage from 'localforage'
 import { AirQuality, AqiData, StorageData } from '../types'
 import { API_RESPONSE_STATUS } from '../utils'
 
-if (!process.env.AQI_TOKEN) console.warn('Env variable not found. Skipping API call.')
+if (!process.env.AQI_TOKEN) console.warn('[AQI] Env variable AQI_TOKEN 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()
@@ -15,26 +16,34 @@ const refetchData = (referenceDate: Date, updateTime: number): boolean => {
 
   if (sameYear && sameMonth && sameDay) {
     const differenceMilliseconds = Math.abs(now.getTime() - referenceDate.getTime())
-    return differenceMilliseconds >= updateTime
+    const shouldRefetch = differenceMilliseconds >= updateTime
+    console.log(`[AQI] refetchData: same day, elapsed=${differenceMilliseconds}ms, updateTime=${updateTime}ms, shouldRefetch=${shouldRefetch}`)
+    return shouldRefetch
   }
+  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('Error fetching AQI data:', error)
+    console.error('[AQI] requestData: 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 = {
@@ -42,20 +51,33 @@ 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() })
+    if (processedData.aqi !== undefined) {
+      await localforage.setItem('aqi', { item: processedData, date: new Date() })
+      console.log('[AQI] getData: saved to cache and returning:', processedData)
+    } else {
+      console.warn('[AQI] getData: data invalid (no aqi) → skipping cache save')
+    }
     return processedData
   } else {
     data = storageData.item
+    console.log('[AQI] getData: cache HIT → returning cached data:', data)
     return data
   }
 }

package/src/test/parameters.json

@@ -5,7 +5,7 @@
       "filename": "Earthquakes.png",
       "__isAsset": true
     },
-    "cityInput": "Santiago",
+    "cityInput": "Osorno",
     "topSeparationCard": 200,
     "leftSeparationCard": 600,
     "cardWidth": 700,

package/.github/workflows/main.yml

@@ -1,131 +0,0 @@
-name: Deploy job
-
-on:
-  pull_request:
-    branches:
-      - master
-    types: [closed]
-  workflow_dispatch:
-
-jobs:
-  build:
-    name: Build and Publish Package
-    runs-on: ubuntu-latest
-    environment: production
-    if: github.event_name == 'workflow_dispatch' || github.event.pull_request.merged == true
-
-    outputs:
-      version: ${{ steps.extract_version.outputs.version }}
-      deployment-start: ${{ steps.deployment_start.outputs.deployment_start }}
-
-    steps:
-      - name: Log deployment start
-        id: deployment_start
-        run: |
-          echo "deployment_start=$(date +"%Y-%m-%dT%H:%M:%S%:z")" >> "$GITHUB_OUTPUT"
-
-      - name: Checkout repository
-        uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
-        with:
-          fetch-depth: 0
-          token: ${{ secrets.PRIVATE_TOKEN_GITHUB }}
-
-      - name: Setup Node.js 20
-        uses: actions/setup-node@49933ea5288caeca8642d1e84afbd3f7d6820020 # 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@0057852bfaa89a56745cba8c7296529d2fc39830 # 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: Bump version
-        run: |
-          git config user.name "github-actions[bot]"
-          git config user.email "github-actions[bot]@users.noreply.github.com"
-          npm run release -- --no-verify
-          git push --follow-tags origin main
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: Extract changelog for this release
-        id: changelog
-        run: |
-          BODY=$(awk '/^## \[/{if(p) exit; p=1} p' CHANGELOG.md)
-          echo "body<<EOF" >> $GITHUB_OUTPUT
-          echo "$BODY" >> $GITHUB_OUTPUT
-          echo "EOF" >> $GITHUB_OUTPUT
-
-      - name: Extract version from package.json
-        id: extract_version
-        run: echo "version=$(node -p "require('./package.json').version")" >> $GITHUB_OUTPUT
-
-      - 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: Publish to npm
-        run: npm publish --access public
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      - name: Create GitHub Release
-        uses: softprops/action-gh-release@3bb12739c298aeb8a4eeaf626c5b8d85266b0e65 # v2
-        with:
-          tag_name: v${{ steps.extract_version.outputs.version }}
-          name: v${{ steps.extract_version.outputs.version }}
-          body: ${{ steps.changelog.outputs.body }}
-          files: build.zip
-        env:
-          GITHUB_TOKEN: ${{ secrets.PRIVATE_TOKEN_GITHUB }}
-
-  report-ep:
-    name: Report EP Metrics
-    runs-on: ubuntu-latest
-    needs: [build]
-    if: always()
-
-    steps:
-      - uses: actions/checkout@34e114876b0b11c390a56381ad16ebd13914f8d5 # v4
-        with:
-          fetch-depth: 0
-          token: ${{ secrets.PRIVATE_TOKEN_GITHUB }}
-
-      - uses: vismagroup/Jira-SDOP-Reporter@v1
-        with:
-          token: ${{ github.token }}
-          deployment-start: ${{ needs.build.outputs.deployment-start }}
-          deployment-status: ${{ needs.build.result == 'success' && 'success' || 'failure' }}
-          jira-token: ${{ secrets.JIRA_TOKEN }}
-          jira-issue-summary: "store-gallery-image release v${{ needs.build.outputs.version }}"
-          jira-issue-project: "SDOP"
-          jira-issue-components: |
-            ${{ secrets.EP_JIRA_COMPONENT }}
-          jira-issue-build-info: ${{ github.server_url }}/${{ github.repository }}/actions/runs/${{ github.run_id }}