Colocate assets

readme.md

@@ -1,4 +1,4 @@
-# ![:play](src/assets/favicon/favicon48.png) :play
+# ![:play](src/favicon/favicon48.png) :play
 
 A little playground for building apps on Reddit.
 

src/elements/play-button.ts

@@ -6,9 +6,9 @@ import {
   type TemplateResult
 } from 'lit'
 import {customElement, property} from 'lit/decorators.js'
-import type {PlayIconSVG} from './play-icon.js'
+import type {PlayIconSVG} from './play-icon/play-icon.js'
 
-import './play-icon.js'
+import './play-icon/play-icon.js'
 
 export type PlayButtonAppearance =
   | 'bordered'

src/elements/play-icon.ts → src/elements/play-icon/play-icon.ts

@@ -3,24 +3,24 @@ import {customElement, property} from 'lit/decorators.js'
 import {styleMap} from 'lit/directives/style-map.js'
 import {unsafeHTML} from 'lit/directives/unsafe-html.js'
 
-import addOutline from '../assets/icons/add-outline.svg'
-import caretDownOutline from '../assets/icons/caret-down-outline.svg'
-import caretUpOutline from '../assets/icons/caret-up-outline.svg'
-import checkmarkFill from '../assets/icons/checkmark-fill.svg'
-import closeOutline from '../assets/icons/close-outline.svg'
-import communityOutline from '../assets/icons/community-outline.svg'
-import copyClipboardOutline from '../assets/icons/copy-clipboard-outline.svg'
-import dayOutline from '../assets/icons/day-outline.svg'
-import downloadOutline from '../assets/icons/download-outline.svg'
-import externalOutline from '../assets/icons/external-outline.svg'
-import infoOutline from '../assets/icons/info-outline.svg'
-import nightOutline from '../assets/icons/night-outline.svg'
-import overflowHorizontalOutline from '../assets/icons/overflow-horizontal-outline.svg'
-import readingOutline from '../assets/icons/reading-outline.svg'
-import reportOutline from '../assets/icons/report-outline.svg'
-import resizeHorizontalOutline from '../assets/icons/resize-horizontal-outline.svg'
-import restartOutline from '../assets/icons/restart-outline.svg'
-import shareNewOutline from '../assets/icons/share-new-outline.svg'
+import addOutline from './icons/add-outline.svg'
+import caretDownOutline from './icons/caret-down-outline.svg'
+import caretUpOutline from './icons/caret-up-outline.svg'
+import checkmarkFill from './icons/checkmark-fill.svg'
+import closeOutline from './icons/close-outline.svg'
+import communityOutline from './icons/community-outline.svg'
+import copyClipboardOutline from './icons/copy-clipboard-outline.svg'
+import dayOutline from './icons/day-outline.svg'
+import downloadOutline from './icons/download-outline.svg'
+import externalOutline from './icons/external-outline.svg'
+import infoOutline from './icons/info-outline.svg'
+import nightOutline from './icons/night-outline.svg'
+import overflowHorizontalOutline from './icons/overflow-horizontal-outline.svg'
+import readingOutline from './icons/reading-outline.svg'
+import reportOutline from './icons/report-outline.svg'
+import resizeHorizontalOutline from './icons/resize-horizontal-outline.svg'
+import restartOutline from './icons/restart-outline.svg'
+import shareNewOutline from './icons/share-new-outline.svg'
 
 export type PlayIconSVG = keyof typeof icons
 

src/elements/play-list-item.ts

@@ -6,9 +6,9 @@ import {
   type TemplateResult
 } from 'lit'
 import {customElement, property} from 'lit/decorators.js'
-import type {PlayIconSVG} from './play-icon.js'
+import type {PlayIconSVG} from './play-icon/play-icon.js'
 
-import './play-icon.js'
+import './play-icon/play-icon.js'
 
 declare global {
   interface HTMLElementTagNameMap {

src/elements/play-logo.ts → src/elements/play-logo/play-logo.ts

@@ -1,7 +1,7 @@
 import {LitElement, css, type CSSResultGroup} from 'lit'
 import {customElement} from 'lit/decorators.js'
 import {unsafeHTML} from 'lit/directives/unsafe-html.js'
-import logo from '../assets/logo.svg'
+import logo from './logo.svg'
 
 declare global {
   interface HTMLElementTagNameMap {

src/elements/play-new-pen-button.ts

@@ -11,7 +11,7 @@ import {Bubble} from '../utils/bubble.js'
 import {openURL} from '../utils/open-url.js'
 
 import './play-dropdown-menu.js'
-import './play-icon.js'
+import './play-icon/play-icon.js'
 import './play-list-item.js'
 
 export type SizeOptions = 'small' | 'medium'

src/elements/play-pen-header.ts

@@ -12,8 +12,8 @@ import type {PlayExportDialog} from './play-export-dialog.js'
 
 import './play-button.js'
 import './play-export-dialog.js'
-import './play-icon.js'
-import './play-logo.js'
+import './play-icon/play-icon.js'
+import './play-logo/play-logo.js'
 import './play-new-pen-button.js'
 import './play-resizable-text-input.js'
 

src/elements/play-toast.ts

@@ -6,7 +6,7 @@ import {
   type TemplateResult
 } from 'lit'
 import {customElement, property} from 'lit/decorators.js'
-import './play-icon.js'
+import './play-icon/play-icon.js'
 
 declare global {
   interface HTMLElementTagNameMap {

tools/build.js

@@ -11,7 +11,7 @@ import esbuild from 'esbuild'
 import fs from 'node:fs/promises'
 import path from 'node:path'
 import pkg from '../package.json' assert {type: 'json'}
-import manifest from '../src/assets/manifest.json' assert {type: 'json'}
+import manifest from '../src/manifest.json' assert {type: 'json'}
 import {readTSDs} from './tsd.js'
 
 const watch = process.argv.includes('--watch')
@@ -28,7 +28,7 @@ const plugin = {
 async function pluginOnEnd(result) {
   const manifestCopy = structuredClone(manifest)
   for (const icon of manifestCopy.icons) {
-    const file = await fs.readFile(path.join('src', 'assets', icon.src))
+    const file = await fs.readFile(path.join('src', icon.src))
     icon.src = `data:${icon.type};base64,${file.toString('base64')}`
   }
   if (watch)
@@ -46,7 +46,7 @@ async function pluginOnEnd(result) {
   if (watch)
     js += `new EventSource('/esbuild').addEventListener('change', () => location.reload());`
 
-  let html = await fs.readFile(path.join('src', 'assets', 'play.html'), 'utf8')
+  let html = await fs.readFile(path.join('src', 'play.html'), 'utf8')
   html = html
     .replace('{favicon}', () => manifestCopy.icons[0]?.src ?? '')
     .replace('{manifest}', () => manifestURI)

tools/tsconfig.json

@@ -11,5 +11,5 @@
 
     "rootDir": ".."
   },
-  "include": ["**/*", "../package.json", "../src/assets/manifest.json"]
+  "include": ["**/*", "../package.json", "../src/manifest.json"]
 }