fix lint

pixijs · Mar 26, 2024 · 18f4d7a · 18f4d7a
1 parent 15bcd15
commit 18f4d7a
Show file tree

Hide file tree

Showing 29 changed files with 336 additions and 2,021 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/Layout.ts b/src/Layout.ts
@@ -1,10 +1,10 @@
 import { Container } from '@pixi/display';
-import { Content, LayoutOptions, Styles } from './utils/types';
+import { TextStyle } from '@pixi/text';
 import { AlignController } from './controllers/AlignController';
-import { StyleController } from './controllers/StyleController';
-import { SizeController } from './controllers/SizeController';
 import { ContentController } from './controllers/ContentController';
-import { TextStyle } from '@pixi/text';
+import { SizeController } from './controllers/SizeController';
+import { StyleController } from './controllers/StyleController';
+import { Content, LayoutOptions, Styles } from './utils/types';
 
 /**
  * Layout controller class for any PixiJS Container based instance.

diff --git a/src/controllers/AlignController.ts b/src/controllers/AlignController.ts
@@ -1,5 +1,5 @@
-import { Layout, LayoutSystem } from '../Layout';
 import { Text } from '@pixi/text';
+import { Layout, LayoutSystem } from '../Layout';
 import { isItJustAText } from '../utils/helpers';
 
 /** Align controller manages {@link LayoutSystem} and it's content alignment. */

diff --git a/src/controllers/ContentController.ts b/src/controllers/ContentController.ts
@@ -1,11 +1,11 @@
 /* eslint-disable no-case-declarations */
-import { Layout, LayoutSystem } from '../Layout';
-import { Content, ContentList, ContentType, LayoutOptions, LayoutStyles } from '../utils/types';
 import { Container, DisplayObject } from '@pixi/display';
-import { Text, TextStyle } from '@pixi/text';
-import { Sprite } from '@pixi/sprite';
 import { Graphics } from '@pixi/graphics';
+import { Sprite } from '@pixi/sprite';
+import { Text, TextStyle } from '@pixi/text';
+import { Layout, LayoutSystem } from '../Layout';
 import { stylesToPixiTextStyles } from '../utils/helpers';
+import { Content, ContentList, ContentType, LayoutOptions, LayoutStyles } from '../utils/types';
 
 /** Controls all {@link LayoutSystem} children sizing. */
 export class ContentController

diff --git a/src/controllers/SizeController.ts b/src/controllers/SizeController.ts
@@ -1,13 +1,13 @@
 /* eslint-disable no-case-declarations */
-import { getColor, getNumber, isItJustAText } from '../utils/helpers';
-import { LayoutSystem } from '../Layout';
-import { Text } from '@pixi/text';
 import { Container } from '@pixi/display';
-import { FlexNumber, SizeControl } from '../utils/types';
-import { Sprite } from '@pixi/sprite';
 import { Graphics } from '@pixi/graphics';
 import { NineSlicePlane } from '@pixi/mesh-extras';
+import { Sprite } from '@pixi/sprite';
 import { TilingSprite } from '@pixi/sprite-tiling';
+import { Text } from '@pixi/text';
+import { LayoutSystem } from '../Layout';
+import { getColor, getNumber, isItJustAText } from '../utils/helpers';
+import { FlexNumber, SizeControl } from '../utils/types';
 
 /** Size controller manages {@link LayoutSystem} and it's content size. */
 export class SizeController

diff --git a/src/controllers/StyleController.ts b/src/controllers/StyleController.ts
@@ -1,10 +1,11 @@
-import { TilingSprite } from '@pixi/sprite-tiling';
 import { NineSlicePlane } from '@pixi/mesh-extras';
-import type { ConditionalStyles, GradeToOne, Styles } from '../utils/types';
+import { TilingSprite } from '@pixi/sprite-tiling';
 import { TextStyle } from '@pixi/text';
-import { stylesToPixiTextStyles } from '../utils/helpers';
-import { BACKGROUND_SIZE, OVERFLOW, VERTICAL_ALIGN } from '../utils/constants';
 import { LayoutSystem } from '../Layout';
+import { BACKGROUND_SIZE, OVERFLOW, VERTICAL_ALIGN } from '../utils/constants';
+import { stylesToPixiTextStyles } from '../utils/helpers';
+
+import type { ConditionalStyles, GradeToOne, Styles } from '../utils/types';
 
 /** Style controller manages {@link LayoutSystem} styles. */
 export class StyleController

