@pandacss/types 0.0.0-dev-20230321103030 → 0.0.0-dev-20230323194924

package/dist/analyze-report.d.ts

@@ -0,0 +1,188 @@
+import type { BoxNodeEmptyInitializer, BoxNodeLiteral, BoxNodeMap } from '@box-extractor/core'
+import type { Config } from './config'
+
+export type ReportItemType = 'object' | 'cva' | 'pattern' | 'recipe' | 'jsx' | 'jsx-factory'
+export type ReportItem = {
+  id: number
+  from: string
+  type: ReportItemType
+  filepath: string
+  kind: 'function' | 'component'
+  path: string[]
+  propName: string
+  conditionName?: string | undefined
+  value: string | number | true
+  category: string
+  isKnown: boolean
+  box: BoxNodeLiteral | BoxNodeEmptyInitializer
+}
+
+/**
+ * An instance is either a component usage or a function usage
+ * @example an instance name could be 'Button', 'css', 'panda.div', 'vstack', ...
+ */
+export type ReportInstanceItem = Pick<ReportItem, 'from' | 'type' | 'kind' | 'filepath'> & {
+  instanceId: number
+  contains: Array<ReportItem['id']>
+  value: Record<string, any>
+  box: BoxNodeMap
+}
+
+export type ReportMaps = {
+  byInstanceOfKind: Map<'function' | 'component', Set<ReportInstanceItem['instanceId']>>
+  byPropertyName: Map<string, Set<ReportItem['id']>>
+  byCategory: Map<string, Set<ReportItem['id']>>
+  byConditionName: Map<string, Set<ReportItem['id']>>
+  byShorthand: Map<string, Set<ReportItem['id']>>
+  byTokenName: Map<string, Set<ReportItem['id']>>
+  byPropertyPath: Map<string, Set<ReportItem['id']>>
+  fromKind: Map<'function' | 'component', Set<ReportItem['id']>>
+  byType: Map<string, Set<ReportItem['id']>>
+  byInstanceName: Map<string, Set<ReportItem['id']>>
+  colorsUsed: Map<string, Set<ReportItem['id']>>
+}
+
+export type ReportCounts = {
+  filesWithTokens: number
+  propNameUsed: number
+  tokenUsed: number
+  shorthandUsed: number
+  propertyPathUsed: number
+  typeUsed: number
+  instanceNameUsed: number
+  kindUsed: number
+  instanceOfKindUsed: number
+  colorsUsed: number
+}
+
+export type MostUsedItem = { key: string; count: number }
+export type ReportStats = {
+  filesWithMostInstance: Record<string, number>
+  filesWithMostPropValueCombinations: Record<string, number>
+  mostUseds: {
+    propNames: Array<MostUsedItem>
+    tokens: Array<MostUsedItem>
+    shorthands: Array<MostUsedItem>
+    categories: Array<MostUsedItem>
+    conditions: Array<MostUsedItem>
+    propertyPaths: Array<MostUsedItem>
+    types: Array<MostUsedItem>
+    instanceNames: Array<MostUsedItem>
+    fromKinds: Array<MostUsedItem>
+    instanceOfKinds: Array<MostUsedItem>
+    colors: Array<MostUsedItem>
+  }
+}
+
+export type ReportDetails = {
+  counts: ReportCounts
+  stats: ReportStats
+  details: {
+    byId: Map<ReportItem['id'], ReportItem>
+    byInstanceId: Map<ReportInstanceItem['instanceId'], ReportInstanceItem>
+    byFilepath: Map<string, Set<ReportItem['id']>>
+    byInstanceInFilepath: Map<string, Set<ReportInstanceItem['instanceId']>>
+    globalMaps: ReportMaps
+    byFilePathMaps: Map<string, ReportMaps>
+  }
+}
+
+type FileSizes = {
+  normal: string
+  minified: string
+  gzip: {
+    normal: string
+    minified: string
+  }
+}
+
+export type AnalysisReport = ReportDetails & {
+  fileSizes: FileSizes
+}
+
+type ReportMapsJSON = {
+  byInstanceOfKind: Record<'function' | 'component', Array<ReportInstanceItem['instanceId']>>
+  byPropertyName: Record<string, Array<ReportItem['id']>>
+  byCategory: Record<string, Array<ReportItem['id']>>
+  byConditionName: Record<string, Array<ReportItem['id']>>
+  byShorthand: Record<string, Array<ReportItem['id']>>
+  byTokenName: Record<string, Array<ReportItem['id']>>
+  byPropertyPath: Record<string, Array<ReportItem['id']>>
+  fromKind: Record<'function' | 'component', Array<ReportItem['id']>>
+  byType: Record<string, Array<ReportItem['id']>>
+  byInstanceName: Record<string, Array<ReportItem['id']>>
+  colorsUsed: Record<string, Array<ReportItem['id']>>
+}
+
+type NodeRange = {
+  startPosition: number
+  startLineNumber: number
+  startColumn: number
+  endPosition: number
+  endLineNumber: number
+  endColumn: number
+}
+
+type MorphNodeJSON = {
+  kind: string
+  range: NodeRange
+}
+
+export type ReportItemJSON = {
+  id: number
+  from: string
+  type: ReportItemType
+  filepath: string
+  kind: 'function' | 'component'
+  path: string[]
+  propName: string
+  conditionName?: string | undefined
+  value: string | number | true
+  category: string
+  isKnown: boolean
+  box: {
+    type: 'literal' | 'empty-initializer'
+    value: string | number | boolean | undefined | null
+    node: MorphNodeJSON
+    stack: MorphNodeJSON[]
+  }
+}
+
+export type ReportInstanceItemJSON = Pick<ReportItem, 'from' | 'type' | 'kind' | 'filepath'> & {
+  instanceId: number
+  contains: Array<ReportItem['id']>
+  value: Record<string, any>
+  box: { type: 'map'; value: Record<string, any>; node: MorphNodeJSON; stack: MorphNodeJSON[] }
+}
+
+export type AnalysisReportJSON = {
+  counts: ReportCounts
+  stats: ReportStats
+  details: {
+    byId: Record<ReportItemJSON['id'], ReportItemJSON>
+    byInstanceId: Record<ReportInstanceItemJSON['instanceId'], ReportInstanceItemJSON>
+    byFilepath: Record<string, Array<ReportItemJSON['id']>>
+    byInstanceInFilepath: Record<string, Array<ReportInstanceItemJSON['instanceId']>>
+    globalMaps: ReportMapsJSON
+    byFilePathMaps: Record<string, ReportMapsJSON>
+  }
+  fileSizes: FileSizes
+  cwd: Config['cwd']
+  theme: Config['theme']
+  utilities: Config['utilities']
+  conditions: Config['conditions']
+  shorthands: Record<string, string>
+  // Generator["parserOptions""]
+  parserOptions: {
+    importMap: {
+      css: string
+      recipe: string
+      pattern: string
+      jsx: string
+    }
+    jsx: {
+      factory: string
+      nodes: Array<{ type: 'string'; name: string; props: string[]; baseName: string }>
+    }
+  }
+}

