create-buntui 0.1.0-alpha.2 → 0.1.0-alpha.4

package/templates/full/src/components/SwitchDemo.vue

@@ -1,19 +0,0 @@
-<template>
-    <Text :x="1" :y="3" :colorFg="'rgba(137,180,250,1)'" value="Switch widget — on/off toggle" />
-
-    <Switch :x="1" :y="4" :label="'Dark mode'" @change="handleChange('Dark mode', $event)" />
-    <Switch :x="1" :y="5" :label="'Notifications'" @change="handleChange('Notifications', $event)" />
-    <Switch :x="1" :y="6" :label="'Disabled'" :disabled="true" />
-
-    <Text :x="1" :y="8" :colorFg="'rgba(108,112,134,1)'" :value="log" />
-</template>
-
-<script setup lang="ts">
-import { ref } from '@vue/reactivity'
-
-const log = ref('Toggle a switch above')
-
-function handleChange(name: string, event: TuiSwitchChangeEvent) {
-    log.value = `${name}: ${event.checked ? 'on' : 'off'}`
-}
-</script>

package/templates/full/src/components/TextDemo.vue

@@ -1,72 +0,0 @@
-<template>
-    <Text :x="1" :y="3" :colorFg="'rgba(137,180,250,1)'" value="Text widget — display styled text" />
-
-    <Box
-        :x="1"
-        :y="4"
-        :width="45%"
-        :height="5"
-        :colorBg="'rgba(30,30,46,1)'"
-        :borderColor="'rgba(137,180,250,0.5)'"
-        borderStyle="rounded"
-        :direction="'vertical'"
-        :gap="1"
-        :paddingTop="1"
-        :paddingLeft="1"
-    >
-        <Text :colorFg="'rgba(137,180,250,1)'" value="Font styles" />
-        <Text styleModifier="bold" :colorFg="'rgba(205,214,244,1)'" value="Bold text" />
-        <Text styleModifier="italic" :colorFg="'rgba(205,214,244,1)'" value="Italic text" />
-    </Box>
-
-    <Box
-        x="50%"
-        :y="4"
-        width="45%"
-        :height="5"
-        :colorBg="'rgba(30,30,46,1)'"
-        :borderColor="'rgba(166,227,161,0.5)'"
-        borderStyle="rounded"
-        :direction="'vertical'"
-        :gap="1"
-        :paddingTop="1"
-        :paddingLeft="1"
-    >
-        <Text :colorFg="'rgba(166,227,161,1)'" value="Colors" />
-        <Text :colorFg="'rgba(243,139,168,1)'" value="Red " />
-        <Text :colorFg="'rgba(137,180,250,1)'" value="Blue " />
-        <Text :colorFg="'rgba(166,227,161,1)'" value="Green" />
-    </Box>
-
-    <Box
-        :x="1"
-        :y="10"
-        width="95%"
-        :height="3"
-        :colorBg="'rgba(30,30,46,1)'"
-        :borderColor="'rgba(250,179,135,0.5)'"
-        borderStyle="rounded"
-        :direction="'vertical'"
-        :gap="1"
-        :paddingTop="1"
-        :paddingLeft="1"
-    >
-        <Text :colorFg="'rgba(250,179,135,1)'" value="Dynamic clock:" />
-        <Text :colorFg="'rgba(205,214,244,1)'" :value="clock" />
-    </Box>
-</template>
-
-<script setup lang="ts">
-import { ref, computed } from '@vue/reactivity'
-
-const elapsed = ref(0)
-setInterval(() => {
-    elapsed.value += 1
-}, 1000)
-
-const clock = computed(() => {
-    elapsed.value
-    const now = new Date()
-    return now.toLocaleTimeString()
-})
-</script>

package/templates/full/src/components/TextareaDemo.vue

@@ -1,37 +0,0 @@
-<template>
-    <Text :x="1" :y="3" :colorFg="'rgba(137,180,250,1)'" value="Textarea widget — multi-line text editor" />
-
-    <Box
-        :x="1"
-        :y="4"
-        :width="50"
-        :height="6"
-        :colorBg="'rgba(30,30,46,1)'"
-        :borderColor="'rgba(137,180,250,0.5)'"
-        borderStyle="rounded"
-        :direction="'vertical'"
-        :gap="1"
-        :paddingTop="1"
-        :paddingLeft="1"
-    >
-        <Text :colorFg="'rgba(108,112,134,1)'" value="Type and press Ctrl+Enter to submit:" />
-        <Textarea
-            :width="46"
-            :height="3"
-            :placeholder="'Enter multi-line text...'"
-            @submit="handleSubmit"
-        />
-    </Box>
-
-    <Text :x="1" :y="11" :colorFg="'rgba(166,227,161,1)'" :value="submittedValue" />
-</template>
-
-<script setup lang="ts">
-import { ref } from '@vue/reactivity'
-
-const submittedValue = ref('Submit result appears here')
-
-function handleSubmit(event: TuiSubmitEvent) {
-    submittedValue.value = `Submitted: "${event.value}"`
-}
-</script>

