@puredesktop/create-app 1.0.0-beta.1 → 1.0.0-beta.2

package/template/src/hooks/useAppBoot.ts

@@ -1,45 +1,45 @@
-import { useEffect, useState } from 'react'
-import { fetchAppSettings } from '../bridge/platformBridge'
-import type { AppBootState } from '../types'
-
-interface UseAppBootResult {
-  boot: AppBootState | null
-  bootError: Error | null
-  booting: boolean
-}
-
-export function useAppBoot(ready: boolean): UseAppBootResult {
-  const [boot, setBoot] = useState<AppBootState | null>(null)
-  const [bootError, setBootError] = useState<Error | null>(null)
-  const [booting, setBooting] = useState(false)
-
-  useEffect(() => {
-    if (!ready) return
-
-    let cancelled = false
-
-    async function load() {
-      setBooting(true)
-      setBootError(null)
-      try {
-        const settings = await fetchAppSettings()
-        if (cancelled) return
-        setBoot({ settings })
-      } catch (error) {
-        if (cancelled) return
-        setBoot(null)
-        setBootError(error instanceof Error ? error : new Error(String(error)))
-      } finally {
-        if (!cancelled) setBooting(false)
-      }
-    }
-
-    void load()
-
-    return () => {
-      cancelled = true
-    }
-  }, [ready])
-
-  return { boot, bootError, booting }
-}
+import { useEffect, useState } from 'react'
+import { fetchAppSettings } from '../bridge/platformBridge'
+import type { AppBootState } from '../types'
+
+interface UseAppBootResult {
+  boot: AppBootState | null
+  bootError: Error | null
+  booting: boolean
+}
+
+export function useAppBoot(ready: boolean): UseAppBootResult {
+  const [boot, setBoot] = useState<AppBootState | null>(null)
+  const [bootError, setBootError] = useState<Error | null>(null)
+  const [booting, setBooting] = useState(false)
+
+  useEffect(() => {
+    if (!ready) return
+
+    let cancelled = false
+
+    async function load() {
+      setBooting(true)
+      setBootError(null)
+      try {
+        const settings = await fetchAppSettings()
+        if (cancelled) return
+        setBoot({ settings })
+      } catch (error) {
+        if (cancelled) return
+        setBoot(null)
+        setBootError(error instanceof Error ? error : new Error(String(error)))
+      } finally {
+        if (!cancelled) setBooting(false)
+      }
+    }
+
+    void load()
+
+    return () => {
+      cancelled = true
+    }
+  }, [ready])
+
+  return { boot, bootError, booting }
+}

package/template/src/main.tsx

@@ -1,9 +1,9 @@
-import { createRoot } from 'react-dom/client'
-import { App } from './App'
-
-const root = document.getElementById('root')
-if (!root) {
-  throw new Error('Root element #root not found')
-}
-
-createRoot(root).render(<App />)
+import { createRoot } from 'react-dom/client'
+import { App } from './App'
+
+const root = document.getElementById('root')
+if (!root) {
+  throw new Error('Root element #root not found')
+}
+
+createRoot(root).render(<App />)

package/template/src/types.ts

@@ -1,5 +1,5 @@
-export type AppSettings = Record<string, unknown>
-
-export interface AppBootState {
-  settings: AppSettings
-}
+export type AppSettings = Record<string, unknown>
+
+export interface AppBootState {
+  settings: AppSettings
+}

package/template/tsconfig.json

@@ -1,15 +1,15 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "jsx": "react-jsx",
-    "strict": true,
-    "skipLibCheck": true,
-    "noEmit": true,
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "vite-env.d.ts"]
-}
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "jsx": "react-jsx",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "allowImportingTsExtensions": true,
+    "isolatedModules": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx", "vite-env.d.ts"]
+}

package/template/vite-env.d.ts

@@ -1 +1 @@
-/// <reference types="vite/client" />
+/// <reference types="vite/client" />

package/template/vite.config.js

@@ -1,28 +1,28 @@
-import react from '@vitejs/plugin-react-swc'
-import { readFileSync } from 'node:fs'
-import { dirname, join } from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { defineConfig } from 'vite'
-
-/** Keep Vite port in sync with plugin.json entrypoint.url. */
-function devServerFromManifest(metaUrl) {
-  const appDir = dirname(fileURLToPath(metaUrl))
-  const manifest = JSON.parse(readFileSync(join(appDir, 'plugin.json'), 'utf8'))
-  const url = new URL(manifest.entrypoint.url)
-  return {
-    host: url.hostname,
-    port: Number(url.port),
-    strictPort: true,
-  }
-}
-
-export default defineConfig({
-  plugins: [
-    react({
-      plugins: [
-        ['@swc/plugin-styled-components', { displayName: true, fileName: true }],
-      ],
-    }),
-  ],
-  server: devServerFromManifest(import.meta.url),
-})
+import react from '@vitejs/plugin-react-swc'
+import { readFileSync } from 'node:fs'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { defineConfig } from 'vite'
+
+/** Keep Vite port in sync with plugin.json entrypoint.url. */
+function devServerFromManifest(metaUrl) {
+  const appDir = dirname(fileURLToPath(metaUrl))
+  const manifest = JSON.parse(readFileSync(join(appDir, 'plugin.json'), 'utf8'))
+  const url = new URL(manifest.entrypoint.url)
+  return {
+    host: url.hostname,
+    port: Number(url.port),
+    strictPort: true,
+  }
+}
+
+export default defineConfig({
+  plugins: [
+    react({
+      plugins: [
+        ['@swc/plugin-styled-components', { displayName: true, fileName: true }],
+      ],
+    }),
+  ],
+  server: devServerFromManifest(import.meta.url),
+})