Feat: new bundle

.config/husky/pre-commit

@@ -1,4 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-yarn commit staged
+yarn commit staged

.github/workflows/checks.yaml

@@ -2,6 +2,12 @@ name: Checks
 
 on:
   pull_request:
+    types:
+      - opened
+      - reopened
+      - ready_for_review
+      - synchronize
+      - edited
     paths-ignore:
       - '.github/**'
 

generators/button/src/generator.ts

@@ -1,9 +1,8 @@
 import { transform }                      from '@babel/standalone'
-
-import assert                             from 'assert'
 import { Command }                        from 'commander'
 import { readFileSync }                   from 'fs'
 import { join }                           from 'path'
+import assert                             from 'assert'
 
 import { ButtonAppearanceStyleGenerator } from './style-generators/index.js'
 
@@ -15,17 +14,17 @@
     assert.ok(options.theme, 'Theme colors path is required')
 
     const colorsFile = readFileSync(join(process.cwd(), options.theme)).toString('utf-8')
     const { code } = transform(colorsFile, { presets: ['env'] })
 
     if (!code) throw Error('Could not read the file')
 
     // eslint-disable-next-line no-eval
     const colors = eval(code)
 
     const generator = new ButtonAppearanceStyleGenerator(colors)
 
     const genPath = join(process.cwd(), path)
     generator.generateFile(genPath)
 
     // eslint-disable-next-line no-console
     console.log(`Generated into ${genPath}`)

generators/button/src/style-generators/appearance.style-generator.ts

@@ -90,7 +90,7 @@ export class ButtonAppearanceStyleGenerator {
     return { statefulStyles, appearanceStyles, imports }
   }
 
