diff --git a/docusaurus.config.js b/docusaurus.config.js index d39844dc5..bf91caae8 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -342,4 +342,4 @@ const config = { }), }; -module.exports = config; +export default config; diff --git a/src/components/Example/index.tsx b/src/components/Example/index.tsx index a12b75418..9ca0243d7 100644 --- a/src/components/Example/index.tsx +++ b/src/components/Example/index.tsx @@ -1,11 +1,11 @@ -import PixiPlayground from '@site/src/components/Playground/PixiPlayground'; -import type { IVersion } from '@site/src/components/Playground/PixiPlayground/usePixiVersions'; - +import classNames from 'classnames'; +import { extractSource } from '../Playground/PixiPlayground/useEditorCode'; import styles from './index.module.scss'; import BrowserOnly from '@docusaurus/BrowserOnly'; +import PixiPlayground from '@site/src/components/Playground/PixiPlayground'; import { getExampleEntry } from '@site/src/examples'; -import { extractSource } from '../Playground/PixiPlayground/useEditorCode'; -import classNames from 'classnames'; + +import type { IVersion } from '@site/src/components/Playground/PixiPlayground/usePixiVersions'; export default function Example({ id, pixiVersion, mode }: { id: string; pixiVersion: IVersion; mode?: any }) { diff --git a/src/components/Homepage/ClosingSection/index.tsx b/src/components/Homepage/ClosingSection/index.tsx index 24bb0a5f8..4524add2f 100644 --- a/src/components/Homepage/ClosingSection/index.tsx +++ b/src/components/Homepage/ClosingSection/index.tsx @@ -1,6 +1,6 @@ +import { useInView } from 'react-intersection-observer'; import HomeCTA from '../HomeCTA'; import styles from './index.module.scss'; -import { useInView } from 'react-intersection-observer'; const animShortUp = (duration: number, delay: number) => ({ opacity: 0, diff --git a/src/components/Homepage/FeatureList/index.tsx b/src/components/Homepage/FeatureList/index.tsx index 343b5ecff..0717cc407 100644 --- a/src/components/Homepage/FeatureList/index.tsx +++ b/src/components/Homepage/FeatureList/index.tsx @@ -1,6 +1,6 @@ -import styles from './index.module.scss'; -import features from './features.json'; import { useInView } from 'react-intersection-observer'; +import features from './features.json'; +import styles from './index.module.scss'; export default function FeatureList(): JSX.Element { diff --git a/src/components/Homepage/HeroHeader/index.tsx b/src/components/Homepage/HeroHeader/index.tsx index 0463a1e23..9ee31e9f6 100644 --- a/src/components/Homepage/HeroHeader/index.tsx +++ b/src/components/Homepage/HeroHeader/index.tsx @@ -1,6 +1,6 @@ import clsx from 'clsx'; -import styles from './index.module.scss'; import HomeCTA from '../HomeCTA'; +import styles from './index.module.scss'; export default function HeroHeader(): JSX.Element { diff --git a/src/components/Homepage/HomeCTA/index.tsx b/src/components/Homepage/HomeCTA/index.tsx index 67b93dcac..9766faac9 100644 --- a/src/components/Homepage/HomeCTA/index.tsx +++ b/src/components/Homepage/HomeCTA/index.tsx @@ -1,5 +1,6 @@ -import Link from '@docusaurus/Link'; import styles from './index.module.scss'; +import Link from '@docusaurus/Link'; + import type React from 'react'; export interface HomeCTAOptions { diff --git a/src/components/Homepage/KeyOfferings/index.tsx b/src/components/Homepage/KeyOfferings/index.tsx index f44688b30..7b132c995 100644 --- a/src/components/Homepage/KeyOfferings/index.tsx +++ b/src/components/Homepage/KeyOfferings/index.tsx @@ -1,7 +1,7 @@ -import styles from './index.module.scss'; +import { useInView } from 'react-intersection-observer'; import content from './content.json'; import graphics from './graphics.json'; -import { useInView } from 'react-intersection-observer'; +import styles from './index.module.scss'; const Offerings = (): JSX.Element => { diff --git a/src/components/Homepage/OpenCollective/index.tsx b/src/components/Homepage/OpenCollective/index.tsx index 2ebb5510d..1533c110d 100644 --- a/src/components/Homepage/OpenCollective/index.tsx +++ b/src/components/Homepage/OpenCollective/index.tsx @@ -1,6 +1,6 @@ import { useEffect, useState } from 'react'; -import styles from './index.module.scss'; import { useInView } from 'react-intersection-observer'; +import styles from './index.module.scss'; interface OpenCollectiveData { MemberId: number; diff --git a/src/components/Homepage/index.tsx b/src/components/Homepage/index.tsx index 639fed320..53da74eb3 100644 --- a/src/components/Homepage/index.tsx +++ b/src/components/Homepage/index.tsx @@ -1,11 +1,11 @@ -import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; -import Layout from '@theme/Layout'; +import ClosingSection from './ClosingSection'; +import FeatureList from './FeatureList'; import HeroHeader from './HeroHeader'; -import TestimonialCarousel from './TestimonialCarousel'; import KeyOfferings from './KeyOfferings'; -import FeatureList from './FeatureList'; -import ClosingSection from './ClosingSection'; import OpenCollective from './OpenCollective'; +import TestimonialCarousel from './TestimonialCarousel'; +import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; +import Layout from '@theme/Layout'; export default function Homepage(): JSX.Element { diff --git a/src/components/Playground/PixiPlayground/MonacoEditor.tsx b/src/components/Playground/PixiPlayground/MonacoEditor.tsx index 7787b3bf6..5cd96c149 100644 --- a/src/components/Playground/PixiPlayground/MonacoEditor.tsx +++ b/src/components/Playground/PixiPlayground/MonacoEditor.tsx @@ -1,9 +1,9 @@ import { useCallback, useEffect, useRef } from 'react'; -import type { editor } from 'monaco-editor'; +import { type SandpackState, FileTabs, SandpackStack, useActiveCode, useSandpack } from '@codesandbox/sandpack-react'; import { useColorMode } from '@docusaurus/theme-common'; import Editor from '@monaco-editor/react'; -import type { SandpackState } from '@codesandbox/sandpack-react'; -import { FileTabs, SandpackStack, useActiveCode, useSandpack } from '@codesandbox/sandpack-react'; + +import type { editor } from 'monaco-editor'; export type CodeChangeCallbackType = (code: string | undefined, state: SandpackState) => void; diff --git a/src/components/Playground/PixiPlayground/index.tsx b/src/components/Playground/PixiPlayground/index.tsx index ad6117385..0cb4f85bc 100644 --- a/src/components/Playground/PixiPlayground/index.tsx +++ b/src/components/Playground/PixiPlayground/index.tsx @@ -1,14 +1,12 @@ -import { useColorMode } from '@docusaurus/theme-common'; -import { useCallback, useState } from 'react'; import classNames from 'classnames'; -import { SandpackLayout, SandpackPreview, SandpackProvider, useSandpack } from '@codesandbox/sandpack-react'; -import { useContainerClassNameModifier } from '@site/src/hooks/useContainerClassNameModifier'; +import { useCallback, useState } from 'react'; +import styles from './index.module.scss'; +import MonacoEditor, { type CodeChangeCallbackType } from './MonacoEditor'; import { latestVersion } from './usePixiVersions'; -import MonacoEditor from './MonacoEditor'; import { useSandpackConfiguration } from './useSandpackConfiguration'; -import type { CodeChangeCallbackType } from './MonacoEditor'; - -import styles from './index.module.scss'; +import { SandpackLayout, SandpackPreview, SandpackProvider, useSandpack } from '@codesandbox/sandpack-react'; +import { useColorMode } from '@docusaurus/theme-common'; +import { useContainerClassNameModifier } from '@site/src/hooks/useContainerClassNameModifier'; type BasePlaygroundMode = 'tutorial' | 'fullscreen' | 'example' | 'embedded'; diff --git a/src/components/Playground/PixiPlayground/useEditorCode.ts b/src/components/Playground/PixiPlayground/useEditorCode.ts index 521273755..9c31dc240 100644 --- a/src/components/Playground/PixiPlayground/useEditorCode.ts +++ b/src/components/Playground/PixiPlayground/useEditorCode.ts @@ -1,10 +1,11 @@ import { useCallback, useMemo } from 'react'; -import type { OptionGroup } from '@site/src/components/Select'; -import type { SetURLStateType, URLSaveState } from '@site/src/components/Playground/PixiPlayground/usePlaygroundURLState'; -import type { ExampleSourceEntry } from '@site/src/examples'; import { getExampleEntry, getExampleOptions } from '@site/src/examples'; + import type { IVersion } from './usePixiVersions'; import type { SandpackState } from '@codesandbox/sandpack-react'; +import type { SetURLStateType, URLSaveState } from '@site/src/components/Playground/PixiPlayground/usePlaygroundURLState'; +import type { OptionGroup } from '@site/src/components/Select'; +import type { ExampleSourceEntry } from '@site/src/examples'; export const defaultExampleId = 'sprite.basic'; @@ -56,16 +57,19 @@ export const useCodeExamples = ({ urlState, selectedOptionId, setURLState, pixiV const extraFiles = Object.entries(files) .filter(([key]) => (/^\/src\/(?!index\.js$|styles\.css$)/).test(key)) - .reduce((acc, [key, value]) => - { - let suffix = ''; + .reduce( + (acc, [key, value]) => + { + let suffix = ''; - if (activeFile === key) suffix = '*'; - if (!visibleFiles.includes(key)) suffix = '!'; - acc[key.substring(1) + suffix] = value.code; + if (activeFile === key) suffix = '*'; + if (!visibleFiles.includes(key)) suffix = '!'; + acc[key.substring(1) + suffix] = value.code; - return acc; - }, {} as Record); + return acc; + }, + {} as Record, + ); return { indexCode: files['/src/index.js'].code, diff --git a/src/components/Playground/PixiPlayground/usePixiVersions.ts b/src/components/Playground/PixiPlayground/usePixiVersions.ts index 89c1d2d4f..4ccac5834 100644 --- a/src/components/Playground/PixiPlayground/usePixiVersions.ts +++ b/src/components/Playground/PixiPlayground/usePixiVersions.ts @@ -1,5 +1,5 @@ -import versions from '@site/pixi-versions.json'; import { gt } from 'semver'; +import versions from '@site/pixi-versions.json'; export type IVersion = { version: string; diff --git a/src/components/Playground/PixiPlayground/usePlaygroundURLState.ts b/src/components/Playground/PixiPlayground/usePlaygroundURLState.ts index 92b84e804..ccdc98a33 100644 --- a/src/components/Playground/PixiPlayground/usePlaygroundURLState.ts +++ b/src/components/Playground/PixiPlayground/usePlaygroundURLState.ts @@ -1,7 +1,8 @@ import { evolve, isNil, unless } from 'ramda'; -import type { DeserializeParamsType, SerializeParamsType, SetStateType } from '@site/src/hooks/useURLStateParams'; import { useURLStateParams } from '@site/src/hooks/useURLStateParams'; +import type { DeserializeParamsType, SerializeParamsType, SetStateType } from '@site/src/hooks/useURLStateParams'; + export type URLSaveState = { files: Record; visibleFiles: string[]; @@ -60,7 +61,7 @@ export const usePlaygroundURLState = ({ defaultExampleId }: UsePlaygroundURLStat return { state: state ?? undefined, - exampleId: state ? 'custom' : exampleId ?? defaultExampleId, + exampleId: state ? 'custom' : (exampleId ?? defaultExampleId), }; }, serializeParams, diff --git a/src/components/Playground/index.tsx b/src/components/Playground/index.tsx index b6ede2d36..8eb9ec885 100644 --- a/src/components/Playground/index.tsx +++ b/src/components/Playground/index.tsx @@ -1,11 +1,11 @@ +import styles from './index.module.scss'; +import BrowserOnly from '@docusaurus/BrowserOnly'; import PixiPlayground from '@site/src/components/Playground/PixiPlayground'; -import Select from '@site/src/components/Select'; import { defaultExampleId, useCodeExamples } from '@site/src/components/Playground/PixiPlayground/useEditorCode'; -import type { IVersion } from '@site/src/components/Playground/PixiPlayground/usePixiVersions'; import { usePlaygroundURLState } from '@site/src/components/Playground/PixiPlayground/usePlaygroundURLState'; +import Select from '@site/src/components/Select'; -import styles from './index.module.scss'; -import BrowserOnly from '@docusaurus/BrowserOnly'; +import type { IVersion } from '@site/src/components/Playground/PixiPlayground/usePixiVersions'; export default function Playground({ pixiVersion }: { pixiVersion: IVersion }) { diff --git a/src/components/Select.tsx b/src/components/Select.tsx index 225de832d..006c34083 100644 --- a/src/components/Select.tsx +++ b/src/components/Select.tsx @@ -1,7 +1,5 @@ -import type { ChangeEvent, HTMLAttributes } from 'react'; -import { useCallback } from 'react'; import classNames from 'classnames'; - +import { type ChangeEvent, type HTMLAttributes, useCallback } from 'react'; import styles from './Select.module.scss'; export type Option = { diff --git a/src/components/Tutorial/index.tsx b/src/components/Tutorial/index.tsx index 8d6b10f8c..30b913ada 100644 --- a/src/components/Tutorial/index.tsx +++ b/src/components/Tutorial/index.tsx @@ -1,12 +1,12 @@ import { useEffect, useState } from 'react'; +import PixiPlayground from '../Playground/PixiPlayground'; +import { extractSource } from '../Playground/PixiPlayground/useEditorCode'; import styles from './index.module.scss'; -import Link from '@docusaurus/Link'; import BrowserOnly from '@docusaurus/BrowserOnly'; -import PixiPlayground from '../Playground/PixiPlayground'; +import Link from '@docusaurus/Link'; +import { type TutorialStep, getTutorialEntry } from '@site/src/tutorials'; + import type { IVersion } from '../Playground/PixiPlayground/usePixiVersions'; -import type { TutorialStep } from '@site/src/tutorials'; -import { getTutorialEntry } from '@site/src/tutorials'; -import { extractSource } from '../Playground/PixiPlayground/useEditorCode'; function BrowserTutorial({ data, diff --git a/src/components/TutorialGallery/TutorialCard/index.tsx b/src/components/TutorialGallery/TutorialCard/index.tsx index 46007bd28..f58ec8e71 100644 --- a/src/components/TutorialGallery/TutorialCard/index.tsx +++ b/src/components/TutorialGallery/TutorialCard/index.tsx @@ -1,5 +1,6 @@ -import { useHistory } from '@docusaurus/router'; import styles from './index.module.scss'; +import { useHistory } from '@docusaurus/router'; + import type { TutorialCardData } from '@site/src/tutorials'; export default function TutorialCard({ data }: { data: TutorialCardData }): JSX.Element diff --git a/src/components/TutorialGallery/index.tsx b/src/components/TutorialGallery/index.tsx index ad40c5e25..4088eb383 100644 --- a/src/components/TutorialGallery/index.tsx +++ b/src/components/TutorialGallery/index.tsx @@ -1,7 +1,8 @@ import styles from './index.module.scss'; -import type { IVersion } from '../Playground/PixiPlayground/usePixiVersions'; -import { getTutorialCardsData } from '@site/src/tutorials'; import TutorialCard from './TutorialCard'; +import { getTutorialCardsData } from '@site/src/tutorials'; + +import type { IVersion } from '../Playground/PixiPlayground/usePixiVersions'; export default function TutorialGallery({ pixiVersion }: { pixiVersion: IVersion }): JSX.Element { diff --git a/src/examples/index.ts b/src/examples/index.ts index 96b492a05..e7e7ef3dd 100644 --- a/src/examples/index.ts +++ b/src/examples/index.ts @@ -1,8 +1,9 @@ -import type { OptionGroup } from '../components/Select'; import { lte, major, minor, patch, prerelease, rcompare, valid } from 'semver'; import v7x from './v7.0.0/index'; import v8x from './v8.0.0/index'; +import type { OptionGroup } from '../components/Select'; + export type ExampleDataEntry = { name: string; hide?: boolean; diff --git a/src/examples/v7.0.0/index.ts b/src/examples/v7.0.0/index.ts index e950e4884..482bba06a 100644 --- a/src/examples/v7.0.0/index.ts +++ b/src/examples/v7.0.0/index.ts @@ -1,3 +1,6 @@ +// Defines order of examples in documentation and playground dropdown, it's defined +// separately here so it can be used in runtime code and in the md generation script +import examplesData from './examplesData.json'; import collisionDetection from '!!raw-loader!./advanced/collisionDetection.js'; import mouseTrail from '!!raw-loader!./advanced/mouseTrail.js'; import scratchCard from '!!raw-loader!./advanced/scratchCard.js'; @@ -5,13 +8,11 @@ import screenShot from '!!raw-loader!./advanced/screenShot.js'; import slots from '!!raw-loader!./advanced/slots.js'; import spinners from '!!raw-loader!./advanced/spinners.js'; import starWarp from '!!raw-loader!./advanced/starWarp.js'; - import async from '!!raw-loader!./assets/async.js'; import background from '!!raw-loader!./assets/background.js'; import bundle from '!!raw-loader!./assets/bundle.js'; import multiple from '!!raw-loader!./assets/multiple.js'; import promise from '!!raw-loader!./assets/promise.js'; - import blendModes from '!!raw-loader!./basic/blendModes.js'; import cacheAsBitmap from '!!raw-loader!./basic/cacheAsBitmap.js'; import container from '!!raw-loader!./basic/container.js'; @@ -19,7 +20,6 @@ import particleContainer from '!!raw-loader!./basic/particleContainer.js'; import simplePlane from '!!raw-loader!./basic/simplePlane.js'; import tinting from '!!raw-loader!./basic/tinting.js'; import transparentBackground from '!!raw-loader!./basic/transparentBackground.js'; - import click from '!!raw-loader!./events/click.js'; import customHitarea from '!!raw-loader!./events/customHitarea.js'; import customMouseIcon from '!!raw-loader!./events/customMouseIcon.js'; @@ -30,24 +30,19 @@ import logger from '!!raw-loader!./events/logger.js'; import nestedBoundaryWithProjection from '!!raw-loader!./events/nestedBoundaryWithProjection.js'; import pointerTracker from '!!raw-loader!./events/pointerTracker.js'; import slider from '!!raw-loader!./events/slider.js'; - import custom from '!!raw-loader!./filtersAdvanced/custom.js'; import mouseBlending from '!!raw-loader!./filtersAdvanced/mouseBlending.js'; import shaderToyFilterRenderTexture from '!!raw-loader!./filtersAdvanced/shaderToyFilterRenderTexture.js'; - import blur from '!!raw-loader!./filtersBasic/blur.js'; import colorMatrix from '!!raw-loader!./filtersBasic/colorMatrix.js'; import displacementMapCrawlies from '!!raw-loader!./filtersBasic/displacementMapCrawlies.js'; import displacementMapFlag from '!!raw-loader!./filtersBasic/displacementMapFlag.js'; - import advanced from '!!raw-loader!./graphics/advanced.js'; import dynamic from '!!raw-loader!./graphics/dynamic.js'; import simple from '!!raw-loader!./graphics/simple.js'; - import filter from '!!raw-loader!./masks/filter.js'; import graphics from '!!raw-loader!./masks/graphics.js'; import sprite from '!!raw-loader!./masks/sprite.js'; - import instancedGeometry from '!!raw-loader!./meshAndShaders/instancedGeometry.js'; import interleavingGeometry from '!!raw-loader!./meshAndShaders/interleavingGeometry.js'; import mergingGeometry from '!!raw-loader!./meshAndShaders/mergingGeometry.js'; @@ -57,14 +52,12 @@ import sharedShader from '!!raw-loader!./meshAndShaders/sharedShader.js'; import sharingGeometry from '!!raw-loader!./meshAndShaders/sharingGeometry.js'; import texturedMeshAdvanced from '!!raw-loader!./meshAndShaders/texturedMeshAdvanced.js'; import texturedMeshBasic from '!!raw-loader!./meshAndShaders/texturedMeshBasic.js'; +import triangle from '!!raw-loader!./meshAndShaders/triangle.js'; import triangleColor from '!!raw-loader!./meshAndShaders/triangleColor.js'; import triangleTextured from '!!raw-loader!./meshAndShaders/triangleTextured.js'; -import triangle from '!!raw-loader!./meshAndShaders/triangle.js'; import uniforms from '!!raw-loader!./meshAndShaders/uniforms.js'; - import offscreenCanvasBasic from '!!raw-loader!./offscreenCanvas/basic.js'; import webWorker from '!!raw-loader!./offscreenCanvas/webWorker.js'; - import animatedSpriteAnimationSpeed from '!!raw-loader!./sprite/animatedSpriteAnimationSpeed.js'; import animatedSpriteExplosion from '!!raw-loader!./sprite/animatedSpriteExplosion.js'; import animatedSpriteJet from '!!raw-loader!./sprite/animatedSpriteJet.js'; @@ -72,24 +65,19 @@ import spriteBasic from '!!raw-loader!./sprite/basic.js'; import textureSwap from '!!raw-loader!./sprite/textureSwap.js'; import tilingSprite from '!!raw-loader!./sprite/tilingSprite.js'; import video from '!!raw-loader!./sprite/video.js'; - import bitmapText from '!!raw-loader!./text/bitmapText.js'; import fromFont from '!!raw-loader!./text/fromFont.js'; import pixiText from '!!raw-loader!./text/pixiText.js'; import webFont from '!!raw-loader!./text/webFont.js'; - import gradientBasic from '!!raw-loader!./textures/gradientBasic.js'; import gradientResource from '!!raw-loader!./textures/gradientResource.js'; import renderTextureAdvanced from '!!raw-loader!./textures/renderTextureAdvanced.js'; import renderTextureBasic from '!!raw-loader!./textures/renderTextureBasic.js'; import textureRotate from '!!raw-loader!./textures/textureRotate.js'; -import type { Option } from '@site/src/components/Select'; - -// Defines order of examples in documentation and playground dropdown, it's defined -// separately here so it can be used in runtime code and in the md generation script -import examplesData from './examplesData.json'; import { camelCaseToSentenceCase } from '@site/src/utils/utils'; + import type { CategoryDataType, ExampleDataEntry, ExamplesDataType, ExamplesJsonType, ExamplesSourceType } from '..'; +import type { Option } from '@site/src/components/Select'; const examplesSource: ExamplesSourceType = { basic: { diff --git a/src/examples/v8.0.0/advanced/mouseTrail.js b/src/examples/v8.0.0/advanced/mouseTrail.js index 4cb7e8d6c..9245c2ecb 100644 --- a/src/examples/v8.0.0/advanced/mouseTrail.js +++ b/src/examples/v8.0.0/advanced/mouseTrail.js @@ -1,4 +1,4 @@ -import { Application, Assets, Point, MeshRope } from 'pixi.js'; +import { Application, Assets, MeshRope, Point } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/advanced/scratchCard.js b/src/examples/v8.0.0/advanced/scratchCard.js index 991fcbb66..44ec9467e 100644 --- a/src/examples/v8.0.0/advanced/scratchCard.js +++ b/src/examples/v8.0.0/advanced/scratchCard.js @@ -1,4 +1,4 @@ -import { Application, Assets, Graphics, Sprite, RenderTexture, Point } from 'pixi.js'; +import { Application, Assets, Graphics, Point, RenderTexture, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/advanced/slots.js b/src/examples/v8.0.0/advanced/slots.js index b0fe45231..cf262ddf9 100644 --- a/src/examples/v8.0.0/advanced/slots.js +++ b/src/examples/v8.0.0/advanced/slots.js @@ -1,15 +1,15 @@ import { Application, Assets, + BlurFilter, Color, Container, - Texture, - Sprite, + FillGradient, Graphics, + Sprite, Text, TextStyle, - BlurFilter, - FillGradient, + Texture, } from 'pixi.js'; (async () => diff --git a/src/examples/v8.0.0/advanced/spinners.js b/src/examples/v8.0.0/advanced/spinners.js index a5daf54bc..64a20fd7b 100644 --- a/src/examples/v8.0.0/advanced/spinners.js +++ b/src/examples/v8.0.0/advanced/spinners.js @@ -1,4 +1,4 @@ -import { Application, Assets, Container, Sprite, Point, Graphics } from 'pixi.js'; +import { Application, Assets, Container, Graphics, Point, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/advanced/spinners/index.js b/src/examples/v8.0.0/advanced/spinners/index.js index a442d2d72..c8188cf77 100644 --- a/src/examples/v8.0.0/advanced/spinners/index.js +++ b/src/examples/v8.0.0/advanced/spinners/index.js @@ -1,4 +1,4 @@ -import { Application, Assets, Container, Sprite, Point, Graphics } from 'pixi.js'; +import { Application, Assets, Container, Graphics, Point, Sprite } from 'pixi.js'; import { generateSpinner1 } from './spinner1'; import { generateSpinner2 } from './spinner2'; import { generateSpinner3 } from './spinner3'; diff --git a/src/examples/v8.0.0/basic/blendModes.js b/src/examples/v8.0.0/basic/blendModes.js index 308a4c29b..453da82a2 100644 --- a/src/examples/v8.0.0/basic/blendModes.js +++ b/src/examples/v8.0.0/basic/blendModes.js @@ -1,6 +1,5 @@ -import 'pixi.js/advanced-blend-modes'; - import { Application, Assets, Container, Sprite, Text, Texture } from 'pixi.js'; +import 'pixi.js/advanced-blend-modes'; (async () => { diff --git a/src/examples/v8.0.0/basic/meshPlane.js b/src/examples/v8.0.0/basic/meshPlane.js index 4e1ef63d5..957259fa9 100644 --- a/src/examples/v8.0.0/basic/meshPlane.js +++ b/src/examples/v8.0.0/basic/meshPlane.js @@ -1,4 +1,4 @@ -import { Application, MeshPlane, Assets } from 'pixi.js'; +import { Application, Assets, MeshPlane } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/basic/particleContainer.js b/src/examples/v8.0.0/basic/particleContainer.js index f37c0d097..e01ea2f2c 100644 --- a/src/examples/v8.0.0/basic/particleContainer.js +++ b/src/examples/v8.0.0/basic/particleContainer.js @@ -1,4 +1,4 @@ -import { Application, Assets, Sprite, Container, Rectangle } from 'pixi.js'; +import { Application, Assets, Container, Rectangle, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/basic/tinting.js b/src/examples/v8.0.0/basic/tinting.js index 56c00684a..8f1eb50bf 100644 --- a/src/examples/v8.0.0/basic/tinting.js +++ b/src/examples/v8.0.0/basic/tinting.js @@ -1,4 +1,4 @@ -import { Application, Assets, Sprite, Rectangle } from 'pixi.js'; +import { Application, Assets, Rectangle, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/events/click.js b/src/examples/v8.0.0/events/click.js index d7fd0ce3a..85b6e14a9 100644 --- a/src/examples/v8.0.0/events/click.js +++ b/src/examples/v8.0.0/events/click.js @@ -1,4 +1,4 @@ -import { Application, Assets, Sprite, settings, SCALE_MODES } from 'pixi.js'; +import { Application, Assets, SCALE_MODES, settings, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/events/customHitarea.js b/src/examples/v8.0.0/events/customHitarea.js index c1359ca73..a81c1c7ef 100644 --- a/src/examples/v8.0.0/events/customHitarea.js +++ b/src/examples/v8.0.0/events/customHitarea.js @@ -1,4 +1,4 @@ -import { Application, Assets, Sprite, Graphics, Polygon, Text, TextStyle } from 'pixi.js'; +import { Application, Assets, Graphics, Polygon, Sprite, Text, TextStyle } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/events/dragging.js b/src/examples/v8.0.0/events/dragging.js index 35288a5e1..6557d5505 100644 --- a/src/examples/v8.0.0/events/dragging.js +++ b/src/examples/v8.0.0/events/dragging.js @@ -1,4 +1,4 @@ -import { Application, Assets, Sprite, SCALE_MODES } from 'pixi.js'; +import { Application, Assets, SCALE_MODES, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/events/logger.js b/src/examples/v8.0.0/events/logger.js index e0cb5bef2..b100cc5eb 100644 --- a/src/examples/v8.0.0/events/logger.js +++ b/src/examples/v8.0.0/events/logger.js @@ -1,4 +1,4 @@ -import { Application, Assets, Text, Graphics } from 'pixi.js'; +import { Application, Assets, Graphics, Text } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/events/nestedBoundaryWithProjection.js b/src/examples/v8.0.0/events/nestedBoundaryWithProjection.js index f35c97567..c9669d05a 100644 --- a/src/examples/v8.0.0/events/nestedBoundaryWithProjection.js +++ b/src/examples/v8.0.0/events/nestedBoundaryWithProjection.js @@ -1,4 +1,4 @@ -import { Application, Container, Sprite, Matrix, EventBoundary, Graphics, Rectangle, Text } from 'pixi.js'; +import { Application, Container, EventBoundary, Graphics, Matrix, Rectangle, Sprite, Text } from 'pixi.js'; // This example shows how you can setup a nested boundary to propagate events // into a disjoint scene graph. Here, a camera is used to project an different diff --git a/src/examples/v8.0.0/events/slider.js b/src/examples/v8.0.0/events/slider.js index 12b5ec805..5534e6994 100644 --- a/src/examples/v8.0.0/events/slider.js +++ b/src/examples/v8.0.0/events/slider.js @@ -1,4 +1,4 @@ -import { Application, Assets, Text, Graphics, Sprite, SCALE_MODES } from 'pixi.js'; +import { Application, Assets, Graphics, SCALE_MODES, Sprite, Text } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/filtersAdvanced/custom.js b/src/examples/v8.0.0/filtersAdvanced/custom.js index 05d475a6b..613414440 100644 --- a/src/examples/v8.0.0/filtersAdvanced/custom.js +++ b/src/examples/v8.0.0/filtersAdvanced/custom.js @@ -1,4 +1,4 @@ -import { Application, Assets, Sprite, Filter } from 'js'; +import { Application, Assets, Filter, Sprite } from 'js'; (async () => { diff --git a/src/examples/v8.0.0/filtersAdvanced/custom/index.js b/src/examples/v8.0.0/filtersAdvanced/custom/index.js index 8ec8899e5..2a86f3646 100644 --- a/src/examples/v8.0.0/filtersAdvanced/custom/index.js +++ b/src/examples/v8.0.0/filtersAdvanced/custom/index.js @@ -1,6 +1,6 @@ -import { Application, Assets, Sprite, Filter, GlProgram } from 'pixi.js'; -import vertex from './custom.vert'; +import { Application, Assets, Filter, GlProgram, Sprite } from 'pixi.js'; import fragment from './custom.frag'; +import vertex from './custom.vert'; (async () => { diff --git a/src/examples/v8.0.0/filtersAdvanced/mouseBlending.js b/src/examples/v8.0.0/filtersAdvanced/mouseBlending.js index c0d152802..23ecfbb45 100644 --- a/src/examples/v8.0.0/filtersAdvanced/mouseBlending.js +++ b/src/examples/v8.0.0/filtersAdvanced/mouseBlending.js @@ -1,4 +1,4 @@ -import { Application, Assets, Container, Sprite, Rectangle, Filter, Point } from 'pixi.js'; +import { Application, Assets, Container, Filter, Point, Rectangle, Sprite } from 'pixi.js'; /** * https://github.com/pixijs/pixi.js/wiki/v5-Creating-Filters diff --git a/src/examples/v8.0.0/filtersAdvanced/mouseBlending/index.js b/src/examples/v8.0.0/filtersAdvanced/mouseBlending/index.js index 41b0dce9e..8bb2e5a9d 100644 --- a/src/examples/v8.0.0/filtersAdvanced/mouseBlending/index.js +++ b/src/examples/v8.0.0/filtersAdvanced/mouseBlending/index.js @@ -1,6 +1,6 @@ -import { Application, Assets, Container, Sprite, Rectangle, Filter, Point, GlProgram } from 'pixi.js'; -import vertex from './mouseBlending.vert'; +import { Application, Assets, Container, Filter, GlProgram, Point, Rectangle, Sprite } from 'pixi.js'; import fragment from './mouseBlending.frag'; +import vertex from './mouseBlending.vert'; /** * https://github.com/pixijs/pixi.js/wiki/v5-Creating-Filters diff --git a/src/examples/v8.0.0/filtersAdvanced/shaderToyFilterRenderTexture.js b/src/examples/v8.0.0/filtersAdvanced/shaderToyFilterRenderTexture.js index 4763c3f83..d15b32ce3 100644 --- a/src/examples/v8.0.0/filtersAdvanced/shaderToyFilterRenderTexture.js +++ b/src/examples/v8.0.0/filtersAdvanced/shaderToyFilterRenderTexture.js @@ -1,4 +1,4 @@ -import { Application, Assets, Text, Filter, WRAP_MODES } from 'js'; +import { Application, Assets, Filter, Text, WRAP_MODES } from 'js'; /** * Please note that this is not the most optimal way of doing pure shader generated rendering and should be used when the diff --git a/src/examples/v8.0.0/filtersBasic/blur.js b/src/examples/v8.0.0/filtersBasic/blur.js index 6f74101ed..791be768e 100644 --- a/src/examples/v8.0.0/filtersBasic/blur.js +++ b/src/examples/v8.0.0/filtersBasic/blur.js @@ -1,4 +1,4 @@ -import { Application, Assets, Sprite, BlurFilter } from 'pixi.js'; +import { Application, Assets, BlurFilter, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/filtersBasic/colorMatrix.js b/src/examples/v8.0.0/filtersBasic/colorMatrix.js index 5df344e0d..6ba6a41b9 100644 --- a/src/examples/v8.0.0/filtersBasic/colorMatrix.js +++ b/src/examples/v8.0.0/filtersBasic/colorMatrix.js @@ -1,4 +1,4 @@ -import { Application, Assets, Container, Sprite, Text, ColorMatrixFilter } from 'pixi.js'; +import { Application, Assets, ColorMatrixFilter, Container, Sprite, Text } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/filtersBasic/displacementMapCrawlies.js b/src/examples/v8.0.0/filtersBasic/displacementMapCrawlies.js index 4592fe800..94fe6e513 100644 --- a/src/examples/v8.0.0/filtersBasic/displacementMapCrawlies.js +++ b/src/examples/v8.0.0/filtersBasic/displacementMapCrawlies.js @@ -1,4 +1,4 @@ -import { Application, Assets, Container, Rectangle, Sprite, Point, DisplacementFilter } from 'pixi.js'; +import { Application, Assets, Container, DisplacementFilter, Point, Rectangle, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/filtersBasic/displacementMapFlag.js b/src/examples/v8.0.0/filtersBasic/displacementMapFlag.js index 13a910c7b..3063fa2c3 100644 --- a/src/examples/v8.0.0/filtersBasic/displacementMapFlag.js +++ b/src/examples/v8.0.0/filtersBasic/displacementMapFlag.js @@ -1,4 +1,4 @@ -import { Application, Assets, Container, Sprite, WRAP_MODES, DisplacementFilter } from 'pixi.js'; +import { Application, Assets, Container, DisplacementFilter, Sprite, WRAP_MODES } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/index.ts b/src/examples/v8.0.0/index.ts index 2f4eb1d12..5c96f9e05 100644 --- a/src/examples/v8.0.0/index.ts +++ b/src/examples/v8.0.0/index.ts @@ -1,3 +1,6 @@ +// Defines order of examples in documentation and playground dropdown, it's defined +// separately here so it can be used in runtime code and in the md generation script +import examplesData from './examplesData.json'; import collisionDetection from '!!raw-loader!./advanced/collisionDetection.js'; import mouseTrail from '!!raw-loader!./advanced/mouseTrail.js'; import scratchCard from '!!raw-loader!./advanced/scratchCard.js'; @@ -11,22 +14,19 @@ import spinnerGenerator3 from '!!raw-loader!./advanced/spinners/spinner3.js'; import spinnerGenerator4 from '!!raw-loader!./advanced/spinners/spinner4.js'; import spinnerGenerator5 from '!!raw-loader!./advanced/spinners/spinner5.js'; import starWarp from '!!raw-loader!./advanced/starWarp.js'; - import async from '!!raw-loader!./assets/async.js'; import background from '!!raw-loader!./assets/background.js'; import bundle from '!!raw-loader!./assets/bundle.js'; import multiple from '!!raw-loader!./assets/multiple.js'; import promise from '!!raw-loader!./assets/promise.js'; - import blendModes from '!!raw-loader!./basic/blendModes.js'; +import cacheAsTexture from '!!raw-loader!./basic/cacheAsTexture.js'; import container from '!!raw-loader!./basic/container.js'; -import particleContainer from '!!raw-loader!./basic/particleContainer.js'; import meshPlane from '!!raw-loader!./basic/meshPlane.js'; +import particleContainer from '!!raw-loader!./basic/particleContainer.js'; +import renderGroup from '!!raw-loader!./basic/renderGroup.js'; import tinting from '!!raw-loader!./basic/tinting.js'; import transparentBackground from '!!raw-loader!./basic/transparentBackground.js'; -import renderGroup from '!!raw-loader!./basic/renderGroup.js'; -import cacheAsTexture from '!!raw-loader!./basic/cacheAsTexture.js'; - import click from '!!raw-loader!./events/click.js'; import customHitarea from '!!raw-loader!./events/customHitarea.js'; import customMouseIcon from '!!raw-loader!./events/customMouseIcon.js'; @@ -36,72 +36,65 @@ import interactivity from '!!raw-loader!./events/interactivity.js'; import logger from '!!raw-loader!./events/logger.js'; import pointerTracker from '!!raw-loader!./events/pointerTracker.js'; import slider from '!!raw-loader!./events/slider.js'; - -import custom from '!!raw-loader!./filtersAdvanced/custom/index.js'; -import customVert from '!!raw-loader!./filtersAdvanced/custom/custom.vert'; import customFrag from '!!raw-loader!./filtersAdvanced/custom/custom.frag'; +import customVert from '!!raw-loader!./filtersAdvanced/custom/custom.vert'; +import custom from '!!raw-loader!./filtersAdvanced/custom/index.js'; import mouseBlending from '!!raw-loader!./filtersAdvanced/mouseBlending/index.js'; -import mouseBlendingVert from '!!raw-loader!./filtersAdvanced/mouseBlending/mouseBlending.vert'; import mouseBlendingFrag from '!!raw-loader!./filtersAdvanced/mouseBlending/mouseBlending.frag'; - +import mouseBlendingVert from '!!raw-loader!./filtersAdvanced/mouseBlending/mouseBlending.vert'; import blur from '!!raw-loader!./filtersBasic/blur.js'; import colorMatrix from '!!raw-loader!./filtersBasic/colorMatrix.js'; import displacementMapCrawlies from '!!raw-loader!./filtersBasic/displacementMapCrawlies.js'; import displacementMapFlag from '!!raw-loader!./filtersBasic/displacementMapFlag.js'; - import advanced from '!!raw-loader!./graphics/advanced.js'; import dynamic from '!!raw-loader!./graphics/dynamic.js'; +import fillGradient from '!!raw-loader!./graphics/fillGradient.js'; +import meshFromPath from '!!raw-loader!./graphics/meshFromPath.js'; +import pixelLine from '!!raw-loader!./graphics/pixelLine.js'; import simple from '!!raw-loader!./graphics/simple.js'; import svg from '!!raw-loader!./graphics/svg.js'; import svgLoad from '!!raw-loader!./graphics/svgLoad.js'; import texture from '!!raw-loader!./graphics/texture.js'; -import fillGradient from '!!raw-loader!./graphics/fillGradient.js'; -import meshFromPath from '!!raw-loader!./graphics/meshFromPath.js'; -import pixelLine from '!!raw-loader!./graphics/pixelLine.js'; - import filter from '!!raw-loader!./masks/filter.js'; import graphics from '!!raw-loader!./masks/graphics.js'; -import sprite from '!!raw-loader!./masks/sprite.js'; import inverseMask from '!!raw-loader!./masks/inverseMask.js'; - +import sprite from '!!raw-loader!./masks/sprite.js'; import instancedGeometry from '!!raw-loader!./meshAndShaders/instancedGeometry/index.js'; -import instancedGeometryVert from '!!raw-loader!./meshAndShaders/instancedGeometry/instancedGeometry.vert'; import instancedGeometryFrag from '!!raw-loader!./meshAndShaders/instancedGeometry/instancedGeometry.frag'; +import instancedGeometryVert from '!!raw-loader!./meshAndShaders/instancedGeometry/instancedGeometry.vert'; import instancedGeometryWgsl from '!!raw-loader!./meshAndShaders/instancedGeometry/instancedGeometry.wgsl'; +import multipassMeshCombineFrag from '!!raw-loader!./meshAndShaders/multipassMesh/combine.frag'; +import multipassMeshGridFrag from '!!raw-loader!./meshAndShaders/multipassMesh/grid.frag'; import multipassMesh from '!!raw-loader!./meshAndShaders/multipassMesh/index.js'; import multipassMeshVert from '!!raw-loader!./meshAndShaders/multipassMesh/multipassMesh.vert'; -import multipassMeshGridFrag from '!!raw-loader!./meshAndShaders/multipassMesh/grid.frag'; -import multipassMeshRippleFrag from '!!raw-loader!./meshAndShaders/multipassMesh/ripple.frag'; import multipassMeshNoiseFrag from '!!raw-loader!./meshAndShaders/multipassMesh/noise.frag'; +import multipassMeshRippleFrag from '!!raw-loader!./meshAndShaders/multipassMesh/ripple.frag'; import multipassMeshWaveFrag from '!!raw-loader!./meshAndShaders/multipassMesh/wave.frag'; -import multipassMeshCombineFrag from '!!raw-loader!./meshAndShaders/multipassMesh/combine.frag'; +import perspectiveMesh from '!!raw-loader!./meshAndShaders/perspectiveMesh.js'; import shaderToyMesh from '!!raw-loader!./meshAndShaders/shaderToyMesh/index.js'; -import shaderToyMeshVert from '!!raw-loader!./meshAndShaders/shaderToyMesh/shaderToy.vert'; import shaderToyMeshFrag from '!!raw-loader!./meshAndShaders/shaderToyMesh/shaderToy.frag'; -import sharedShader from '!!raw-loader!./meshAndShaders/sharedShader/index.js'; -import sharedShaderVert from '!!raw-loader!./meshAndShaders/sharedShader/sharedShader.vert'; -import sharedShaderFrag from '!!raw-loader!./meshAndShaders/sharedShader/sharedShader.frag'; +import shaderToyMeshVert from '!!raw-loader!./meshAndShaders/shaderToyMesh/shaderToy.vert'; import sharedGeometry from '!!raw-loader!./meshAndShaders/sharedGeometry/index.js'; -import sharedGeometryVert from '!!raw-loader!./meshAndShaders/sharedGeometry/sharedGeometry.vert'; import sharedGeometryFrag from '!!raw-loader!./meshAndShaders/sharedGeometry/sharedGeometry.frag'; +import sharedGeometryVert from '!!raw-loader!./meshAndShaders/sharedGeometry/sharedGeometry.vert'; +import sharedShader from '!!raw-loader!./meshAndShaders/sharedShader/index.js'; +import sharedShaderFrag from '!!raw-loader!./meshAndShaders/sharedShader/sharedShader.frag'; +import sharedShaderVert from '!!raw-loader!./meshAndShaders/sharedShader/sharedShader.vert'; import texturedMeshAdvanced from '!!raw-loader!./meshAndShaders/texturedMeshAdvanced.js'; import texturedMeshBasic from '!!raw-loader!./meshAndShaders/texturedMeshBasic.js'; +import triangle from '!!raw-loader!./meshAndShaders/triangle/index.js'; +import triangleFrag from '!!raw-loader!./meshAndShaders/triangle/triangle.frag'; +import triangleVert from '!!raw-loader!./meshAndShaders/triangle/triangle.vert'; +import triangleWgsl from '!!raw-loader!./meshAndShaders/triangle/triangle.wgsl'; import triangleColor from '!!raw-loader!./meshAndShaders/triangleColor/index.js'; -import triangleColorVert from '!!raw-loader!./meshAndShaders/triangleColor/triangleColor.vert'; import triangleColorFrag from '!!raw-loader!./meshAndShaders/triangleColor/triangleColor.frag'; +import triangleColorVert from '!!raw-loader!./meshAndShaders/triangleColor/triangleColor.vert'; import triangleColorWgsl from '!!raw-loader!./meshAndShaders/triangleColor/triangleColor.wgsl'; import triangleTextured from '!!raw-loader!./meshAndShaders/triangleTextured/index.js'; -import triangleTexturedVert from '!!raw-loader!./meshAndShaders/triangleTextured/triangleTextured.vert'; import triangleTexturedFrag from '!!raw-loader!./meshAndShaders/triangleTextured/triangleTextured.frag'; -import triangle from '!!raw-loader!./meshAndShaders/triangle/index.js'; -import triangleVert from '!!raw-loader!./meshAndShaders/triangle/triangle.vert'; -import triangleFrag from '!!raw-loader!./meshAndShaders/triangle/triangle.frag'; -import triangleWgsl from '!!raw-loader!./meshAndShaders/triangle/triangle.wgsl'; -import perspectiveMesh from '!!raw-loader!./meshAndShaders/perspectiveMesh.js'; - +import triangleTexturedVert from '!!raw-loader!./meshAndShaders/triangleTextured/triangleTextured.vert'; import offscreenCanvasBasic from '!!raw-loader!./offscreenCanvas/basic.js'; import webWorker from '!!raw-loader!./offscreenCanvas/webWorker.js'; - import animatedSpriteAnimationSpeed from '!!raw-loader!./sprite/animatedSpriteAnimationSpeed.js'; import animatedSpriteExplosion from '!!raw-loader!./sprite/animatedSpriteExplosion.js'; import animatedSpriteJet from '!!raw-loader!./sprite/animatedSpriteJet.js'; @@ -109,22 +102,17 @@ import spriteBasic from '!!raw-loader!./sprite/basic.js'; import textureSwap from '!!raw-loader!./sprite/textureSwap.js'; import tilingSprite from '!!raw-loader!./sprite/tilingSprite.js'; import video from '!!raw-loader!./sprite/video.js'; - import bitmapText from '!!raw-loader!./text/bitmapText.js'; import fromFont from '!!raw-loader!./text/fromFont.js'; import pixiText from '!!raw-loader!./text/pixiText.js'; import webFont from '!!raw-loader!./text/webFont.js'; - import renderTextureAdvanced from '!!raw-loader!./textures/renderTextureAdvanced.js'; import renderTextureBasic from '!!raw-loader!./textures/renderTextureBasic.js'; import textureRotate from '!!raw-loader!./textures/textureRotate.js'; -import type { Option } from '@site/src/components/Select'; - -// Defines order of examples in documentation and playground dropdown, it's defined -// separately here so it can be used in runtime code and in the md generation script -import examplesData from './examplesData.json'; import { camelCaseToSentenceCase } from '@site/src/utils/utils'; + import type { CategoryDataType, ExampleDataEntry, ExamplesDataType, ExamplesJsonType, ExamplesSourceType } from '..'; +import type { Option } from '@site/src/components/Select'; const examplesSource: ExamplesSourceType = { basic: { diff --git a/src/examples/v8.0.0/masks/filter.js b/src/examples/v8.0.0/masks/filter.js index ad68a24ea..1ccd880c7 100644 --- a/src/examples/v8.0.0/masks/filter.js +++ b/src/examples/v8.0.0/masks/filter.js @@ -1,4 +1,4 @@ -import { Application, Assets, Sprite, Graphics, SCALE_MODES, Rectangle, BlurFilter } from 'pixi.js'; +import { Application, Assets, BlurFilter, Graphics, Rectangle, SCALE_MODES, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/masks/graphics.js b/src/examples/v8.0.0/masks/graphics.js index 40b898d3c..016ecb3ab 100644 --- a/src/examples/v8.0.0/masks/graphics.js +++ b/src/examples/v8.0.0/masks/graphics.js @@ -1,4 +1,4 @@ -import { Application, Assets, Container, Sprite, Graphics, Text } from 'pixi.js'; +import { Application, Assets, Container, Graphics, Sprite, Text } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/masks/sprite.js b/src/examples/v8.0.0/masks/sprite.js index 41d6dd6eb..b6da543ba 100644 --- a/src/examples/v8.0.0/masks/sprite.js +++ b/src/examples/v8.0.0/masks/sprite.js @@ -1,4 +1,4 @@ -import { Application, Assets, Sprite, Point } from 'pixi.js'; +import { Application, Assets, Point, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/instancedGeometry.js b/src/examples/v8.0.0/meshAndShaders/instancedGeometry.js index 2f6fcb785..061de9883 100644 --- a/src/examples/v8.0.0/meshAndShaders/instancedGeometry.js +++ b/src/examples/v8.0.0/meshAndShaders/instancedGeometry.js @@ -1,4 +1,4 @@ -import { Application, Assets, Mesh, Geometry, Buffer, TYPES, Shader } from 'js'; +import { Application, Assets, Buffer, Geometry, Mesh, Shader, TYPES } from 'js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/instancedGeometry/index.js b/src/examples/v8.0.0/meshAndShaders/instancedGeometry/index.js index 0e41a2b04..c71f029f5 100644 --- a/src/examples/v8.0.0/meshAndShaders/instancedGeometry/index.js +++ b/src/examples/v8.0.0/meshAndShaders/instancedGeometry/index.js @@ -1,6 +1,6 @@ import { Application, Assets, Buffer, BufferUsage, Geometry, GlProgram, Mesh, Shader } from 'pixi.js'; -import vertex from './instancedGeometry.vert'; import fragment from './instancedGeometry.frag'; +import vertex from './instancedGeometry.vert'; import source from './instancedGeometry.wgsl'; (async () => diff --git a/src/examples/v8.0.0/meshAndShaders/mergingGeometry.js b/src/examples/v8.0.0/meshAndShaders/mergingGeometry.js index fbfc5e04f..ec4a2a40f 100644 --- a/src/examples/v8.0.0/meshAndShaders/mergingGeometry.js +++ b/src/examples/v8.0.0/meshAndShaders/mergingGeometry.js @@ -1,4 +1,4 @@ -import { Application, Assets, Mesh, Geometry, Shader } from 'js'; +import { Application, Assets, Geometry, Mesh, Shader } from 'js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/multiPassShaderGeneratedMesh.js b/src/examples/v8.0.0/meshAndShaders/multiPassShaderGeneratedMesh.js index 3dfe67a4c..891ea997e 100644 --- a/src/examples/v8.0.0/meshAndShaders/multiPassShaderGeneratedMesh.js +++ b/src/examples/v8.0.0/meshAndShaders/multiPassShaderGeneratedMesh.js @@ -1,4 +1,4 @@ -import { Application, Assets, Container, Mesh, Geometry, Texture, Shader, RenderTexture } from 'js'; +import { Application, Assets, Container, Geometry, Mesh, RenderTexture, Shader, Texture } from 'js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/multipassMesh/index.js b/src/examples/v8.0.0/meshAndShaders/multipassMesh/index.js index 354a6c881..5404489b2 100644 --- a/src/examples/v8.0.0/meshAndShaders/multipassMesh/index.js +++ b/src/examples/v8.0.0/meshAndShaders/multipassMesh/index.js @@ -1,10 +1,10 @@ import { Application, Assets, Container, Geometry, Mesh, RenderTexture, Shader } from 'pixi.js'; -import vertex from './multipassMesh.vert'; +import combineFragment from './combine.frag'; import gridFragment from './grid.frag'; -import rippleFragment from './ripple.frag'; +import vertex from './multipassMesh.vert'; import noiseFragment from './noise.frag'; +import rippleFragment from './ripple.frag'; import waveFragment from './wave.frag'; -import combineFragment from './combine.frag'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/perspectiveMesh.js b/src/examples/v8.0.0/meshAndShaders/perspectiveMesh.js index 7ad7fcf42..03feaf169 100644 --- a/src/examples/v8.0.0/meshAndShaders/perspectiveMesh.js +++ b/src/examples/v8.0.0/meshAndShaders/perspectiveMesh.js @@ -1,4 +1,4 @@ -import { Application, PerspectiveMesh, Assets } from 'pixi.js'; +import { Application, Assets, PerspectiveMesh } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/shaderToyMesh.js b/src/examples/v8.0.0/meshAndShaders/shaderToyMesh.js index 372c40af7..485bdfcad 100644 --- a/src/examples/v8.0.0/meshAndShaders/shaderToyMesh.js +++ b/src/examples/v8.0.0/meshAndShaders/shaderToyMesh.js @@ -1,4 +1,4 @@ -import { Application, Assets, Mesh, Shader, WRAP_MODES, Geometry } from 'js'; +import { Application, Assets, Geometry, Mesh, Shader, WRAP_MODES } from 'js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/shaderToyMesh/index.js b/src/examples/v8.0.0/meshAndShaders/shaderToyMesh/index.js index 1f2b124bf..3564fd749 100644 --- a/src/examples/v8.0.0/meshAndShaders/shaderToyMesh/index.js +++ b/src/examples/v8.0.0/meshAndShaders/shaderToyMesh/index.js @@ -1,6 +1,6 @@ import { Application, Geometry, Mesh, Shader } from 'pixi.js'; -import vertex from './shaderToy.vert'; import fragment from './shaderToy.frag'; +import vertex from './shaderToy.vert'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/sharedGeometry/index.js b/src/examples/v8.0.0/meshAndShaders/sharedGeometry/index.js index 99e3fa5d1..73137312e 100644 --- a/src/examples/v8.0.0/meshAndShaders/sharedGeometry/index.js +++ b/src/examples/v8.0.0/meshAndShaders/sharedGeometry/index.js @@ -1,6 +1,6 @@ import { Application, Assets, Geometry, GlProgram, Mesh, Shader } from 'pixi.js'; -import vertex from './sharedGeometry.vert'; import fragment from './sharedGeometry.frag'; +import vertex from './sharedGeometry.vert'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/sharedShader.js b/src/examples/v8.0.0/meshAndShaders/sharedShader.js index 9da1df82a..2416b6524 100644 --- a/src/examples/v8.0.0/meshAndShaders/sharedShader.js +++ b/src/examples/v8.0.0/meshAndShaders/sharedShader.js @@ -1,4 +1,4 @@ -import { Application, Assets, Geometry, Shader, Mesh } from 'js'; +import { Application, Assets, Geometry, Mesh, Shader } from 'js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/sharedShader/index.js b/src/examples/v8.0.0/meshAndShaders/sharedShader/index.js index 5d7de835d..d74c65948 100644 --- a/src/examples/v8.0.0/meshAndShaders/sharedShader/index.js +++ b/src/examples/v8.0.0/meshAndShaders/sharedShader/index.js @@ -1,6 +1,6 @@ import { Application, Assets, Geometry, Mesh, Shader } from 'pixi.js'; -import vertex from './sharedShader.vert'; import fragment from './sharedShader.frag'; +import vertex from './sharedShader.vert'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/sharingGeometry.js b/src/examples/v8.0.0/meshAndShaders/sharingGeometry.js index efef94235..3bc7d28d5 100644 --- a/src/examples/v8.0.0/meshAndShaders/sharingGeometry.js +++ b/src/examples/v8.0.0/meshAndShaders/sharingGeometry.js @@ -1,4 +1,4 @@ -import { Application, Assets, Geometry, Texture, Mesh, Shader, Program } from 'js'; +import { Application, Assets, Geometry, Mesh, Program, Shader, Texture } from 'js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/texturedMeshAdvanced.js b/src/examples/v8.0.0/meshAndShaders/texturedMeshAdvanced.js index 17795d33e..5b07b232c 100644 --- a/src/examples/v8.0.0/meshAndShaders/texturedMeshAdvanced.js +++ b/src/examples/v8.0.0/meshAndShaders/texturedMeshAdvanced.js @@ -1,4 +1,4 @@ -import { Application, Assets, Point, MeshRope, Graphics } from 'pixi.js'; +import { Application, Assets, Graphics, MeshRope, Point } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/texturedMeshBasic.js b/src/examples/v8.0.0/meshAndShaders/texturedMeshBasic.js index 5ca550c06..cc698f567 100644 --- a/src/examples/v8.0.0/meshAndShaders/texturedMeshBasic.js +++ b/src/examples/v8.0.0/meshAndShaders/texturedMeshBasic.js @@ -1,4 +1,4 @@ -import { Application, Assets, Point, Container, MeshRope } from 'pixi.js'; +import { Application, Assets, Container, MeshRope, Point } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/triangle.js b/src/examples/v8.0.0/meshAndShaders/triangle.js index bdcacf75a..244f4d92d 100644 --- a/src/examples/v8.0.0/meshAndShaders/triangle.js +++ b/src/examples/v8.0.0/meshAndShaders/triangle.js @@ -1,4 +1,4 @@ -import { Application, Geometry, Shader, Mesh } from 'pixi.js'; +import { Application, Geometry, Mesh, Shader } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/triangle/index.js b/src/examples/v8.0.0/meshAndShaders/triangle/index.js index 31178422c..392188207 100644 --- a/src/examples/v8.0.0/meshAndShaders/triangle/index.js +++ b/src/examples/v8.0.0/meshAndShaders/triangle/index.js @@ -1,6 +1,6 @@ import { Application, Geometry, Mesh, Shader } from 'pixi.js'; -import vertex from './triangle.vert'; import fragment from './triangle.frag'; +import vertex from './triangle.vert'; import source from './triangle.wgsl'; (async () => diff --git a/src/examples/v8.0.0/meshAndShaders/triangleColor.js b/src/examples/v8.0.0/meshAndShaders/triangleColor.js index cb7f02d21..972e3e6eb 100644 --- a/src/examples/v8.0.0/meshAndShaders/triangleColor.js +++ b/src/examples/v8.0.0/meshAndShaders/triangleColor.js @@ -1,4 +1,4 @@ -import { Application, Shader, Mesh, Geometry } from 'pixi.js'; +import { Application, Geometry, Mesh, Shader } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/triangleColor/index.js b/src/examples/v8.0.0/meshAndShaders/triangleColor/index.js index a04c8b4dc..52653cbbf 100644 --- a/src/examples/v8.0.0/meshAndShaders/triangleColor/index.js +++ b/src/examples/v8.0.0/meshAndShaders/triangleColor/index.js @@ -1,6 +1,6 @@ import { Application, Geometry, Mesh, Shader } from 'pixi.js'; -import vertex from './triangleColor.vert'; import fragment from './triangleColor.frag'; +import vertex from './triangleColor.vert'; import source from './triangleColor.wgsl'; (async () => diff --git a/src/examples/v8.0.0/meshAndShaders/triangleTextured.js b/src/examples/v8.0.0/meshAndShaders/triangleTextured.js index 8a5071fc5..980ef1014 100644 --- a/src/examples/v8.0.0/meshAndShaders/triangleTextured.js +++ b/src/examples/v8.0.0/meshAndShaders/triangleTextured.js @@ -1,4 +1,4 @@ -import { Application, Assets, Geometry, Shader, Texture, Mesh } from 'pixi.js'; +import { Application, Assets, Geometry, Mesh, Shader, Texture } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/triangleTextured/index.js b/src/examples/v8.0.0/meshAndShaders/triangleTextured/index.js index c6694e681..a8f47bb1c 100644 --- a/src/examples/v8.0.0/meshAndShaders/triangleTextured/index.js +++ b/src/examples/v8.0.0/meshAndShaders/triangleTextured/index.js @@ -1,6 +1,6 @@ import { Application, Assets, Geometry, Mesh, Shader } from 'pixi.js'; -import vertex from './triangleTextured.vert'; import fragment from './triangleTextured.frag'; +import vertex from './triangleTextured.vert'; (async () => { diff --git a/src/examples/v8.0.0/meshAndShaders/uniforms.js b/src/examples/v8.0.0/meshAndShaders/uniforms.js index e15052d83..a50050865 100644 --- a/src/examples/v8.0.0/meshAndShaders/uniforms.js +++ b/src/examples/v8.0.0/meshAndShaders/uniforms.js @@ -1,4 +1,4 @@ -import { Application, Assets, Geometry, Shader, Mesh } from 'js'; +import { Application, Assets, Geometry, Mesh, Shader } from 'js'; (async () => { diff --git a/src/examples/v8.0.0/sprite/animatedSpriteAnimationSpeed.js b/src/examples/v8.0.0/sprite/animatedSpriteAnimationSpeed.js index 4dda72f68..91bc094a9 100644 --- a/src/examples/v8.0.0/sprite/animatedSpriteAnimationSpeed.js +++ b/src/examples/v8.0.0/sprite/animatedSpriteAnimationSpeed.js @@ -1,4 +1,4 @@ -import { Application, Assets, AnimatedSprite, Texture } from 'pixi.js'; +import { AnimatedSprite, Application, Assets, Texture } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/sprite/animatedSpriteExplosion.js b/src/examples/v8.0.0/sprite/animatedSpriteExplosion.js index 6c88226a2..1fff96503 100644 --- a/src/examples/v8.0.0/sprite/animatedSpriteExplosion.js +++ b/src/examples/v8.0.0/sprite/animatedSpriteExplosion.js @@ -1,4 +1,4 @@ -import { Application, Assets, AnimatedSprite, Texture } from 'pixi.js'; +import { AnimatedSprite, Application, Assets, Texture } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/sprite/animatedSpriteJet.js b/src/examples/v8.0.0/sprite/animatedSpriteJet.js index 4a0fc8b59..06a52d2e2 100644 --- a/src/examples/v8.0.0/sprite/animatedSpriteJet.js +++ b/src/examples/v8.0.0/sprite/animatedSpriteJet.js @@ -1,4 +1,4 @@ -import { Application, Assets, AnimatedSprite, Texture } from 'pixi.js'; +import { AnimatedSprite, Application, Assets, Texture } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/sprite/textureSwap.js b/src/examples/v8.0.0/sprite/textureSwap.js index 0898a6e98..455626d51 100644 --- a/src/examples/v8.0.0/sprite/textureSwap.js +++ b/src/examples/v8.0.0/sprite/textureSwap.js @@ -1,4 +1,4 @@ -import { Application, Assets, Texture, Sprite } from 'pixi.js'; +import { Application, Assets, Sprite, Texture } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/text/pixiText.js b/src/examples/v8.0.0/text/pixiText.js index 7d96c9df0..86e6783aa 100644 --- a/src/examples/v8.0.0/text/pixiText.js +++ b/src/examples/v8.0.0/text/pixiText.js @@ -1,4 +1,4 @@ -import { Application, Text, TextStyle, Color, FillGradient } from 'pixi.js'; +import { Application, Color, FillGradient, Text, TextStyle } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/textures/renderTextureAdvanced.js b/src/examples/v8.0.0/textures/renderTextureAdvanced.js index ae1efcb1a..3b593711f 100644 --- a/src/examples/v8.0.0/textures/renderTextureAdvanced.js +++ b/src/examples/v8.0.0/textures/renderTextureAdvanced.js @@ -1,4 +1,4 @@ -import { Application, Assets, Container, Sprite, RenderTexture } from 'pixi.js'; +import { Application, Assets, Container, RenderTexture, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/textures/renderTextureBasic.js b/src/examples/v8.0.0/textures/renderTextureBasic.js index bdbb3a46e..1cc7307f2 100644 --- a/src/examples/v8.0.0/textures/renderTextureBasic.js +++ b/src/examples/v8.0.0/textures/renderTextureBasic.js @@ -1,4 +1,4 @@ -import { Application, Assets, Container, Sprite, RenderTexture, SCALE_MODES } from 'pixi.js'; +import { Application, Assets, Container, RenderTexture, SCALE_MODES, Sprite } from 'pixi.js'; (async () => { diff --git a/src/examples/v8.0.0/textures/textureRotate.js b/src/examples/v8.0.0/textures/textureRotate.js index 22c883dff..eabf17390 100644 --- a/src/examples/v8.0.0/textures/textureRotate.js +++ b/src/examples/v8.0.0/textures/textureRotate.js @@ -1,4 +1,4 @@ -import { Application, Assets, Texture, Rectangle, Sprite, Text, groupD8 } from 'pixi.js'; +import { Application, Assets, groupD8, Rectangle, Sprite, Text, Texture } from 'pixi.js'; (async () => { diff --git a/src/hooks/useURLStateParams.ts b/src/hooks/useURLStateParams.ts index afe7f3b89..38dd95d56 100644 --- a/src/hooks/useURLStateParams.ts +++ b/src/hooks/useURLStateParams.ts @@ -1,5 +1,5 @@ -import { useHistory } from '@docusaurus/router'; import { useMemo, useRef } from 'react'; +import { useHistory } from '@docusaurus/router'; type InitialStateInit = (stateFromURL: Partial) => T; type StateUpdaterType = (state: T) => T; diff --git a/src/pages/team.tsx b/src/pages/team.tsx index 29e32d9ef..c50bdf104 100644 --- a/src/pages/team.tsx +++ b/src/pages/team.tsx @@ -1,8 +1,7 @@ -import Layout from '@theme/Layout'; -import type { MemberData } from '../components/MemberCard'; -import MemberCard from '../components/MemberCard'; +import MemberCard, { type MemberData } from '../components/MemberCard'; import team from './team.json'; import styles from './team.module.scss'; +import Layout from '@theme/Layout'; export default function Team(): JSX.Element { diff --git a/src/pages/versions.tsx b/src/pages/versions.tsx index 761a1ff53..38e12a91c 100644 --- a/src/pages/versions.tsx +++ b/src/pages/versions.tsx @@ -7,11 +7,12 @@ import Link from '@docusaurus/Link'; import Translate from '@docusaurus/Translate'; -import Versions from '@site/pixi-versions.json'; -import LegacyVersions from '@site/pixi-legacy-versions.json'; import DevVersions from '@site/pixi-dev-versions.json'; +import LegacyVersions from '@site/pixi-legacy-versions.json'; +import Versions from '@site/pixi-versions.json'; import Heading from '@theme/Heading'; import Layout from '@theme/Layout'; + import type { IVersion } from '@site/src/components/Playground/PixiPlayground/usePixiVersions'; function DocumentationLabel() diff --git a/src/theme/CodeBlock/index.tsx b/src/theme/CodeBlock/index.tsx index 39ec66f1f..82ee4a2c8 100644 --- a/src/theme/CodeBlock/index.tsx +++ b/src/theme/CodeBlock/index.tsx @@ -1,9 +1,7 @@ +import styles from './index.module.css'; import useIsBrowser from '@docusaurus/useIsBrowser'; - -import CodeBlock from '@theme-original/CodeBlock'; import PixiPlayground from '@site/src/components/Playground/PixiPlayground'; - -import styles from './index.module.css'; +import CodeBlock from '@theme-original/CodeBlock'; type CodeBlockWrapperProps = { [key: string]: any } & { playground?: boolean; diff --git a/src/theme/Footer/Layout/index.js b/src/theme/Footer/Layout/index.js index 8993f1e47..3d9cb54d2 100644 --- a/src/theme/Footer/Layout/index.js +++ b/src/theme/Footer/Layout/index.js @@ -1,6 +1,6 @@ /* eslint-disable react/prop-types */ -import React from 'react'; import clsx from 'clsx'; +import React from 'react'; export default function FooterLayout({ style, links, logo, copyright }) { diff --git a/src/theme/Footer/LinkItem/index.js b/src/theme/Footer/LinkItem/index.js index aa73e6b2d..304cc37d8 100644 --- a/src/theme/Footer/LinkItem/index.js +++ b/src/theme/Footer/LinkItem/index.js @@ -1,8 +1,8 @@ /* eslint-disable react/prop-types */ import React from 'react'; +import isInternalUrl from '@docusaurus/isInternalUrl'; import Link from '@docusaurus/Link'; import useBaseUrl from '@docusaurus/useBaseUrl'; -import isInternalUrl from '@docusaurus/isInternalUrl'; import IconExternalLink from '@theme/Icon/ExternalLink'; export default function FooterLinkItem({ item }) diff --git a/src/theme/Footer/Logo/index.js b/src/theme/Footer/Logo/index.js index abeb13bf2..ad8ac9a3c 100644 --- a/src/theme/Footer/Logo/index.js +++ b/src/theme/Footer/Logo/index.js @@ -1,10 +1,10 @@ /* eslint-disable react/prop-types */ -import React from 'react'; import clsx from 'clsx'; +import React from 'react'; +import styles from './styles.module.css'; import Link from '@docusaurus/Link'; import { useBaseUrlUtils } from '@docusaurus/useBaseUrl'; import ThemedImage from '@theme/ThemedImage'; -import styles from './styles.module.css'; function LogoImage({ logo }) { diff --git a/src/theme/Footer/index.js b/src/theme/Footer/index.js index 673a17b57..a889ecc67 100644 --- a/src/theme/Footer/index.js +++ b/src/theme/Footer/index.js @@ -1,11 +1,11 @@ import React from 'react'; +import { useLocation } from '@docusaurus/router'; import { useThemeConfig } from '@docusaurus/theme-common'; -import FooterLinks from '@theme/Footer/Links'; -import FooterLogo from '@theme/Footer/Logo'; +import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; import FooterCopyright from '@theme/Footer/Copyright'; import FooterLayout from '@theme/Footer/Layout'; -import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; -import { useLocation } from '@docusaurus/router'; +import FooterLinks from '@theme/Footer/Links'; +import FooterLogo from '@theme/Footer/Logo'; function Footer() { diff --git a/src/theme/Navbar/Content/index.js b/src/theme/Navbar/Content/index.js index 759d15d0b..e01c9b094 100644 --- a/src/theme/Navbar/Content/index.js +++ b/src/theme/Navbar/Content/index.js @@ -1,14 +1,14 @@ +import { useEffect, useState } from 'react'; +import styles from './styles.module.scss'; import { useThemeConfig } from '@docusaurus/theme-common'; import { splitNavbarItems } from '@docusaurus/theme-common/internal'; -import NavbarItem from '@theme/NavbarItem'; +import useIsBrowser from '@docusaurus/useIsBrowser'; import NavbarColorModeToggle from '@theme/Navbar/ColorModeToggle'; -import SearchBar from '@theme/SearchBar'; -import NavbarMobileSidebarToggle from '@theme/Navbar/MobileSidebar/Toggle'; import NavbarLogo from '@theme/Navbar/Logo'; +import NavbarMobileSidebarToggle from '@theme/Navbar/MobileSidebar/Toggle'; import NavbarSearch from '@theme/Navbar/Search'; -import styles from './styles.module.scss'; -import { useEffect, useState } from 'react'; -import useIsBrowser from '@docusaurus/useIsBrowser'; +import NavbarItem from '@theme/NavbarItem'; +import SearchBar from '@theme/SearchBar'; function useNavbarItems() { diff --git a/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.js b/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.js index 35137dddb..3914064ee 100644 --- a/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.js +++ b/src/theme/Navbar/MobileSidebar/PrimaryMenu/index.js @@ -1,7 +1,7 @@ +import styles from './styles.module.scss'; import { useThemeConfig } from '@docusaurus/theme-common'; import { useNavbarMobileSidebar } from '@docusaurus/theme-common/internal'; import NavbarItem from '@theme/NavbarItem'; -import styles from './styles.module.scss'; function useNavbarItems() { diff --git a/src/tutorials/v7.0.0/gettingStarted/index.ts b/src/tutorials/v7.0.0/gettingStarted/index.ts index a0b7a6af6..50fbed5d5 100644 --- a/src/tutorials/v7.0.0/gettingStarted/index.ts +++ b/src/tutorials/v7.0.0/gettingStarted/index.ts @@ -1,14 +1,15 @@ +import content1 from './step1-content.md'; +import content2 from './step2-content.md'; +import content3 from './step3-content.md'; +import content4 from './step4-content.md'; import code1 from '!!raw-loader!./step1-code'; import code2 from '!!raw-loader!./step2-code'; import completedCode2 from '!!raw-loader!./step2-completed-code'; import code3 from '!!raw-loader!./step3-code'; import completedCode3 from '!!raw-loader!./step3-completed-code'; import code4 from '!!raw-loader!./step4-code'; + import type { TutorialStep } from '../..'; -import content1 from './step1-content.md'; -import content2 from './step2-content.md'; -import content3 from './step3-content.md'; -import content4 from './step4-content.md'; export const gettingStartedTutorialSteps: TutorialStep[] = [ { diff --git a/src/tutorials/v8.0.0/chooChooTrain/index.ts b/src/tutorials/v8.0.0/chooChooTrain/index.ts index 8c60e4ab8..99181c97b 100644 --- a/src/tutorials/v8.0.0/chooChooTrain/index.ts +++ b/src/tutorials/v8.0.0/chooChooTrain/index.ts @@ -1,4 +1,3 @@ -import type { TutorialStep } from '../..'; import content1 from './step1/step1-content.md'; import content2 from './step2/step2-content.md'; import content3 from './step3/step3-content.md'; @@ -10,32 +9,34 @@ import content8 from './step8/step8-content.md'; import content9 from './step9/step9-content.md'; import content10 from './step10/step10-content.md'; import code1 from '!!raw-loader!./step1/step1-code'; -import code2 from '!!raw-loader!./step2/step2-code'; -import code3 from '!!raw-loader!./step3/step3-code'; -import code4 from '!!raw-loader!./step4/step4-code'; -import code5 from '!!raw-loader!./step5/step5-code'; -import code6 from '!!raw-loader!./step6/step6-code'; -import code7 from '!!raw-loader!./step7/step7-code'; -import code8 from '!!raw-loader!./step8/step8-code'; -import code9 from '!!raw-loader!./step9/step9-code'; -import code10 from '!!raw-loader!./step10/step10-code'; import addStars from '!!raw-loader!./step2/addStars'; import addStarsCompleted from '!!raw-loader!./step2/addStars-completed'; -import moonSvg from '!!raw-loader!./step3/moon.svg'; +import code2 from '!!raw-loader!./step2/step2-code'; import addMoon from '!!raw-loader!./step3/addMoon'; import addMoonCompleted from '!!raw-loader!./step3/addMoon-completed'; +import moonSvg from '!!raw-loader!./step3/moon.svg'; +import code3 from '!!raw-loader!./step3/step3-code'; import addMountains from '!!raw-loader!./step4/addMountains'; import addMountainsCompleted from '!!raw-loader!./step4/addMountains-completed'; +import code4 from '!!raw-loader!./step4/step4-code'; import addTrees from '!!raw-loader!./step5/addTrees'; import addTreesCompleted from '!!raw-loader!./step5/addTrees-completed'; +import code5 from '!!raw-loader!./step5/step5-code'; import addGround from '!!raw-loader!./step6/addGround'; import addGroundCompleted from '!!raw-loader!./step6/addGround-completed'; +import code6 from '!!raw-loader!./step6/step6-code'; import addTrain from '!!raw-loader!./step7/addTrain'; import addTrainCompleted from '!!raw-loader!./step7/addTrain-completed'; +import code7 from '!!raw-loader!./step7/step7-code'; import addTrain2 from '!!raw-loader!./step8/addTrain'; import addTrainCompleted2 from '!!raw-loader!./step8/addTrain-completed'; +import code8 from '!!raw-loader!./step8/step8-code'; import addSmokes from '!!raw-loader!./step9/addSmokes'; import addSmokesCompleted from '!!raw-loader!./step9/addSmokes-completed'; +import code9 from '!!raw-loader!./step9/step9-code'; +import code10 from '!!raw-loader!./step10/step10-code'; + +import type { TutorialStep } from '../..'; export const chooChooTrainTutorialSteps: TutorialStep[] = [ { diff --git a/src/tutorials/v8.0.0/chooChooTrain/step10/step10-code.js b/src/tutorials/v8.0.0/chooChooTrain/step10/step10-code.js index 78aa2de7e..4f081410c 100644 --- a/src/tutorials/v8.0.0/chooChooTrain/step10/step10-code.js +++ b/src/tutorials/v8.0.0/chooChooTrain/step10/step10-code.js @@ -1,11 +1,11 @@ import { Application, Container } from 'pixi.js'; -import { addStars } from './addStars'; +import { addGround } from './addGround'; import { addMoon } from './addMoon'; import { addMountains } from './addMountains'; -import { addTrees } from './addTrees'; -import { addGround } from './addGround'; -import { addTrain } from './addTrain'; import { addSmokes } from './addSmokes'; +import { addStars } from './addStars'; +import { addTrain } from './addTrain'; +import { addTrees } from './addTrees'; // Create a PixiJS application. const app = new Application(); diff --git a/src/tutorials/v8.0.0/chooChooTrain/step3/step3-code.js b/src/tutorials/v8.0.0/chooChooTrain/step3/step3-code.js index ad480348f..47301892c 100644 --- a/src/tutorials/v8.0.0/chooChooTrain/step3/step3-code.js +++ b/src/tutorials/v8.0.0/chooChooTrain/step3/step3-code.js @@ -1,6 +1,6 @@ import { Application } from 'pixi.js'; -import { addStars } from './addStars'; import { addMoon } from './addMoon'; +import { addStars } from './addStars'; // Create a PixiJS application. const app = new Application(); diff --git a/src/tutorials/v8.0.0/chooChooTrain/step4/step4-code.js b/src/tutorials/v8.0.0/chooChooTrain/step4/step4-code.js index 754c5a162..f6b679d40 100644 --- a/src/tutorials/v8.0.0/chooChooTrain/step4/step4-code.js +++ b/src/tutorials/v8.0.0/chooChooTrain/step4/step4-code.js @@ -1,7 +1,7 @@ import { Application } from 'pixi.js'; -import { addStars } from './addStars'; import { addMoon } from './addMoon'; import { addMountains } from './addMountains'; +import { addStars } from './addStars'; // Create a PixiJS application. const app = new Application(); diff --git a/src/tutorials/v8.0.0/chooChooTrain/step5/step5-code.js b/src/tutorials/v8.0.0/chooChooTrain/step5/step5-code.js index 94aa15647..40e369635 100644 --- a/src/tutorials/v8.0.0/chooChooTrain/step5/step5-code.js +++ b/src/tutorials/v8.0.0/chooChooTrain/step5/step5-code.js @@ -1,7 +1,7 @@ import { Application } from 'pixi.js'; -import { addStars } from './addStars'; import { addMoon } from './addMoon'; import { addMountains } from './addMountains'; +import { addStars } from './addStars'; import { addTrees } from './addTrees'; // Create a PixiJS application. diff --git a/src/tutorials/v8.0.0/chooChooTrain/step6/step6-code.js b/src/tutorials/v8.0.0/chooChooTrain/step6/step6-code.js index 31bbcf568..a00f2e9b3 100644 --- a/src/tutorials/v8.0.0/chooChooTrain/step6/step6-code.js +++ b/src/tutorials/v8.0.0/chooChooTrain/step6/step6-code.js @@ -1,9 +1,9 @@ import { Application } from 'pixi.js'; -import { addStars } from './addStars'; +import { addGround } from './addGround'; import { addMoon } from './addMoon'; import { addMountains } from './addMountains'; +import { addStars } from './addStars'; import { addTrees } from './addTrees'; -import { addGround } from './addGround'; // Create a PixiJS application. const app = new Application(); diff --git a/src/tutorials/v8.0.0/chooChooTrain/step7/step7-code.js b/src/tutorials/v8.0.0/chooChooTrain/step7/step7-code.js index 851b47447..80f5ffbe6 100644 --- a/src/tutorials/v8.0.0/chooChooTrain/step7/step7-code.js +++ b/src/tutorials/v8.0.0/chooChooTrain/step7/step7-code.js @@ -1,10 +1,10 @@ import { Application, Container } from 'pixi.js'; -import { addStars } from './addStars'; +import { addGround } from './addGround'; import { addMoon } from './addMoon'; import { addMountains } from './addMountains'; -import { addTrees } from './addTrees'; -import { addGround } from './addGround'; +import { addStars } from './addStars'; import { addTrain } from './addTrain'; +import { addTrees } from './addTrees'; // Create a PixiJS application. const app = new Application(); diff --git a/src/tutorials/v8.0.0/chooChooTrain/step8/step8-code.js b/src/tutorials/v8.0.0/chooChooTrain/step8/step8-code.js index 851b47447..80f5ffbe6 100644 --- a/src/tutorials/v8.0.0/chooChooTrain/step8/step8-code.js +++ b/src/tutorials/v8.0.0/chooChooTrain/step8/step8-code.js @@ -1,10 +1,10 @@ import { Application, Container } from 'pixi.js'; -import { addStars } from './addStars'; +import { addGround } from './addGround'; import { addMoon } from './addMoon'; import { addMountains } from './addMountains'; -import { addTrees } from './addTrees'; -import { addGround } from './addGround'; +import { addStars } from './addStars'; import { addTrain } from './addTrain'; +import { addTrees } from './addTrees'; // Create a PixiJS application. const app = new Application(); diff --git a/src/tutorials/v8.0.0/chooChooTrain/step9/step9-code.js b/src/tutorials/v8.0.0/chooChooTrain/step9/step9-code.js index 78aa2de7e..4f081410c 100644 --- a/src/tutorials/v8.0.0/chooChooTrain/step9/step9-code.js +++ b/src/tutorials/v8.0.0/chooChooTrain/step9/step9-code.js @@ -1,11 +1,11 @@ import { Application, Container } from 'pixi.js'; -import { addStars } from './addStars'; +import { addGround } from './addGround'; import { addMoon } from './addMoon'; import { addMountains } from './addMountains'; -import { addTrees } from './addTrees'; -import { addGround } from './addGround'; -import { addTrain } from './addTrain'; import { addSmokes } from './addSmokes'; +import { addStars } from './addStars'; +import { addTrain } from './addTrain'; +import { addTrees } from './addTrees'; // Create a PixiJS application. const app = new Application(); diff --git a/src/tutorials/v8.0.0/fishPond/index.ts b/src/tutorials/v8.0.0/fishPond/index.ts index cfcc19ab0..3bfd100fd 100644 --- a/src/tutorials/v8.0.0/fishPond/index.ts +++ b/src/tutorials/v8.0.0/fishPond/index.ts @@ -1,4 +1,3 @@ -import type { TutorialStep } from '../..'; import content1 from './step1/step1-content.md'; import content2 from './step2/step2-content.md'; import content3 from './step3/step3-content.md'; @@ -7,19 +6,21 @@ import content5 from './step5/step5-content.md'; import content6 from './step6/step6-content.md'; import code1 from '!!raw-loader!./step1/step1-code'; import code1Completed from '!!raw-loader!./step1/step1-code-completed'; -import code2 from '!!raw-loader!./step2/step2-code'; -import code3 from '!!raw-loader!./step3/step3-code'; -import code4 from '!!raw-loader!./step4/step4-code'; -import code5 from '!!raw-loader!./step5/step5-code'; -import code6 from '!!raw-loader!./step6/step6-code'; import addBackground from '!!raw-loader!./step2/addBackground'; import addBackgroundCompleted from '!!raw-loader!./step2/addBackground-completed'; +import code2 from '!!raw-loader!./step2/step2-code'; import addFishes from '!!raw-loader!./step3/addFishes'; import addFishesCompleted from '!!raw-loader!./step3/addFishes-completed'; +import code3 from '!!raw-loader!./step3/step3-code'; import addWaterOverlay from '!!raw-loader!./step4/addWaterOverlay'; import addWaterOverlayCompleted from '!!raw-loader!./step4/addWaterOverlay-completed'; +import code4 from '!!raw-loader!./step4/step4-code'; import addDisplacementEffect from '!!raw-loader!./step5/addDisplacementEffect'; import addDisplacementEffectCompleted from '!!raw-loader!./step5/addDisplacementEffect-completed'; +import code5 from '!!raw-loader!./step5/step5-code'; +import code6 from '!!raw-loader!./step6/step6-code'; + +import type { TutorialStep } from '../..'; export const fishPondTutorialSteps: TutorialStep[] = [ { diff --git a/src/tutorials/v8.0.0/fishPond/step5/addDisplacementEffect-completed.js b/src/tutorials/v8.0.0/fishPond/step5/addDisplacementEffect-completed.js index a23654a59..7960da15d 100644 --- a/src/tutorials/v8.0.0/fishPond/step5/addDisplacementEffect-completed.js +++ b/src/tutorials/v8.0.0/fishPond/step5/addDisplacementEffect-completed.js @@ -1,4 +1,4 @@ -import { Sprite, DisplacementFilter } from 'pixi.js'; +import { DisplacementFilter, Sprite } from 'pixi.js'; export function addDisplacementEffect(app) { diff --git a/src/tutorials/v8.0.0/fishPond/step5/addDisplacementEffect.js b/src/tutorials/v8.0.0/fishPond/step5/addDisplacementEffect.js index 9bb820da3..90a79fa03 100644 --- a/src/tutorials/v8.0.0/fishPond/step5/addDisplacementEffect.js +++ b/src/tutorials/v8.0.0/fishPond/step5/addDisplacementEffect.js @@ -1,4 +1,4 @@ -import { Sprite, DisplacementFilter } from 'pixi.js'; +import { DisplacementFilter, Sprite } from 'pixi.js'; export function addDisplacementEffect(app) { diff --git a/src/tutorials/v8.0.0/fishPond/step5/step5-code.js b/src/tutorials/v8.0.0/fishPond/step5/step5-code.js index f7e858e97..d21b65640 100644 --- a/src/tutorials/v8.0.0/fishPond/step5/step5-code.js +++ b/src/tutorials/v8.0.0/fishPond/step5/step5-code.js @@ -1,8 +1,8 @@ import { Application, Assets } from 'pixi.js'; import { addBackground } from './addBackground'; +import { addDisplacementEffect } from './addDisplacementEffect'; import { addFishes, animateFishes } from './addFishes'; import { addWaterOverlay, animateWaterOverlay } from './addWaterOverlay'; -import { addDisplacementEffect } from './addDisplacementEffect'; // Create a PixiJS application. const app = new Application(); diff --git a/src/tutorials/v8.0.0/fishPond/step6/step6-code.js b/src/tutorials/v8.0.0/fishPond/step6/step6-code.js index f7e858e97..d21b65640 100644 --- a/src/tutorials/v8.0.0/fishPond/step6/step6-code.js +++ b/src/tutorials/v8.0.0/fishPond/step6/step6-code.js @@ -1,8 +1,8 @@ import { Application, Assets } from 'pixi.js'; import { addBackground } from './addBackground'; +import { addDisplacementEffect } from './addDisplacementEffect'; import { addFishes, animateFishes } from './addFishes'; import { addWaterOverlay, animateWaterOverlay } from './addWaterOverlay'; -import { addDisplacementEffect } from './addDisplacementEffect'; // Create a PixiJS application. const app = new Application(); diff --git a/src/tutorials/v8.0.0/gettingStarted/index.ts b/src/tutorials/v8.0.0/gettingStarted/index.ts index a0b7a6af6..50fbed5d5 100644 --- a/src/tutorials/v8.0.0/gettingStarted/index.ts +++ b/src/tutorials/v8.0.0/gettingStarted/index.ts @@ -1,14 +1,15 @@ +import content1 from './step1-content.md'; +import content2 from './step2-content.md'; +import content3 from './step3-content.md'; +import content4 from './step4-content.md'; import code1 from '!!raw-loader!./step1-code'; import code2 from '!!raw-loader!./step2-code'; import completedCode2 from '!!raw-loader!./step2-completed-code'; import code3 from '!!raw-loader!./step3-code'; import completedCode3 from '!!raw-loader!./step3-completed-code'; import code4 from '!!raw-loader!./step4-code'; + import type { TutorialStep } from '../..'; -import content1 from './step1-content.md'; -import content2 from './step2-content.md'; -import content3 from './step3-content.md'; -import content4 from './step4-content.md'; export const gettingStartedTutorialSteps: TutorialStep[] = [ { diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/index.ts b/src/tutorials/v8.0.0/spineBoyAdventure/index.ts index 5458570ad..9bfa855ab 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/index.ts +++ b/src/tutorials/v8.0.0/spineBoyAdventure/index.ts @@ -1,32 +1,33 @@ +import content1 from './step1/step1-content.md'; +import content2 from './step2/step2-content.md'; +import content3 from './step3/step3-content.md'; +import content4 from './step4/step4-content.md'; +import content5 from './step5/step5-content.md'; +import content6 from './step6/step6-content.md'; +import content7 from './step7/step7-content.md'; import code1 from '!!raw-loader!./step1/step1-code'; +import SpineBoy1 from '!!raw-loader!./step2/SpineBoy1'; +import SpineBoy1Completed from '!!raw-loader!./step2/SpineBoy1-completed'; import code2 from '!!raw-loader!./step2/step2-code'; import code2Completed from '!!raw-loader!./step2/step2-code-completed'; +import Controller from '!!raw-loader!./step3/Controller'; +import ControllerCompleted from '!!raw-loader!./step3/Controller-completed'; import code3 from '!!raw-loader!./step3/step3-code'; import code3Completed from '!!raw-loader!./step3/step3-code-completed'; -import code4 from '!!raw-loader!./step4/step4-code'; -import code4Completed from '!!raw-loader!./step4/step4-code-completed'; -import code5 from '!!raw-loader!./step5/step5-code'; -import code6 from '!!raw-loader!./step6/step6-code'; -import code6Completed from '!!raw-loader!./step6/step6-code-completed'; -import code7 from '!!raw-loader!./step7/step7-code'; -import SpineBoy1 from '!!raw-loader!./step2/SpineBoy1'; -import SpineBoy1Completed from '!!raw-loader!./step2/SpineBoy1-completed'; import SpineBoy2 from '!!raw-loader!./step4/SpineBoy2'; import SpineBoy2Completed from '!!raw-loader!./step4/SpineBoy2-completed'; -import Controller from '!!raw-loader!./step3/Controller'; -import ControllerCompleted from '!!raw-loader!./step3/Controller-completed'; +import code4 from '!!raw-loader!./step4/step4-code'; +import code4Completed from '!!raw-loader!./step4/step4-code-completed'; import Scene1 from '!!raw-loader!./step5/Scene1'; import Scene1Completed from '!!raw-loader!./step5/Scene1-completed'; +import code5 from '!!raw-loader!./step5/step5-code'; import Scene2 from '!!raw-loader!./step6/Scene2'; import Scene2Completed from '!!raw-loader!./step6/Scene2-completed'; +import code6 from '!!raw-loader!./step6/step6-code'; +import code6Completed from '!!raw-loader!./step6/step6-code-completed'; +import code7 from '!!raw-loader!./step7/step7-code'; + import type { TutorialStep } from '../..'; -import content1 from './step1/step1-content.md'; -import content2 from './step2/step2-content.md'; -import content3 from './step3/step3-content.md'; -import content4 from './step4/step4-content.md'; -import content5 from './step5/step5-content.md'; -import content6 from './step6/step6-content.md'; -import content7 from './step7/step7-content.md'; export const spineBoyAdventureTutorialSteps: TutorialStep[] = [ { diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step1/step1-code.js b/src/tutorials/v8.0.0/spineBoyAdventure/step1/step1-code.js index 0eb5f768a..c2eb1b87c 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step1/step1-code.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step1/step1-code.js @@ -1,6 +1,5 @@ -import '@esotericsoftware/spine-pixi-v8'; - import { Application, Assets } from 'pixi.js'; +import '@esotericsoftware/spine-pixi-v8'; // Asynchronous IIFE (async () => diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step2/SpineBoy1-completed.js b/src/tutorials/v8.0.0/spineBoyAdventure/step2/SpineBoy1-completed.js index cb4c50644..05ada63d0 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step2/SpineBoy1-completed.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step2/SpineBoy1-completed.js @@ -1,5 +1,5 @@ -import { Spine } from '@esotericsoftware/spine-pixi-v8'; import { Container } from 'pixi.js'; +import { Spine } from '@esotericsoftware/spine-pixi-v8'; // Class for handling the character Spine and its animations. export class SpineBoy diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step2/SpineBoy1.js b/src/tutorials/v8.0.0/spineBoyAdventure/step2/SpineBoy1.js index a46d5952c..b378a567c 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step2/SpineBoy1.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step2/SpineBoy1.js @@ -1,5 +1,5 @@ -import { Spine } from '@esotericsoftware/spine-pixi-v8'; import { Container } from 'pixi.js'; +import { Spine } from '@esotericsoftware/spine-pixi-v8'; // Class for handling the character Spine and its animations. export class SpineBoy diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step2/step2-code-completed.js b/src/tutorials/v8.0.0/spineBoyAdventure/step2/step2-code-completed.js index 8f10369ff..6f9a86a90 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step2/step2-code-completed.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step2/step2-code-completed.js @@ -1,6 +1,5 @@ -import '@esotericsoftware/spine-pixi-v8'; - import { Application, Assets } from 'pixi.js'; +import '@esotericsoftware/spine-pixi-v8'; import { SpineBoy } from './SpineBoy'; // Asynchronous IIFE diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step2/step2-code.js b/src/tutorials/v8.0.0/spineBoyAdventure/step2/step2-code.js index 5adfdcf66..09084a144 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step2/step2-code.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step2/step2-code.js @@ -1,6 +1,5 @@ -import '@esotericsoftware/spine-pixi-v8'; - import { Application, Assets } from 'pixi.js'; +import '@esotericsoftware/spine-pixi-v8'; import { SpineBoy } from './SpineBoy'; // Asynchronous IIFE diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step3/step3-code-completed.js b/src/tutorials/v8.0.0/spineBoyAdventure/step3/step3-code-completed.js index 4496eaeda..114e502bf 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step3/step3-code-completed.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step3/step3-code-completed.js @@ -1,8 +1,7 @@ -import '@esotericsoftware/spine-pixi-v8'; - import { Application, Assets } from 'pixi.js'; -import { SpineBoy } from './SpineBoy'; +import '@esotericsoftware/spine-pixi-v8'; import { Controller } from './Controller'; +import { SpineBoy } from './SpineBoy'; // Asynchronous IIFE (async () => diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step3/step3-code.js b/src/tutorials/v8.0.0/spineBoyAdventure/step3/step3-code.js index ede423f70..556e17011 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step3/step3-code.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step3/step3-code.js @@ -1,8 +1,7 @@ -import '@esotericsoftware/spine-pixi-v8'; - import { Application, Assets } from 'pixi.js'; -import { SpineBoy } from './SpineBoy'; +import '@esotericsoftware/spine-pixi-v8'; import { Controller } from './Controller'; +import { SpineBoy } from './SpineBoy'; // Asynchronous IIFE (async () => diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step4/SpineBoy2-completed.js b/src/tutorials/v8.0.0/spineBoyAdventure/step4/SpineBoy2-completed.js index 8f3de15c3..b99add6f8 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step4/SpineBoy2-completed.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step4/SpineBoy2-completed.js @@ -1,5 +1,5 @@ -import { Spine } from '@esotericsoftware/spine-pixi-v8'; import { Container } from 'pixi.js'; +import { Spine } from '@esotericsoftware/spine-pixi-v8'; // Define the Spine animation map for the character. // name: animation track key. diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step4/SpineBoy2.js b/src/tutorials/v8.0.0/spineBoyAdventure/step4/SpineBoy2.js index 83e79daa7..b63c6596f 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step4/SpineBoy2.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step4/SpineBoy2.js @@ -1,5 +1,5 @@ -import { Spine } from '@esotericsoftware/spine-pixi-v8'; import { Container } from 'pixi.js'; +import { Spine } from '@esotericsoftware/spine-pixi-v8'; // Define the Spine animation map for the character. // name: animation track key. diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step4/step4-code-completed.js b/src/tutorials/v8.0.0/spineBoyAdventure/step4/step4-code-completed.js index d173a4e90..c725feaf4 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step4/step4-code-completed.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step4/step4-code-completed.js @@ -1,8 +1,7 @@ -import '@esotericsoftware/spine-pixi-v8'; - import { Application, Assets } from 'pixi.js'; -import { SpineBoy } from './SpineBoy'; +import '@esotericsoftware/spine-pixi-v8'; import { Controller } from './Controller'; +import { SpineBoy } from './SpineBoy'; // Asynchronous IIFE (async () => diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step4/step4-code.js b/src/tutorials/v8.0.0/spineBoyAdventure/step4/step4-code.js index 6271edba6..9c8200022 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step4/step4-code.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step4/step4-code.js @@ -1,8 +1,7 @@ -import '@esotericsoftware/spine-pixi-v8'; - import { Application, Assets } from 'pixi.js'; -import { SpineBoy } from './SpineBoy'; +import '@esotericsoftware/spine-pixi-v8'; import { Controller } from './Controller'; +import { SpineBoy } from './SpineBoy'; // Asynchronous IIFE (async () => diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step5/step5-code.js b/src/tutorials/v8.0.0/spineBoyAdventure/step5/step5-code.js index 3a8748841..8a8ac2805 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step5/step5-code.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step5/step5-code.js @@ -1,9 +1,8 @@ -import '@esotericsoftware/spine-pixi-v8'; - import { Application, Assets } from 'pixi.js'; -import { SpineBoy } from './SpineBoy'; +import '@esotericsoftware/spine-pixi-v8'; import { Controller } from './Controller'; import { Scene } from './Scene'; +import { SpineBoy } from './SpineBoy'; // Asynchronous IIFE (async () => diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step6/step6-code-completed.js b/src/tutorials/v8.0.0/spineBoyAdventure/step6/step6-code-completed.js index dc13a8953..37947a966 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step6/step6-code-completed.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step6/step6-code-completed.js @@ -1,9 +1,8 @@ -import '@esotericsoftware/spine-pixi-v8'; - import { Application, Assets } from 'pixi.js'; -import { SpineBoy } from './SpineBoy'; +import '@esotericsoftware/spine-pixi-v8'; import { Controller } from './Controller'; import { Scene } from './Scene'; +import { SpineBoy } from './SpineBoy'; // Asynchronous IIFE (async () => diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step6/step6-code.js b/src/tutorials/v8.0.0/spineBoyAdventure/step6/step6-code.js index 47fb1afcb..fa303fb80 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step6/step6-code.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step6/step6-code.js @@ -1,9 +1,8 @@ -import '@esotericsoftware/spine-pixi-v8'; - import { Application, Assets } from 'pixi.js'; -import { SpineBoy } from './SpineBoy'; +import '@esotericsoftware/spine-pixi-v8'; import { Controller } from './Controller'; import { Scene } from './Scene'; +import { SpineBoy } from './SpineBoy'; // Asynchronous IIFE (async () => diff --git a/src/tutorials/v8.0.0/spineBoyAdventure/step7/step7-code.js b/src/tutorials/v8.0.0/spineBoyAdventure/step7/step7-code.js index dc13a8953..37947a966 100644 --- a/src/tutorials/v8.0.0/spineBoyAdventure/step7/step7-code.js +++ b/src/tutorials/v8.0.0/spineBoyAdventure/step7/step7-code.js @@ -1,9 +1,8 @@ -import '@esotericsoftware/spine-pixi-v8'; - import { Application, Assets } from 'pixi.js'; -import { SpineBoy } from './SpineBoy'; +import '@esotericsoftware/spine-pixi-v8'; import { Controller } from './Controller'; import { Scene } from './Scene'; +import { SpineBoy } from './SpineBoy'; // Asynchronous IIFE (async () => diff --git a/tsconfig.json b/tsconfig.json index a6be15124..503ad20ce 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -14,7 +14,8 @@ "resolveJsonModule": true, "sourceMap": true, "strict": true, - "target": "ESNext" + "target": "ESNext", + "types": ["node", "@docusaurus/module-type-aliases", "@docusaurus/theme-classic"] }, "exclude": ["build", "node_modules", "*.js"], "ts-node": {