Merge pull request #36 from mattjennings/next

v7.0.0

.changeset/README.md

@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@2.3.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "master",
+  "updateInternalDependencies": "patch",
+  "ignore": ["docs"]
+}

.changeset/pink-trainers-jam.md

@@ -0,0 +1,5 @@
+---
+'svelte-pixi': major
+---
+
+support PixiJS v7

.changeset/pre.json

@@ -0,0 +1,9 @@
+{
+  "mode": "pre",
+  "tag": "next",
+  "initialVersions": {
+    "svelte-pixi": "0.1.3",
+    "docs": "0.0.1"
+  },
+  "changesets": ["pink-trainers-jam", "smooth-llamas-destroy"]
+}

.changeset/smooth-llamas-destroy.md

@@ -0,0 +1,5 @@
+---
+'svelte-pixi': patch
+---
+
+support HTMLText component

.eslintignore

@@ -14,3 +14,8 @@ node_modules
 .vercel_build_output
 .vercel/output
 .parcel-cache
+
+docs/.astro
+docs/.vercel
+docs/dist
+pnpm-lock.yaml

.eslintrc.cjs

@@ -1,14 +1,27 @@
 module.exports = {
   root: true,
   parser: '@typescript-eslint/parser',
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended'],
-  plugins: ['svelte3', '@typescript-eslint'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:svelte/recommended',
+  ],
+  plugins: ['@typescript-eslint'],
   ignorePatterns: ['*.cjs'],
-  overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-  settings: {
-    'svelte3/typescript': () => require('typescript'),
-  },
+  overrides: [
+    {
+      files: ['*.svelte'],
+      parser: 'svelte-eslint-parser',
+      // Parse the `<script>` in `.svelte` as TypeScript by adding the following configuration.
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+      },
+    },
+  ],
+
   parserOptions: {
+    extraFileExtensions: ['.svelte'],
+
     sourceType: 'module',
     ecmaVersion: 2020,
   },
@@ -21,10 +34,25 @@ module.exports = {
     GlobalMixins: 'readonly',
   },
   rules: {
+    'no-undef': 'off',
     '@typescript-eslint/no-explicit-any': 'off',
     '@typescript-eslint/ban-ts-comment': 'off',
     '@typescript-eslint/ban-types': 'off',
     '@typescript-eslint/no-empty-interface': 'off',
     '@typescript-eslint/triple-slash-reference': 'off',
+    '@typescript-eslint/no-unused-vars': [
+      'warn',
+      {
+        varsIgnorePattern: '^\\$\\$(Props|Events|Slots|Generic)$',
+        ignoreRestSiblings: true,
+      },
+    ],
+    'svelte/no-at-html-tags': 'off',
+    'svelte/valid-compile': [
+      'error',
+      {
+        ignoreWarnings: true,
+      },
+    ],
   },
 }

.github/workflows/lint.yml

@@ -11,27 +11,20 @@ jobs:
     name: Svelte Check
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
       - uses: pnpm/action-setup@v2.1.0
         with:
-          version: 7.0.0
+          version: 8.8.0
       - run: pnpm install
       - run: pnpm run validate
 
   prettier:
     name: Prettier
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
       - uses: pnpm/action-setup@v2.1.0
         with:
-          version: 7.0.0
+          version: 8.8.0
       - run: pnpm install
       - run: pnpm run prettier
-
-  commits:
-    name: Conventional Commits
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-      - uses: webiny/action-conventional-commits@v1.0.3

.gitignore

@@ -1,12 +1,14 @@
 .DS_Store
 node_modules
+/dist
 /build
 /public
 /.svelte-kit
 /package
 .env
 .env.*
 !.env.example
+
 .vercel_build_output
 .vercel/output
 .parcel-cache

.husky/pre-commit

@@ -1,5 +1,4 @@
 #!/bin/sh
 . "$(dirname "$0")/_/husky.sh"
 
-npm run format -- --loglevel silent
-npm run lint -- --quiet
+npm run lint-staged

.lintstagedrc

@@ -0,0 +1,4 @@
+{
+  "*.{js,ts,tsx,svelte}": ["eslint --fix", "prettier --write"],
+  "*.{html,css,json,yml}": ["prettier --write"]
+}

.pnpmfile.cjs