-  generateFile(path, filename = 'appearance.css.ts') {
+  generateFile(path: string, filename = 'appearance.css.ts') {
     const generated = this.generateAppearanceStyles()
 
     const code = pretty(`

generators/icons/src/generator.ts

@@ -1,12 +1,11 @@
 import { transform }    from '@babel/standalone'
-
-import assert           from 'assert'
 import { Command }      from 'commander'
 import { readFileSync } from 'fs'
 import { lstatSync }    from 'fs'
 import { existsSync }   from 'fs'
 import { mkdirSync }    from 'fs'
 import { join }         from 'path'
+import assert           from 'assert'
 
 import { build }        from './svgr'
 
@@ -19,8 +18,8 @@
     assert.ok(options.icons, 'Icons dir path is required')
 
     const iconsPath = join(process.cwd(), options.icons)
     const genPath = join(process.cwd(), path)
 
     if (!existsSync(genPath)) {
       mkdirSync(genPath)
     }
@@ -32,7 +31,7 @@
 
     if (options.replacements) {
       const replacementsFile = readFileSync(join(process.cwd(), options.replacements)).toString(
         'utf-8'
       )
       const { code } = transform(replacementsFile, { presets: ['env'] })
 
@@ -40,7 +39,7 @@
 
       // eslint-disable-next-line no-eval
       replacements = eval(code)
     }
 
     await build(iconsPath, genPath, replacements)
 

generators/icons/src/svgr.ts

@@ -1,21 +1,21 @@
 import * as prettierPlugin from '@atls/prettier-plugin'
-
 import prettierConfig      from '@atls/config-prettier'
+// @ts-expect-error missing declaration
 import svgr                from '@svgr/core'
-
+import { format }          from 'prettier/standalone'
 import camelcase           from 'camelcase'
 import fs                  from 'fs-extra-promise'
 import glob                from 'glob-promise'
 import path                from 'path'
 import parserBabel         from 'prettier/parser-babel'
 import parserTypescript    from 'prettier/parser-typescript'
-import { format }          from 'prettier/standalone'
 
+// @ts-expect-error types
 const svgrTemplate = ({ template }, opts, { componentName, jsx }) => {
   const typeScriptTpl = template.smart({ plugins: ['typescript', 'prettier'] })
 
   return typeScriptTpl.ast`
  import React from 'react'
  import { vars } from '@ui/theme'
  import { IconProps } from '../icons.interfaces'
 
@@ -25,8 +25,8 @@
   `
 }
 
-const read = (files) =>
+const read = (files: Array<string>) =>
   Promise.all(
     files.map(async (iconPath) => ({
       name: `${camelcase(path.basename(iconPath, path.extname(iconPath)), {
         pascalCase: true,
@@ -35,12 +35,12 @@
     }))
   )
 
-const compile = (icons, replacements) =>
+const compile = (icons: Array<{ name: string, source: string }>, replacements: Record<string, any>) =>
   Promise.all(
     icons.map(async (icon) => ({
       name: icon.name,
       code: await svgr(
         icon.source.replace(/mask0/g, icon.name),
         {
           icon: true,
           template: svgrTemplate,
@@ -51,29 +51,29 @@
     }))
   )
 
-const save = async (sources, targetDir) =>
+const save = async (sources: Array<{ name: string }>, targetDir: string) =>
   Promise.all(
     sources.map((source) =>
       fs.writeFileAsync(
         path.join(targetDir, `${source.name}.tsx`),
         // @ts-ignore
         format(`/* eslint-disable */\n${source.code}`, {
           ...prettierConfig,
           filepath: path.join(targetDir, `${source.name}.tsx`),
           plugins: [parserTypescript, parserBabel, prettierPlugin],
         })
       ))
   )
 
-const createIndex = (sources, targetDir) =>
+const createIndex = (sources: Array<{ name: string }>, targetDir: string) =>
   fs.writeFileAsync(
     path.join(targetDir, 'index.ts'),
     `${sources.map((source) => `export * from './${source.name}'`).join('\n')}\n`
   )
 
 export const build = async (iconsPath: string, targetDir: string, replacements: object) => {
   const prettifyIconsPath = () => {
     const parts = iconsPath.split('')
     if (parts[parts.length - 1] === '/') {
       parts.pop()
       return parts.join('')

generators/input/src/generator.ts

@@ -1,9 +1,8 @@
 import { transform }                     from '@babel/standalone'
-
-import assert                            from 'assert'
 import { Command }                       from 'commander'
 import { readFileSync }                  from 'fs'
 import { join }                          from 'path'
+import assert                            from 'assert'
 
 import { InputAppearanceStyleGenerator } from './style-generators/index.js'
 
@@ -15,17 +14,17 @@
     assert.ok(options.theme, 'Theme colors path is required')
 
     const colorsFile = readFileSync(join(process.cwd(), options.theme)).toString('utf-8')
     const { code } = transform(colorsFile, { presets: ['env'] })
 
     if (!code) throw Error('Could not read the file')
 
     // eslint-disable-next-line no-eval
     const colors = eval(code)
 
     const generator = new InputAppearanceStyleGenerator(colors)
 
     const genPath = join(process.cwd(), path)
     generator.generateFile(genPath)
 
     // eslint-disable-next-line no-console
     console.log(`Generated into ${genPath}`)

generators/input/src/style-generators/appearance.style-generator.ts

@@ -1,11 +1,10 @@
-import { writeFileSync }     from 'fs'
-
-import { pretty }            from '@atls-ui-generators/utils'
-import { getStylesName }     from '@atls-ui-generators/utils'
+import { pretty }        from '@atls-ui-generators/utils'
+import { getStylesName } from '@atls-ui-generators/utils'
+import { writeFileSync } from 'fs'
 
 import { InputColorSchemes } from '../input-generator.interfaces.js'
 
-const getAppearanceStylesName = (variant, state) => getStylesName('appearance', variant, state)
+const getAppearanceStylesName = (variant: string, state: string) => getStylesName('appearance', variant, state)
 
 export class InputAppearanceStyleGenerator {
   readonly requiredImports = [
@@ -21,9 +20,7 @@ export class InputAppearanceStyleGenerator {
       []
     )
 
-    const uniqueVariants = [...new Set(allVariants)]
-
-    this.#variants = uniqueVariants
+    this.#variants = [...new Set(allVariants)]
   }
 
   private generateVariantStatefulStyles(variant: string) {
@@ -93,7 +90,7 @@ export class InputAppearanceStyleGenerator {
     return { statefulStyles, appearanceStyles, imports }
   }
 
-  generateFile(path, filename = 'appearance.css.ts') {
+  generateFile(path: string, filename = 'appearance.css.ts') {
     const generated = this.generateAppearanceStyles()
 
     const code = pretty(`

generators/locales/src/generator.ts

@@ -2,11 +2,10 @@
 import { mergeLocales }     from './merge-locales/index.js'
 import { processDirectory } from './process-directory/index.js'
 
-const allLocales = []
-let outputFile = 'ru'
-const argPaths: string[] = []
+const allLocales: Array<string> = []
+let outputFile: string = 'ru'
+const argPaths: Array<string> = []
 
-// @ts-ignore
 process.argv.slice(2).forEach((arg) => {
   if (!arg.startsWith('--out=')) {
     argPaths.push(arg)
@@ -18,5 +17,5 @@
 const paths = argPaths.length ? argPaths : defaultPaths
 
 paths.forEach((path) => processDirectory(path, 'locales', allLocales, outputFile))
 
 mergeLocales(allLocales, `./locales/${outputFile}.json`)

generators/locales/src/locales-generator.constants.ts

@@ -1 +1 @@
-export const defaultPaths = ['../../fragments', '../../pages']
+export const defaultPaths: Array<string> = ['../../fragments', '../../pages']

generators/locales/src/unit/locales-generator.test.ts

@@ -27,7 +27,7 @@ describe('Locale processing script', () => {
     it('should remove empty locale file', () => {
       mergeLocales([''], outputPath)
 
-      const allLocales = []
+      const allLocales: Array<string> = []
       const mergedContent = JSON.parse(readFileSync(outputPath, 'utf8'))
       expect(mergedContent).toEqual({})
       removeEmptyLocale(

generators/utils/src/pretty.util.ts

@@ -1,14 +1,12 @@
 import * as prettierPlugin from '@atls/prettier-plugin'
-
 import prettierConfig      from '@atls/config-prettier'
-
+import { format }          from 'prettier/standalone'
 import parserBabel         from 'prettier/parser-babel'
 import parserTypescript    from 'prettier/parser-typescript'
-import { format }          from 'prettier/standalone'
 
-const pretty = (string) =>
+const pretty = (string: string) =>
   // @ts-ignore
   format(string, {
     ...prettierConfig,
     parser: 'babel',
     plugins: [parserTypescript, parserBabel, prettierPlugin],

package.json

@@ -14,26 +14,20 @@
     "@vanilla-extract/integration@npm:^7.1.7": "patch:@vanilla-extract/integration@npm%3A7.1.7#~/.yarn/patches/@vanilla-extract-integration-npm-7.1.7-cf020c7449.patch"
   },
   "devDependencies": {
-    "@atls/code-service": "0.1.9",
-    "@atls/config-eslint": "0.0.12",
-    "@atls/config-jest": "0.0.17",
-    "@atls/schematics": "0.0.16",
-    "@jest/core": "29.7.0",
-    "@types/eslint": "8.56.2",
-    "@types/glob": "8.1.0",
+    "@atls/code-runtime": "1.1.0",
     "@types/jest": "29.5.11",
     "@types/node": "20.11.5",
-    "eslint": "8.57.0",
     "jest-environment-jsdom": "29.7.0",
-    "typescript": "5.2.2"
+    "typescript": "5.4.2"
   },
-  "packageManager": "yarn@4.0.2",
+  "packageManager": "yarn@4.4.1",
   "tools": {
     "schematic": {
       "collection": "@atls/schematics",
       "schematic": "project",
       "type": "libraries",
       "migration": "1653826505519"
     }
-  }
+  },
+  "typecheckSkipLibCheck": true
 }

project.types.d.ts

@@ -0,0 +1 @@
+/// <reference types="@atls/code-runtime/types" />