MikeFaith/dt-nfc-identifier
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Added formfactor explanations

Browse Source
This commit is contained in:
michael
2026-01-27 13:31:41 -08:00
parent 3e9411fc7d
commit 77bce6a815
1 changed files with 192 additions and 189 deletions
Download Patch File Download Diff File Expand all files Collapse all files

381
src/screens/ResultScreen.tsx
View File

@@ -219,102 +219,102 @@ export function ResultScreen({ route, navigation }: ResultScreenProps) {
{transponder && (chipInfo || chipFamilyInfo) && ( {transponder && (chipInfo || chipFamilyInfo) && (
<AnimatedSection delay={delays.aboutChip}> <AnimatedSection delay={delays.aboutChip}>
<Surface style={styles.chipInfoCard} elevation={1}> <Surface style={styles.chipInfoCard} elevation={1}>
<TouchableOpacity <TouchableOpacity
onPress={() => setShowChipInfo(!showChipInfo)} onPress={() => setShowChipInfo(!showChipInfo)}
style={styles.chipInfoHeader} style={styles.chipInfoHeader}
activeOpacity={0.7}> activeOpacity={0.7}>
<Text variant="labelLarge" style={styles.chipInfoLabel}> <Text variant="labelLarge" style={styles.chipInfoLabel}>
ABOUT THIS CHIP ABOUT THIS CHIP
</Text> </Text>
<Text style={styles.expandIndicator}> <Text style={styles.expandIndicator}>
{showChipInfo ? '▼' : '▶'} {showChipInfo ? '▼' : '▶'}
</Text> </Text>
</TouchableOpacity> </TouchableOpacity>
{showChipInfo && ( {showChipInfo && (
<> <>
<Divider style={[styles.divider, { backgroundColor: DTColors.modeOther }]} /> <Divider style={[styles.divider, { backgroundColor: DTColors.modeOther }]} />
{/* Family description */} {/* Family description */}
{chipFamilyInfo && ( {chipFamilyInfo && (
<Text variant="bodyMedium" style={styles.chipFamilyDescription}> <Text variant="bodyMedium" style={styles.chipFamilyDescription}>
{chipFamilyInfo} {chipFamilyInfo}
</Text>
)}
{/* Detailed chip info */}
{chipInfo && (
<>
<Text variant="bodyMedium" style={styles.chipDescription}>
{chipInfo.description}
</Text> </Text>
)}
{/* Detailed chip info */}
{chipInfo && (
<>
<Text variant="bodyMedium" style={styles.chipDescription}>
{chipInfo.description}
</Text>
{chipInfo.memoryNote && (
<View style={styles.chipInfoRow}>
<Text variant="bodySmall" style={styles.chipInfoRowLabel}>
Memory:
</Text>
<Text variant="bodySmall" style={styles.chipInfoRowValue}>
{chipInfo.memoryNote}
</Text>
</View>
)}
{chipInfo.memoryNote && (
<View style={styles.chipInfoRow}> <View style={styles.chipInfoRow}>
<Text variant="bodySmall" style={styles.chipInfoRowLabel}> <Text variant="bodySmall" style={styles.chipInfoRowLabel}>
Memory: Security:
</Text> </Text>
<Text variant="bodySmall" style={styles.chipInfoRowValue}> <Text
{chipInfo.memoryNote} variant="bodySmall"
style={[
styles.chipInfoRowValue,
{
color:
chipInfo.securityLevel === 'high'
? DTColors.modeSuccess
: chipInfo.securityLevel === 'medium'
? DTColors.modeEmphasis
: DTColors.modeWarning,
},
]}>
{chipInfo.securityLevel.toUpperCase()}
</Text> </Text>
</View> </View>
)}
<View style={styles.chipInfoRow}> <Text variant="bodySmall" style={styles.securityNote}>
<Text variant="bodySmall" style={styles.chipInfoRowLabel}> {getSecurityLevelDescription(chipInfo.securityLevel)}
Security:
</Text> </Text>
<Text
variant="bodySmall"
style={[
styles.chipInfoRowValue,
{
color:
chipInfo.securityLevel === 'high'
? DTColors.modeSuccess
: chipInfo.securityLevel === 'medium'
? DTColors.modeEmphasis
: DTColors.modeWarning,
},
]}>
{chipInfo.securityLevel.toUpperCase()}
</Text>
</View>
<Text variant="bodySmall" style={styles.securityNote}> {chipInfo.commonUses.length > 0 && (
{getSecurityLevelDescription(chipInfo.securityLevel)} <>
</Text> <Text variant="labelSmall" style={styles.chipInfoSectionLabel}>
COMMON USES
{chipInfo.commonUses.length > 0 && (
<>
<Text variant="labelSmall" style={styles.chipInfoSectionLabel}>
COMMON USES
</Text>
{chipInfo.commonUses.map((use, idx) => (
<Text key={idx} variant="bodySmall" style={styles.chipInfoListItem}>
• {use}
</Text> </Text>
))} {chipInfo.commonUses.map((use, idx) => (
</> <Text key={idx} variant="bodySmall" style={styles.chipInfoListItem}>
)} • {use}
</Text>
))}
</>
)}
{chipInfo.capabilities.length > 0 && ( {chipInfo.capabilities.length > 0 && (
<> <>
<Text variant="labelSmall" style={styles.chipInfoSectionLabel}> <Text variant="labelSmall" style={styles.chipInfoSectionLabel}>
CAPABILITIES CAPABILITIES
</Text>
{chipInfo.capabilities.map((cap, idx) => (
<Text key={idx} variant="bodySmall" style={styles.chipInfoListItem}>
• {cap}
</Text> </Text>
))} {chipInfo.capabilities.map((cap, idx) => (
</> <Text key={idx} variant="bodySmall" style={styles.chipInfoListItem}>
)} • {cap}
</> </Text>
)} ))}
</> </>
)} )}
</Surface> </>
)}
</>
)}
</Surface>
</AnimatedSection> </AnimatedSection>
)} )}
@@ -341,6 +341,9 @@ export function ResultScreen({ route, navigation }: ResultScreenProps) {
textStyle={styles.formFactorChipText}> textStyle={styles.formFactorChipText}>
{product.formFactor.replace('_', ' ')} {product.formFactor.replace('_', ' ')}
</DTChip> </DTChip>
{product.formFactor.startsWith("X") && <Text style={styles.chipDescription}>Injectable</Text>}
{product.formFactor.startsWith("B") && <Text style={styles.chipDescription}>Large, rigid</Text>}
{product.formFactor.startsWith("F") && <Text style={styles.chipDescription}>Large, semi-rigid</Text>}
</View> </View>
<Text variant="bodySmall" style={styles.productDescription}> <Text variant="bodySmall" style={styles.productDescription}>
@@ -390,28 +393,28 @@ export function ResultScreen({ route, navigation }: ResultScreenProps) {
{transponder && matchResult && matchResult.exactMatches.length === 0 && matchResult.cloneTargets.length === 0 && ( {transponder && matchResult && matchResult.exactMatches.length === 0 && matchResult.cloneTargets.length === 0 && (
<AnimatedSection delay={delays.noMatch}> <AnimatedSection delay={delays.noMatch}>
<Surface style={styles.noMatchCard} elevation={1}> <Surface style={styles.noMatchCard} elevation={1}>
<Text variant="labelLarge" style={styles.noMatchLabel}> <Text variant="labelLarge" style={styles.noMatchLabel}>
NO DIRECT MATCH NO DIRECT MATCH
</Text> </Text>
<Divider style={[styles.divider, { backgroundColor: DTColors.modeOther }]} /> <Divider style={[styles.divider, { backgroundColor: DTColors.modeOther }]} />
<Text variant="bodyMedium" style={styles.noMatchText}> <Text variant="bodyMedium" style={styles.noMatchText}>
{getMatchSummary(matchResult, transponder.chipName)} {getMatchSummary(matchResult, transponder.chipName)}
</Text> </Text>
{matchResult.familyMatches.length > 0 && ( {matchResult.familyMatches.length > 0 && (
<> <>
<Text variant="bodySmall" style={styles.familyMatchesLabel}> <Text variant="bodySmall" style={styles.familyMatchesLabel}>
Related products in the same chip family: Related products in the same chip family:
</Text>
{matchResult.familyMatches.slice(0, 2).map(product => (
<Text key={product.id} variant="bodySmall" style={styles.familyMatchItem}>
• {product.name}
</Text> </Text>
))} {matchResult.familyMatches.slice(0, 2).map(product => (
</> <Text key={product.id} variant="bodySmall" style={styles.familyMatchItem}>
)} • {product.name}
</Surface> </Text>
))}
</>
)}
</Surface>
</AnimatedSection> </AnimatedSection>
)} )}
@@ -419,29 +422,29 @@ export function ResultScreen({ route, navigation }: ResultScreenProps) {
{transponder?.sakSwapInfo?.hasSakSwap && ( {transponder?.sakSwapInfo?.hasSakSwap && (
<AnimatedSection delay={delays.sakSwap}> <AnimatedSection delay={delays.sakSwap}>
<Surface style={styles.sakSwapCard} elevation={1}> <Surface style={styles.sakSwapCard} elevation={1}>
<Text variant="labelLarge" style={styles.sakSwapLabel}> <Text variant="labelLarge" style={styles.sakSwapLabel}>
SAK SWAP DETECTED SAK SWAP DETECTED
</Text> </Text>
<Divider style={[styles.divider, { backgroundColor: DTColors.modeEmphasis }]} /> <Divider style={[styles.divider, { backgroundColor: DTColors.modeEmphasis }]} />
<Text variant="bodyLarge" style={styles.sakSwapType}> <Text variant="bodyLarge" style={styles.sakSwapType}>
{transponder.sakSwapInfo.swapType?.replace(/_/g, ' ').toUpperCase()} {transponder.sakSwapInfo.swapType?.replace(/_/g, ' ').toUpperCase()}
</Text> </Text>
<Text variant="bodyMedium" style={styles.sakSwapDescription}> <Text variant="bodyMedium" style={styles.sakSwapDescription}>
{transponder.sakSwapInfo.description} {transponder.sakSwapInfo.description}
</Text> </Text>
{transponder.sakSwapInfo.notes && transponder.sakSwapInfo.notes.length > 0 && ( {transponder.sakSwapInfo.notes && transponder.sakSwapInfo.notes.length > 0 && (
<View style={styles.sakSwapNotes}> <View style={styles.sakSwapNotes}>
{transponder.sakSwapInfo.notes.map((note, index) => ( {transponder.sakSwapInfo.notes.map((note, index) => (
<Text key={index} variant="bodySmall" style={styles.sakSwapNote}> <Text key={index} variant="bodySmall" style={styles.sakSwapNote}>
• {note} • {note}
</Text> </Text>
))} ))}
</View> </View>
)} )}
</Surface> </Surface>
</AnimatedSection> </AnimatedSection>
)} )}
@@ -449,90 +452,90 @@ export function ResultScreen({ route, navigation }: ResultScreenProps) {
<AnimatedSection delay={delays.rawData}> <AnimatedSection delay={delays.rawData}>
<DTCard mode="normal" title="RAW TAG DATA" style={{ marginBottom: 20 }}> <DTCard mode="normal" title="RAW TAG DATA" style={{ marginBottom: 20 }}>
{tagData ? ( {tagData ? (
<> <>
<View style={styles.dataRow}>
<Text variant="bodyLarge" style={styles.dataLabel}>
UID
</Text>
<Text variant="bodyMedium" style={styles.dataValue}>
{tagData.uid || 'N/A'}
</Text>
</View>
<View style={styles.dataRow}>
<Text variant="bodyLarge" style={styles.dataLabel}>
TECHNOLOGIES
</Text>
{
tagData.techTypes.map((t, i) =>
<Text key={i} variant="bodyMedium" style={styles.dataValue}>
{t}
</Text>)
}
</View>
{tagData.sak !== undefined && (
<View style={styles.dataRow}> <View style={styles.dataRow}>
<Text variant="bodyMedium" style={styles.dataLabel}> <Text variant="bodyLarge" style={styles.dataLabel}>
SAK UID
</Text> </Text>
<Text variant="bodyLarge" style={styles.dataValue}> <Text variant="bodyMedium" style={styles.dataValue}>
0x{tagData.sak.toString(16).toUpperCase().padStart(2, '0')} {tagData.uid || 'N/A'}
</Text> </Text>
</View> </View>
)}
{tagData.atqa && (
<View style={styles.dataRow}> <View style={styles.dataRow}>
<Text variant="bodyMedium" style={styles.dataLabel}> <Text variant="bodyLarge" style={styles.dataLabel}>
ATQA TECHNOLOGIES
</Text>
<Text variant="bodyLarge" style={styles.dataValue}>
{tagData.atqa}
</Text> </Text>
{
tagData.techTypes.map((t, i) =>
<Text key={i} variant="bodyMedium" style={styles.dataValue}>
{t}
</Text>)
}
</View> </View>
)}
{tagData.historicalBytes && ( {tagData.sak !== undefined && (
<View style={styles.dataRow}> <View style={styles.dataRow}>
<Text variant="bodyMedium" style={styles.dataLabel}> <Text variant="bodyMedium" style={styles.dataLabel}>
HISTORICAL BYTES SAK
</Text> </Text>
<Text variant="bodyLarge" style={styles.dataValue}> <Text variant="bodyLarge" style={styles.dataValue}>
{tagData.historicalBytes} 0x{tagData.sak.toString(16).toUpperCase().padStart(2, '0')}
</Text> </Text>
</View> </View>
)} )}
</>
) : ( {tagData.atqa && (
<Text variant="bodyLarge" style={styles.noData}> <View style={styles.dataRow}>
No tag data available <Text variant="bodyMedium" style={styles.dataLabel}>
</Text> ATQA
)} </Text>
</DTCard> <Text variant="bodyLarge" style={styles.dataValue}>
{tagData.atqa}
</Text>
</View>
)}
{tagData.historicalBytes && (
<View style={styles.dataRow}>
<Text variant="bodyMedium" style={styles.dataLabel}>
HISTORICAL BYTES
</Text>
<Text variant="bodyLarge" style={styles.dataValue}>
{tagData.historicalBytes}
</Text>
</View>
)}
</>
) : (
<Text variant="bodyLarge" style={styles.noData}>
No tag data available
</Text>
)}
</DTCard>
</AnimatedSection> </AnimatedSection>
{/* No Detection Card (fallback) */} {/* No Detection Card (fallback) */}
{!transponder && ( {!transponder && (
<AnimatedSection delay={0}> <AnimatedSection delay={0}>
<Surface style={styles.noDetectionCard} elevation={1}> <Surface style={styles.noDetectionCard} elevation={1}>
<Text variant="labelLarge" style={styles.noDetectionLabel}> <Text variant="labelLarge" style={styles.noDetectionLabel}>
CHIP NOT IDENTIFIED CHIP NOT IDENTIFIED
</Text> </Text>
<Divider style={[styles.divider, { backgroundColor: DTColors.modeWarning }]} /> <Divider style={[styles.divider, { backgroundColor: DTColors.modeWarning }]} />
<Text variant="bodyMedium" style={styles.noDetectionText}> <Text variant="bodyMedium" style={styles.noDetectionText}>
Unable to identify this chip type. It may be unsupported or require advanced detection. Unable to identify this chip type. It may be unsupported or require advanced detection.
</Text> </Text>
<Text variant="bodyMedium" style={styles.noDetectionText}> <Text variant="bodyMedium" style={styles.noDetectionText}>
Need help? Ask on our forum for assistance. Need help? Ask on our forum for assistance.
</Text> </Text>
<DTButton <DTButton
onPress={() => Linking.openURL(buildTrackedUrl('https://dngr.us/forum', 'unknown_chip'))} onPress={() => Linking.openURL(buildTrackedUrl('https://dngr.us/forum', 'unknown_chip'))}
> >
VISIT FORUM VISIT FORUM
</DTButton> </DTButton>
</Surface> </Surface>
</AnimatedSection> </AnimatedSection>
)} )}