@@ -2,24 +2,25 @@ const fs = require('fs')
 const path = require('path')
 
 function readPackage(pkg, ctx) {
-  // point svelte-pixi to ./package output for examples
-  if (pkg.name.endsWith('-example') || pkg.name.startsWith('with-')) {
-    const dir = path.resolve(__dirname, './package')
-    if (!fs.existsSync(dir)) {
-      fs.mkdirSync(dir)
-    }
+  if (pkg.name) {
+    // point svelte-pixi to ./package output for examples
+    if (pkg.name.endsWith('-example') || pkg.name.startsWith('with-')) {
+      const dir = path.resolve(__dirname, './package')
+      if (!fs.existsSync(dir)) {
+        fs.mkdirSync(dir)
+      }
 
-    pkg.dependencies['svelte-pixi'] = 'workspace:../../package'
-  }
+      pkg.dependencies['svelte-pixi'] = 'workspace:*'
+    }
 
-  // install peer as dev dependencies
-  if (pkg.name === 'svelte-pixi') {
-    pkg.devDependencies = {
-      ...pkg.peerDependencies,
-      ...pkg.devDependencies,
+    // install peer as dev dependencies
+    if (pkg.name === 'svelte-pixi') {
+      pkg.devDependencies = {
+        ...pkg.peerDependencies,
+        ...pkg.devDependencies,
+      }
     }
   }
-
   return pkg
 }
 

.prettierrc

@@ -1,5 +1,7 @@
 {
   "semi": false,
   "tabWidth": 2,
-  "singleQuote": true
+  "singleQuote": true,
+  "plugins": ["prettier-plugin-svelte"],
+  "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }

.vercel/project.json

@@ -1 +1,4 @@
-{"projectId":"QmRrvL7QafW6hMzuD65TyADBij1iWKqut5KJ4URgq64abV","orgId":"5If8GenvAEfFF541FoOP6ESL"}
+{
+  "projectId": "QmRrvL7QafW6hMzuD65TyADBij1iWKqut5KJ4URgq64abV",
+  "orgId": "5If8GenvAEfFF541FoOP6ESL"
+}

.vercelignore

@@ -1,2 +1,7 @@
-build
-public
+/build
+/public
+/docs/.vercel
+/docs/.astro
+/package
+/dist
+.svelte-kit

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}

CHANGELOG.md

@@ -0,0 +1,11 @@
+# svelte-pixi
+
+## 7.0.0-next.1
+
+### Major Changes
+
+- 3134bb1: support PixiJS v7
+
+### Patch Changes
+
+- 3756ff3: support HTMLText component

README.md

@@ -1,10 +1,8 @@
-# Svelte Pixi
+# SveltePixi
 
 Create [PixiJS](https://www.pixijs.com) apps with Svelte.
 
-This is a work in progress, but should be ready enough to play around with.
-
-[View Documentation](https://svelte-pixi.com)
+[View Documentation](https://svelte-pixi.mattjennin.gs)
 
 ## Contributing
 
@@ -29,8 +27,6 @@ This will start up the documentation website.
 
 GitHub actions will enforce code quality according to the prettier, eslint, and typescript configuration.
 
-It will also enforce that commit messages follow [conventional commits](https://www.conventionalcommits.org/en/v1.0.0/#summary). Please familiarize yourself with it if you have not used it before.
-
 ### Tests
 
 TODO

docs/.gitignore

@@ -0,0 +1,22 @@
+# build output
+dist/
+.vercel
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store

docs/README.md

@@ -0,0 +1,53 @@
+# Starlight Starter Kit: Basics
+
+[![Built with Starlight](https://astro.badg.es/v2/built-with-starlight/tiny.svg)](https://starlight.astro.build)
+
+```
+npm create astro@latest -- --template starlight
+```
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/starlight/tree/main/examples/basics)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/starlight/tree/main/examples/basics)
+
+> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+
+## 🚀 Project Structure
+
+Inside of your Astro + Starlight project, you'll see the following folders and files:
+
+```
+.
+├── public/
+├── src/
+│   ├── assets/
+│   ├── content/
+│   │   ├── docs/
+│   │   └── config.ts
+│   └── env.d.ts
+├── astro.config.mjs
+├── package.json
+└── tsconfig.json
+```
+
+Starlight looks for `.md` or `.mdx` files in the `src/content/docs/` directory. Each file is exposed as a route based on its file name.
+
+Images can be added to `src/assets/` and embedded in Markdown with a relative link.
+
+Static assets, like favicons, can be placed in the `public/` directory.
+
+## 🧞 Commands
+
+All commands are run from the root of the project, from a terminal:
+
+| Command                   | Action                                           |
+| :------------------------ | :----------------------------------------------- |
+| `npm install`             | Installs dependencies                            |
+| `npm run dev`             | Starts local dev server at `localhost:4321`      |
+| `npm run build`           | Build your production site to `./dist/`          |
+| `npm run preview`         | Preview your build locally, before deploying     |
+| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
+| `npm run astro -- --help` | Get help using the Astro CLI                     |
+
+## 👀 Want to learn more?
+
+Check out [Starlight’s docs](https://starlight.astro.build/), read [the Astro documentation](https://docs.astro.build), or jump into the [Astro Discord server](https://astro.build/chat).