diff --git a/src/index.ts b/src/index.ts
@@ -1,7 +1,7 @@
+export * from './controllers/AlignController';
 export * from './controllers/ContentController';
 export * from './controllers/SizeController';
 export * from './controllers/StyleController';
-export * from './controllers/AlignController';
+export * from './Layout';
 export * from './utils/constants';
 export * from './utils/types';
-export * from './Layout';
diff --git a/src/stories/autoSize/ByBackground.stories.ts b/src/stories/autoSize/ByBackground.stories.ts
@@ -1,9 +1,9 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
-import { preloadAssets } from '../utils/helpers';
 import { Sprite } from '@pixi/sprite';
+import { Layout } from '../../Layout';
 import { ALIGN } from '../../utils/constants';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
+import { preloadAssets } from '../utils/helpers';
 
 const assets = {
     horizontal: 'Window/SmallSubstrate.png',

diff --git a/src/stories/autoSize/ByContent.stories.ts b/src/stories/autoSize/ByContent.stories.ts
@@ -1,10 +1,10 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
-import { toolTip } from '../components/ToolTip';
-import { preloadAssets } from '../utils/helpers';
 import { Sprite } from '@pixi/sprite';
+import { Layout } from '../../Layout';
 import { Content } from '../../utils/types';
+import { toolTip } from '../components/ToolTip';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
+import { preloadAssets } from '../utils/helpers';
 
 const testAssets = {
     energy: 'Icons/EnergyIcon.png',

diff --git a/src/stories/autoSize/BySetSize.stories.ts b/src/stories/autoSize/BySetSize.stories.ts
@@ -1,11 +1,11 @@
+import { Texture } from '@pixi/core';
+import { Container } from '@pixi/display';
 import { NineSlicePlane } from '@pixi/mesh-extras';
+import { Sprite } from '@pixi/sprite';
 import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
-import { Container } from '@pixi/display';
 import { ALIGN, BACKGROUND_SIZE } from '../../utils/constants';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { preloadAssets } from '../utils/helpers';
-import { Sprite } from '@pixi/sprite';
-import { Texture } from '@pixi/core';
 
 const TEXTS = ['Width and height values are set in pixels.',
     'Text will adapt to the layout size.',

diff --git a/src/stories/autoSize/ByText.stories.ts b/src/stories/autoSize/ByText.stories.ts
@@ -1,7 +1,7 @@
 import { Container } from '@pixi/display';
 import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { ALIGN } from '../../utils/constants';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
 
 const args = {
     text:

diff --git a/src/stories/basic/Anchor.stories.ts b/src/stories/basic/Anchor.stories.ts
@@ -1,9 +1,9 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
 import { Sprite } from '@pixi/sprite';
-import { preloadAssets } from '../utils/helpers';
+import { Layout } from '../../Layout';
 import { POSITION } from '../../utils/constants';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
+import { preloadAssets } from '../utils/helpers';
 
 const assets = {
     avatar: 'avatar-01.png'

diff --git a/src/stories/basic/Basic.stories.ts b/src/stories/basic/Basic.stories.ts
@@ -1,8 +1,8 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
 import { Text } from '@pixi/text';
-import { CSS_COLOR_NAMES, LOREM_TEXT, POSITION, ALIGN } from '../../utils/constants';
+import { Layout } from '../../Layout';
+import { ALIGN, CSS_COLOR_NAMES, LOREM_TEXT, POSITION } from '../../utils/constants';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
 
 const color = Object.keys(CSS_COLOR_NAMES).map((key) => key);
 

diff --git a/src/stories/basic/ContentAdd.stories.ts b/src/stories/basic/ContentAdd.stories.ts
@@ -1,10 +1,10 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
-import { CSS_COLOR_NAMES } from '../../utils/constants';
-import { Text } from '@pixi/text';
 import { Graphics } from '@pixi/graphics';
+import { Text } from '@pixi/text';
+import { Layout } from '../../Layout';
+import { CSS_COLOR_NAMES } from '../../utils/constants';
 import { LayoutStyles } from '../../utils/types';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
 
 const color = Object.keys(CSS_COLOR_NAMES).map((key) => key);
 

diff --git a/src/stories/basic/TransformContainer.stories.ts b/src/stories/basic/TransformContainer.stories.ts
@@ -1,8 +1,8 @@
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
-import { CSS_COLOR_NAMES, LOREM_TEXT, POSITION, ALIGN } from '../../utils/constants';
-import { toolTip } from '../components/ToolTip';
 import { Layout } from '../../Layout';
+import { ALIGN, CSS_COLOR_NAMES, LOREM_TEXT, POSITION } from '../../utils/constants';
+import { toolTip } from '../components/ToolTip';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
 
 const color = Object.keys(CSS_COLOR_NAMES).map((key) => key);
 

diff --git a/src/stories/complex/AppLayout.stories.ts b/src/stories/complex/AppLayout.stories.ts
@@ -1,8 +1,8 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
-import { VERTICAL_ALIGN, ALIGN, POSITION, CSS_COLOR_NAMES } from '../../utils/constants';
+import { Layout } from '../../Layout';
+import { ALIGN, CSS_COLOR_NAMES, POSITION, VERTICAL_ALIGN } from '../../utils/constants';
 import { LayoutStyles } from '../../utils/types';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
 
 const args = {
     color: '#000000',

diff --git a/src/stories/complex/NineSlicePlane.stories.ts b/src/stories/complex/NineSlicePlane.stories.ts
@@ -1,11 +1,10 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
-import { Container } from '@pixi/display';
-import { preloadAssets } from '../utils/helpers';
 import { Texture } from '@pixi/core';
-
+import { Container } from '@pixi/display';
 import { NineSlicePlane } from '@pixi/mesh-extras';
+import { Layout } from '../../Layout';
 import { LOREM_TEXT } from '../../utils/constants';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
+import { preloadAssets } from '../utils/helpers';
 
 const args = {
     width: 97,

diff --git a/src/stories/components/ToolTip.ts b/src/stories/components/ToolTip.ts
@@ -1,5 +1,5 @@
-import { Layout } from '../../Layout';
 import { FancyButton } from '@pixi/ui';
+import { Layout } from '../../Layout';
 import { preloadAssets } from '../utils/helpers';
 
 export async function toolTip(text: string): Promise<Layout>

diff --git a/src/stories/dynamic/AddRemoveContent.stories.ts b/src/stories/dynamic/AddRemoveContent.stories.ts
@@ -1,10 +1,10 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
-import { toolTip } from '../components/ToolTip';
-import { preloadAssets } from '../utils/helpers';
 import { Sprite } from '@pixi/sprite';
 import { FancyButton } from '@pixi/ui';
+import { Layout } from '../../Layout';
+import { toolTip } from '../components/ToolTip';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
+import { preloadAssets } from '../utils/helpers';
 
 const testAssets = {
     energy: 'Icons/EnergyIcon.png',

diff --git a/src/stories/dynamic/ResizePixiInstance.stories.ts b/src/stories/dynamic/ResizePixiInstance.stories.ts
@@ -1,10 +1,10 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
-import { toolTip } from '../components/ToolTip';
-import { preloadAssets } from '../utils/helpers';
 import { Sprite } from '@pixi/sprite';
 import { FancyButton } from '@pixi/ui';
+import { Layout } from '../../Layout';
+import { toolTip } from '../components/ToolTip';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
+import { preloadAssets } from '../utils/helpers';
 
 const assets = {
     energy: 'Icons/EnergyIcon.png',

diff --git a/src/stories/dynamic/UpdateStyles.stories.ts b/src/stories/dynamic/UpdateStyles.stories.ts
@@ -1,10 +1,10 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
-import { toolTip } from '../components/ToolTip';
-import { preloadAssets } from '../utils/helpers';
 import { Sprite } from '@pixi/sprite';
 import { FancyButton } from '@pixi/ui';
+import { Layout } from '../../Layout';
+import { toolTip } from '../components/ToolTip';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
+import { preloadAssets } from '../utils/helpers';
 
 const assets = {
     energy: 'Icons/EnergyIcon.png',

diff --git a/src/stories/fit/Contain.stories.ts b/src/stories/fit/Contain.stories.ts
@@ -1,8 +1,8 @@
+import { Container } from '@pixi/display';
+import { Sprite } from '@pixi/sprite';
 import { Layout } from '../../Layout';
 import { argTypes, getDefaultArgs } from '../utils/argTypes';
-import { Container } from '@pixi/display';
 import { preloadAssets } from '../utils/helpers';
-import { Sprite } from '@pixi/sprite';
 
 const assets = {
     bg: 'bg.png'

diff --git a/src/stories/fit/ContainAndPosition.stories.ts b/src/stories/fit/ContainAndPosition.stories.ts
@@ -1,8 +1,8 @@
+import { Container } from '@pixi/display';
+import { Sprite } from '@pixi/sprite';
 import { Layout } from '../../Layout';
 import { argTypes, getDefaultArgs } from '../utils/argTypes';
-import { Container } from '@pixi/display';
 import { preloadAssets } from '../utils/helpers';
-import { Sprite } from '@pixi/sprite';
 
 const assets = {
     bg: 'bg.png',

diff --git a/src/stories/fit/Fit.stories.ts b/src/stories/fit/Fit.stories.ts
@@ -1,8 +1,8 @@
+import { Container } from '@pixi/display';
+import { Sprite } from '@pixi/sprite';
 import { Layout } from '../../Layout';
 import { argTypes, getDefaultArgs } from '../utils/argTypes';
-import { Container } from '@pixi/display';
 import { preloadAssets } from '../utils/helpers';
-import { Sprite } from '@pixi/sprite';
 
 const assets = {
     bg: 'bg.png'

diff --git a/src/stories/fit/FitAndPosition.stories.ts b/src/stories/fit/FitAndPosition.stories.ts
@@ -1,8 +1,8 @@
+import { Container } from '@pixi/display';
+import { Sprite } from '@pixi/sprite';
 import { Layout } from '../../Layout';
 import { argTypes, getDefaultArgs } from '../utils/argTypes';
-import { Container } from '@pixi/display';
 import { preloadAssets } from '../utils/helpers';
-import { Sprite } from '@pixi/sprite';
 
 const assets = {
     bg: 'verticalBG.png',

diff --git a/src/stories/styles/ConditionalAppLayout.stories.ts b/src/stories/styles/ConditionalAppLayout.stories.ts
@@ -1,8 +1,8 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
-import { VERTICAL_ALIGN, ALIGN, POSITION, CSS_COLOR_NAMES } from '../../utils/constants';
+import { Layout } from '../../Layout';
+import { ALIGN, CSS_COLOR_NAMES, POSITION, VERTICAL_ALIGN } from '../../utils/constants';
 import { LayoutStyles } from '../../utils/types';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
 
 const args = {
     color: '#000000',

diff --git a/src/stories/styles/ConditionalStylesPortraitLandscape.stories.ts b/src/stories/styles/ConditionalStylesPortraitLandscape.stories.ts
@@ -1,7 +1,7 @@
-import { Layout } from '../../Layout';
-import { argTypes, getDefaultArgs } from '../utils/argTypes';
 import { Container } from '@pixi/display';
+import { Layout } from '../../Layout';
 import { toolTip } from '../components/ToolTip';
+import { argTypes, getDefaultArgs } from '../utils/argTypes';
 
 const args = {
     portraitColor: 'white',

diff --git a/src/utils/helpers.ts b/src/utils/helpers.ts
@@ -1,8 +1,8 @@
-import { CSS_COLOR_NAMES } from './constants';
-import { Color, CSSColor, FlexColor, FlexNumber, Styles } from './types';
 import { utils } from '@pixi/core';
-import { TextStyle, Text } from '@pixi/text';
+import { Text, TextStyle } from '@pixi/text';
 import { LayoutSystem } from '../Layout';
+import { CSS_COLOR_NAMES } from './constants';
+import { Color, CSSColor, FlexColor, FlexNumber, Styles } from './types';
 
 export function rgba2Hex([r, g, b]: number[]): number
 {

diff --git a/src/utils/types.ts b/src/utils/types.ts
@@ -1,9 +1,10 @@
+import { BACKGROUND_SIZE, CSS_COLOR_NAMES, DISPLAY, OVERFLOW, POSITION, VERTICAL_ALIGN } from './constants';
+
+import type { Container } from '@pixi/display';
+import type { NineSlicePlane } from '@pixi/mesh-extras';
 import type { TilingSprite } from '@pixi/sprite-tiling';
 import type { TextStyle, TextStyleAlign } from '@pixi/text';
-import type { Container } from '@pixi/display';
-import { CSS_COLOR_NAMES, POSITION, DISPLAY, OVERFLOW, VERTICAL_ALIGN, BACKGROUND_SIZE } from './constants';
 import type { Layout } from '../Layout';
-import type { NineSlicePlane } from '@pixi/mesh-extras';
 
 export type GradeToOne = 0 | 0.1 | 0.2 | 0.3 | 0.4 | 0.5 | 0.6 | 0.7 | 0.8 | 0.9 | 1;