package/templates/full/src/dev.ts

@@ -1,40 +0,0 @@
-import path from 'node:path';
-import fs from 'node:fs';
-import {createDevServer, CORE_REGISTRY, type DevServerOptions} from '@buntui/compiler';
-import {mountHmrErrorOverlay, type HmrErrorOverlayHandle} from '@buntui/extensions/hmr-error-overlay';
-import {ENTRY, run} from './main';
-
-const DEV_DIR = path.join(import.meta.dir, '.dev');
-fs.mkdirSync(DEV_DIR, {recursive: true});
-
-const {scene} = run({logFilePath: DEV_DIR});
-
-const VUE_FILE = path.join(import.meta.dir, ENTRY);
-
-let errorOverlay: HmrErrorOverlayHandle | undefined;
-
-createDevServer({
-  file: VUE_FILE,
-  tempDir: DEV_DIR,
-  compileOptions: {
-    registry: CORE_REGISTRY,
-    codegen: {
-      coreModuleId: '@buntui/core',
-      reactivityModuleId: '@vue/reactivity',
-    },
-  },
-  onClear() {
-    errorOverlay?.dismiss();
-    errorOverlay = undefined;
-    scene.clearWidgets();
-  },
-  onReload(setupFn: (scene: unknown) => void) {
-    errorOverlay?.dismiss();
-    errorOverlay = undefined;
-    setupFn(scene);
-  },
-  onError(error: Error) {
-    errorOverlay?.dismiss();
-    errorOverlay = mountHmrErrorOverlay(scene, error);
-  },
-} satisfies DevServerOptions);

package/templates/full/src/main.ts

@@ -1,21 +0,0 @@
-import {createApp} from '@buntui/core';
-import App from './App.vue';
-
-export const ENTRY = 'App.vue';
-
-export function run(devOptions: {logFilePath?: string} = {}) {
-  const app = createApp({
-    logLevel: 'debug',
-    clearLog: true,
-    tickRate: 60,
-    renderRate: 24,
-    ...devOptions,
-  });
-  const scene = app.createScene(App, {bgHexRgb: 0x1A_1B_26, visible: true});
-  app.start();
-  return {app, scene};
-}
-
-if (import.meta.main) {
-  run();
-}

package/templates/sfc/scripts/build.ts

@@ -1,66 +0,0 @@
-import process from 'node:process';
-import path from 'node:path';
-import fs from 'node:fs';
-import {compile, CORE_REGISTRY} from '@buntui/compiler';
-import {getBinaryPath} from '@buntui/native';
-
-const result = await Bun.build({
-  entrypoints: ['src/main.ts'],
-  outdir: 'dist',
-  target: 'bun',
-  minify: true,
-  plugins: [
-    {
-      name: 'buntui-vue',
-      setup(build) {
-        build.onLoad({filter: /\.vue$/v}, async args => {
-          const source = await Bun.file(args.path).text();
-          const compiled = compile(source, {
-            filename: args.path,
-            registry: CORE_REGISTRY,
-            codegen: {
-              coreModuleId: '@buntui/core',
-              reactivityModuleId: '@vue/reactivity',
-            },
-          });
-          return {contents: compiled.code, loader: 'ts'};
-        });
-      },
-    },
-  ],
-});
-
-if (!result.success) {
-  for (const error of result.logs) {
-    console.error(error);
-  }
-
-  process.exit(1);
-}
-
-for (const output of result.outputs) {
-  console.log(`Built: ${output.path} (${(output.size / 1024).toFixed(1)} KB)`);
-}
-
-function getBinaryExt(): string {
-  if (process.platform === 'win32') return 'dll';
-  if (process.platform === 'darwin') return 'dylib';
-  return 'so';
-}
-
-const binaryName = `buntui.${getBinaryExt()}`;
-const nativePath = getBinaryPath();
-const dllSearchPaths = [
-  ...(nativePath ? [nativePath] : []),
-  path.resolve(import.meta.dir, '..', 'node_modules', '@buntui', 'core', binaryName),
-  path.resolve(import.meta.dir, '..', binaryName),
-];
-
-for (const candidate of dllSearchPaths) {
-  if (fs.existsSync(candidate)) {
-    const dest = path.resolve(import.meta.dir, '..', 'dist', binaryName);
-    fs.copyFileSync(candidate, dest);
-    console.log(`Copied: ${binaryName} -> dist/`);
-    break;
-  }
-}