package/dist/index.d.ts

@@ -1,7 +1,16 @@
+export type {
+  ReportInstanceItem,
+  ReportItem,
+  ReportItemType,
+  AnalysisReport,
+  AnalysisReportJSON,
+  ReportInstanceItemJSON,
+  ReportItemJSON,
+} from './analyze-report'
 export type { CompositionStyles, LayerStyles, TextStyles } from './composition'
 export type { ConditionDetails, Conditions, ConditionType, RawCondition } from './conditions'
 export type { Config, LoadConfigResult, Preset, UserConfig } from './config'
-export type { ParserResult } from './parser'
+export type { ParserResult, ResultItem } from './parser'
 export type { Part, Parts } from './parts'
 export type { PatternConfig, PatternHelpers, PatternProperty } from './pattern'
 export type { RecipeConfig, RecipeVariantRecord } from './recipe'

package/dist/parser.d.ts

@@ -1,18 +1,21 @@
-type Result = {
+import type { BoxNodeMap, BoxNodeList } from '@box-extractor/core'
+
+export type ResultItem = {
   name?: string
   data: Record<string, any>
   type?: string
+  box?: BoxNodeList | BoxNodeMap
 }
 
 export type ParserResult = {
-  jsx: Set<Result>
-  css: Set<Result>
-  cva: Set<Result>
-  recipe: Map<string, Set<Result>>
-  pattern: Map<string, Set<Result>>
-  set: (name: 'cva' | 'css', result: Result) => void
-  setCva: (result: Result) => void
-  setRecipe: (name: string, result: Result) => void
-  setPattern: (name: string, result: Result) => void
+  jsx: Set<ResultItem>
+  css: Set<ResultItem>
+  cva: Set<ResultItem>
+  recipe: Map<string, Set<ResultItem>>
+  pattern: Map<string, Set<ResultItem>>
+  set: (name: 'cva' | 'css', result: ResultItem) => void
+  setCva: (result: ResultItem) => void
+  setRecipe: (name: string, result: ResultItem) => void
+  setPattern: (name: string, result: ResultItem) => void
   isEmpty: () => boolean
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pandacss/types",
-  "version": "0.0.0-dev-20230321103030",
+  "version": "0.0.0-dev-20230323194924",
   "description": "The types for css panda",
   "main": "dist/index.d.ts",
   "author": "Segun Adebayo <joseshegs@gmail.com>",
@@ -12,8 +12,11 @@
     "dist"
   ],
   "devDependencies": {
-    "csstype": "3.1.1",
-    "chokidar-cli": "^3.0.0"
+    "chokidar-cli": "^3.0.0",
+    "csstype": "3.1.1"
+  },
+  "dependencies": {
+    "@box-extractor/core": "^0.8.4"
   },
   "scripts": {
     "build": "tsx scripts/build.ts",