feat: impl project theme layers

src/core/theme-layers.ts

@@ -0,0 +1,47 @@
+import { resolve, parse } from 'path'
+import fg from 'fast-glob'
+import deepmerge from 'deepmerge'
+
+import { Platforms, platforms } from './platforms'
+import { importModule } from './import-module'
+import { Shape, TokensMap, ThemeTokens } from './token.h'
+
+type ThemeLayers = Shape<
+  Shape<{
+    name: string
+    meta?: { css?: string }
+    tokens: TokensMap
+  }>
+>
+
+export async function getThemeLayers(
+  source: string,
+  options?: { platforms: Platforms; exclude: string[] },
+): Promise<ThemeLayers> {
+  const result: ThemeLayers = {}
+  const files = await fg('**/*.{js,ts}', { cwd: source, ignore: options.exclude })
+  for (const fileName of files) {
+    const data = await importModule<ThemeTokens>(resolve(source, fileName))
+    const { name: layer } = parse(fileName)
+    for (const [platform, levels] of platforms) {
+      if (options !== undefined && !options.platforms.includes(platform)) {
+        continue
+      }
+      const composedLevels = []
+      for (const level of levels) {
+        if (data[level] !== undefined) {
+          composedLevels.push(data[level])
+        }
+      }
+      if (result[platform] === undefined) {
+        result[platform] = {}
+      }
+      result[platform][layer] = {
+        meta: data.meta,
+        name: layer,
+        tokens: deepmerge.all<TokensMap>(composedLevels),
+      }
+    }
+  }
+  return result
+}

src/core/token.h.ts

@@ -1,3 +1,5 @@
+import { Platforms } from './platforms'
+
 export type Shape<T> = { [key: string]: T }
 
 export type Token = {
@@ -13,3 +15,5 @@ export type FlattenToken = Token & {
 export type TokensMap = {
   [key: string]: TokensMap | Token | string
 }
+
+export type ThemeTokens = { [key in Platforms]?: TokensMap } & { meta?: { css?: string } }