package/templates/sfc/src/App.vue

@@ -1,44 +0,0 @@
-<template>
-    <Box
-        :x="'20%'"
-        :y="'25%'"
-        :width="'60%'"
-        :height="12"
-        :colorBg="'rgba(30,30,46,1)'"
-        :borderColor="'rgba(137,180,250,1)'"
-        borderStyle="rounded"
-        :direction="'vertical'"
-        :gap="1"
-        :align="'center'"
-        :paddingTop="1"
-        :paddingBottom="1"
-        :paddingLeft="2"
-        :paddingRight="2"
-    >
-        <Text :colorFg="'rgba(137,180,250,1)'" :value="title" styleModifier="bold" />
-        <Text :colorFg="'rgba(166,227,161,1)'" value="SFC template with hot reload" />
-        <Text :colorFg="'rgba(205,214,244,1)'" value="Edit src/App.vue to get started" />
-        <Text :colorFg="'rgba(108,112,134,1)'" :value="clock" />
-        <Box :direction="'horizontal'" :gap="2" :align="'center'">
-            <Button :value="'Count: ' + count" @click="increment" />
-        </Box>
-    </Box>
-</template>
-
-<script setup lang="ts">
-import { onTick } from '@buntui/core'
-import { ref } from '@vue/reactivity'
-
-const title = '{{name}}'
-const clock = ref('')
-const count = ref(0)
-
-onTick(() => {
-    const now = new Date()
-    clock.value = now.toLocaleTimeString()
-})
-
-function increment() {
-    count.value++
-}
-</script>

package/templates/sfc/src/dev.ts

@@ -1,40 +0,0 @@
-import path from 'node:path';
-import fs from 'node:fs';
-import {createDevServer, CORE_REGISTRY, type DevServerOptions} from '@buntui/compiler';
-import {mountHmrErrorOverlay, type HmrErrorOverlayHandle} from '@buntui/extensions/hmr-error-overlay';
-import {ENTRY, run} from './main';
-
-const DEV_DIR = path.join(import.meta.dir, '.dev');
-fs.mkdirSync(DEV_DIR, {recursive: true});
-
-const {scene} = run({logFilePath: DEV_DIR});
-
-const VUE_FILE = path.join(import.meta.dir, ENTRY);
-
-let errorOverlay: HmrErrorOverlayHandle | undefined;
-
-createDevServer({
-  file: VUE_FILE,
-  tempDir: DEV_DIR,
-  compileOptions: {
-    registry: CORE_REGISTRY,
-    codegen: {
-      coreModuleId: '@buntui/core',
-      reactivityModuleId: '@vue/reactivity',
-    },
-  },
-  onClear() {
-    errorOverlay?.dismiss();
-    errorOverlay = undefined;
-    scene.clearWidgets();
-  },
-  onReload(setupFn: (scene: unknown) => void) {
-    errorOverlay?.dismiss();
-    errorOverlay = undefined;
-    setupFn(scene);
-  },
-  onError(error: Error) {
-    errorOverlay?.dismiss();
-    errorOverlay = mountHmrErrorOverlay(scene, error);
-  },
-} satisfies DevServerOptions);

package/templates/sfc/src/main.ts

@@ -1,21 +0,0 @@
-import {createApp} from '@buntui/core';
-import App from './App.vue';
-
-export const ENTRY = 'App.vue';
-
-export function run(devOptions: {logFilePath?: string} = {}) {
-  const app = createApp({
-    logLevel: 'debug',
-    clearLog: true,
-    tickRate: 60,
-    renderRate: 24,
-    ...devOptions,
-  });
-  const scene = app.createScene(App, {bgHexRgb: 0x1A_1B_26, visible: true});
-  app.start();
-  return {app, scene};
-}
-
-if (import.meta.main) {
-  run();
-}