diff --git a/.vscode/settings.json b/.vscode/settings.json
index 7f76f35..5252036 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,6 +1,5 @@
{
"files.exclude": {
- // "**/node_modules/**": true,
- "**/node_modules/[^b]**": true
+ "**/node_modules/**": true
}
}
diff --git a/addon/content/solid-example/panorama/layout/custom_game/app.xml b/addon/content/solid-example/panorama/layout/custom_game/app.xml
deleted file mode 100644
index e212465..0000000
--- a/addon/content/solid-example/panorama/layout/custom_game/app.xml
+++ /dev/null
@@ -1,12 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/addon/content/solid-example/panorama/layout/custom_game/lowhud.xml b/addon/content/solid-example/panorama/layout/custom_game/lowhud.xml
new file mode 100644
index 0000000..d351cfb
--- /dev/null
+++ b/addon/content/solid-example/panorama/layout/custom_game/lowhud.xml
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/addon/content/solid-example/panorama/layout/custom_game/shop.xml b/addon/content/solid-example/panorama/layout/custom_game/shop.xml
new file mode 100644
index 0000000..97ed0fe
--- /dev/null
+++ b/addon/content/solid-example/panorama/layout/custom_game/shop.xml
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/addon/content/solid-example/panorama/scripts/custom_game/app.js b/addon/content/solid-example/panorama/scripts/custom_game/app.js
deleted file mode 100644
index ee021fb..0000000
--- a/addon/content/solid-example/panorama/scripts/custom_game/app.js
+++ /dev/null
@@ -1,39 +0,0 @@
-'use strict'; const require = GameUI.__require;
-
-var libs = require('./libs.js');
-
-function Item(props) {
- let [root, setRoot] = libs.createSignal(null);
- let [text, setText] = libs.createSignal('');
- let el;
- libs.onMount(() => {
- $.Msg('onMount ', el);
- });
- libs.createEffect(() => {
- $.Msg('effect root ', root());
- }, root);
- return (() => {
- const _el$ = libs.createElement("Panel", {
- id: "root"
- }, null),
- _el$2 = libs.createElement("Label", {}, _el$);
- const _ref$ = el;
- typeof _ref$ === "function" ? libs.use(_ref$, _el$) : el = _el$;
- libs.effect(_$p => libs.setProp(_el$2, "text", text(), _$p));
- return _el$;
- })();
-}
-function HelloWorld() {
- return (() => {
- const _el$3 = libs.createElement("Panel", {}, null);
- libs.createTextNode(`Hello World!`, _el$3);
- libs.setProp(_el$3, "style", {
- flowChildren: 'right'
- });
- libs.insert(_el$3, libs.createComponent(Item, {
- show: true
- }, _el$3), null);
- return _el$3;
- })();
-}
-libs.render(() => libs.createComponent(HelloWorld, {}, null), $('#app'));
diff --git a/addon/content/solid-example/panorama/scripts/custom_game/libs.js b/addon/content/solid-example/panorama/scripts/custom_game/libs.js
index 27ba7b3..0866076 100644
--- a/addon/content/solid-example/panorama/scripts/custom_game/libs.js
+++ b/addon/content/solid-example/panorama/scripts/custom_game/libs.js
@@ -40,34 +40,10 @@ function createRoot(fn, detachedOwner) {
Owner = owner;
}
}
-function createSignal(value, options) {
- options = options ? Object.assign({}, signalOptions, options) : signalOptions;
- const s = {
- value,
- observers: null,
- observerSlots: null,
- comparator: options.equals || undefined
- };
- const setter = value => {
- if (typeof value === "function") {
- value = value(s.value);
- }
- return writeSignal(s, value);
- };
- return [readSignal.bind(s), setter];
-}
function createRenderEffect(fn, value, options) {
const c = createComputation(fn, value, false, STALE);
updateComputation(c);
}
-function createEffect(fn, value, options) {
- runEffects = runUserEffects;
- const c = createComputation(fn, value, false, STALE),
- s = SuspenseContext && lookup(Owner, SuspenseContext.id);
- if (s) c.suspense = s;
- c.user = true;
- Effects ? Effects.push(c) : updateComputation(c);
-}
function createMemo(fn, value, options) {
options = options ? Object.assign({}, signalOptions, options) : signalOptions;
const c = createComputation(fn, value, true, 0);
@@ -85,10 +61,6 @@ function untrack(fn) {
Listener = listener;
return result;
}
-function onMount(fn) {
- createEffect(() => untrack(fn));
-}
-let SuspenseContext;
function readSignal() {
const runningTransition = Transition ;
if (this.sources && (this.state || runningTransition )) {
@@ -240,15 +212,6 @@ function completeUpdates(wait) {
function runQueue(queue) {
for (let i = 0; i < queue.length; i++) runTop(queue[i]);
}
-function runUserEffects(queue) {
- let i,
- userLength = 0;
- for (i = 0; i < queue.length; i++) {
- const e = queue[i];
- if (!e.user) runTop(e);else queue[userLength++] = e;
- }
- for (i = 0; i < userLength; i++) runTop(queue[i]);
-}
function lookUpstream(node, ignore) {
const runningTransition = Transition ;
node.state = 0;
@@ -309,9 +272,6 @@ function handleError(err) {
err = castError(err);
throw err;
}
-function lookup(owner, key) {
- return owner ? owner.context && owner.context[key] !== undefined ? owner.context[key] : lookup(owner.owner, key) : undefined;
-}
function createComponent$1(Comp, props) {
return untrack(() => Comp(props || {}));
}
@@ -627,33 +587,6 @@ function createRenderer(options) {
return renderer;
}
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-function __rest(s, e) {
- var t = {};
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
- t[p] = s[p];
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
- t[p[i]] = s[p[i]];
- }
- return t;
-}
-
const StyleKeyAutoConvertToPixelList = [
'x',
'y',
@@ -686,7 +619,7 @@ const { render: _render, effect, memo, createComponent, createElement, createTex
use } = createRenderer({
// @ts-ignore
createElement(type, props, parent) {
- const { id, snippet, vars, dialogVariables, text } = props, _props = __rest(props, ["id", "snippet", "vars", "dialogVariables", "text"]);
+ const { id, snippet, vars, dialogVariables, text, ..._props } = props;
const el = $.CreatePanelWithProperties(type, parent || $.GetContextPanel(), id || '', _props);
if (vars) {
setDialogVariables(el, vars, {});
@@ -735,44 +668,6 @@ use } = createRenderer({
}
return node.paneltype === 'Label';
},
- setProperty(node, name, value, prev) {
- if (!node || !node.IsValid()) {
- return;
- }
- if (name === 'class' || name === 'className') {
- applyClassNames(node, value, prev || '');
- }
- else if (name === 'classList') {
- updateClassList(node, value);
- }
- else if (name === 'style') {
- applyStyles(node, value, prev);
- }
- else if (name === 'vars' || name === 'dialogVariables') {
- setDialogVariables(node, value, prev);
- }
- else if (name === 'inputnamespace') {
- node.SetInputNamespace(value || '');
- }
- else if (name === 'draggable') {
- node.SetDraggable(value === true);
- }
- else if (name === 'acceptsfocus') {
- node.SetAcceptsFocus(value === true);
- }
- else if (name.startsWith('on')) {
- setPanelEvent(node, name, value);
- }
- else {
- if (hasOwn.call(node, name)) {
- // @ts-ignore
- node[name] = value;
- }
- else {
- node.SetAttributeString(name, String(value));
- }
- }
- },
insertNode(parent, node, anchor) {
if (!parent || !parent.IsValid() || !node || !node.IsValid()) {
return;
@@ -820,6 +715,44 @@ use } = createRenderer({
return;
}
return el;
+ },
+ setProperty(node, name, value, prev) {
+ if (!node || !node.IsValid()) {
+ return;
+ }
+ if (name === 'class' || name === 'className') {
+ applyClassNames(node, value, prev || '');
+ }
+ else if (name === 'classList') {
+ updateClassList(node, value);
+ }
+ else if (name === 'style') {
+ applyStyles(node, value, prev);
+ }
+ else if (name === 'vars' || name === 'dialogVariables') {
+ setDialogVariables(node, value, prev);
+ }
+ else if (name === 'inputnamespace') {
+ node.SetInputNamespace(value || '');
+ }
+ else if (name === 'draggable') {
+ node.SetDraggable(value === true);
+ }
+ else if (name === 'acceptsfocus') {
+ node.SetAcceptsFocus(value === true);
+ }
+ else if (name.startsWith('on')) {
+ setPanelEvent(node, name, value);
+ }
+ else {
+ if (hasOwn.call(node, name)) {
+ // @ts-ignore
+ node[name] = value;
+ }
+ else {
+ node.SetAttributeString(name, String(value));
+ }
+ }
}
});
const renderPanoramaSymbol = Symbol('render');
@@ -922,13 +855,7 @@ function setDialogVariables(node, vars, prev) {
}
exports.createComponent = createComponent;
-exports.createEffect = createEffect;
exports.createElement = createElement;
-exports.createSignal = createSignal;
exports.createTextNode = createTextNode;
-exports.effect = effect;
-exports.insert = insert;
-exports.onMount = onMount;
exports.render = render;
exports.setProp = setProp;
-exports.use = use;
diff --git a/addon/content/solid-example/panorama/scripts/custom_game/lowhud.js b/addon/content/solid-example/panorama/scripts/custom_game/lowhud.js
new file mode 100644
index 0000000..8dc9e32
--- /dev/null
+++ b/addon/content/solid-example/panorama/scripts/custom_game/lowhud.js
@@ -0,0 +1,15 @@
+'use strict'; const require = GameUI.__require;
+
+var libs = require('./libs.js');
+
+function App() {
+ return (() => {
+ const _el$ = libs.createElement("Panel", {}, null);
+ libs.createTextNode(`Hello World!`, _el$);
+ libs.setProp(_el$, "style", {
+ flowChildren: 'right'
+ });
+ return _el$;
+ })();
+}
+libs.render(() => libs.createComponent(App, {}, null), $('#app'));
diff --git a/addon/content/solid-example/panorama/scripts/custom_game/shop.js b/addon/content/solid-example/panorama/scripts/custom_game/shop.js
new file mode 100644
index 0000000..8dc9e32
--- /dev/null
+++ b/addon/content/solid-example/panorama/scripts/custom_game/shop.js
@@ -0,0 +1,15 @@
+'use strict'; const require = GameUI.__require;
+
+var libs = require('./libs.js');
+
+function App() {
+ return (() => {
+ const _el$ = libs.createElement("Panel", {}, null);
+ libs.createTextNode(`Hello World!`, _el$);
+ libs.setProp(_el$, "style", {
+ flowChildren: 'right'
+ });
+ return _el$;
+ })();
+}
+libs.render(() => libs.createComponent(App, {}, null), $('#app'));
diff --git a/babel.config.js b/babel.config.js
deleted file mode 100644
index f22a156..0000000
--- a/babel.config.js
+++ /dev/null
@@ -1,16 +0,0 @@
-module.exports = {
- targets: 'node 8.2',
- comments: false,
- presets: [
- '@babel/preset-env',
- '@babel/preset-typescript',
- [
- 'babel-preset-solid-panorama',
- {
- moduleName: 'solid-panorama-runtime',
- generate: 'universal'
- }
- ]
- ],
- plugins: ['@babel/plugin-transform-typescript']
-};
diff --git a/build.ts b/build.ts
deleted file mode 100644
index f78be31..0000000
--- a/build.ts
+++ /dev/null
@@ -1,118 +0,0 @@
-import chokidar from 'chokidar';
-import {
- readdirSync,
- readFileSync,
- statSync,
- existsSync,
- Stats,
- writeFileSync
-} from 'fs';
-import * as rollup from 'rollup';
-import path from 'path';
-import chalk from 'chalk';
-import {
- PreloadTemplates,
- RenderPanoramaXML,
- RenderPanoramaXMLOptions
-} from 'dota2-panorama-xml-static-element';
-import glob from 'glob';
-import { readFile } from 'fs/promises';
-import GetRollupWatchOptions from './build-rollup-config';
-
-const cli_prefix = `[${chalk.magenta('Panorama')}]`;
-const rootPath = path_step(path.join(__dirname, 'src'));
-
-function path_step(p: string) {
- return p.replace(/\\/g, '/');
-}
-
-function file_color(s: string) {
- return chalk.green(s);
-}
-
-function isDir(p: string) {
- return statSync(p).isDirectory();
-}
-
-/**
- * 启动Rollup编译
- */
-function StartRollup(): void {
- let options: rollup.RollupWatchOptions = GetRollupWatchOptions(rootPath);
- let watcher = rollup.watch(options);
-
- // 监听错误
- watcher.on('event', async evt => {
- if (evt.code === 'ERROR') {
- const f = path_step(evt.error.loc?.file || '').replace(
- rootPath + '/',
- ''
- );
- console.log(
- cli_prefix +
- ' Build Error: ' +
- chalk.red(f) +
- ': ' +
- chalk.yellow(evt.error.loc?.line)
- );
- console.log(
- cli_prefix + ' Build Error: ' + chalk.red(evt.error.message)
- );
- }
- });
-
- watcher.on('change', p => {
- console.log(cli_prefix + ' ✒️ ' + file_color(path.basename(p)));
- });
-}
-
-/**
- * 复制XML
- */
-async function onXMLChange(filePath: string, stats?: Stats | undefined) {
- let dir = path.dirname(filePath);
- while (path.basename(path.join(dir, '..')) !== 'pages') {
- dir = path.join(dir, '..');
- }
- let dirName = path.basename(dir);
- const fileName = path.basename(filePath).replace('.xml', '');
- console.log(
- cli_prefix +
- ' 🐤 ' +
- file_color(`${fileName}.xml`) +
- ' >> ' +
- chalk.blue(dirName + '.xml')
- );
- const triggerFile = path.join(dir, `${dirName}.xml`);
-
- let content = await RenderPanoramaXML(triggerFile, {
- indentation: ' ',
- templateRoots: [path.join(rootPath, 'Components'), dir],
- snippetsFiles: glob.sync(
- path
- .join(rootPath, 'Components/Snippets/**/*.xml')
- .replace(/\\/g, '/')
- )
- });
- writeFileSync(
- `./content/vue_example/panorama/layout/custom_game/${dirName}.xml`,
- content
- );
-}
-
-/**
- * 任务入口
- */
-export default async function TaskPUI() {
- StartRollup();
- // 监听XML
- // const xmlFiles = glob.sync(path.join(rootPath, '**/*.xml'));
- // const watchXML = chokidar.watch(
- // [...xmlFiles, path.join(rootPath, '**/*.xml')],
- // { ignoreInitial: false }
- // );
- // watchXML.on('change', onXMLChange);
- // watchXML.on('add', onXMLChange);
-}
-
-TaskPUI();
diff --git a/package.json b/package.json
index 653e59f..92ec54c 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
"author": "RobinCode",
"license": "MIT",
"scripts": {
- "start": "ts-node -r ./build-write-file.ts build.ts",
+ "start": "ts-node -r ./scripts/build-write-file.ts ./scripts/build.ts",
"build": "rollup -c"
},
"dependencies": {
@@ -14,6 +14,7 @@
"@babel/plugin-transform-typescript": "^7.20.0",
"@babel/preset-env": "^7.19.4",
"@babel/preset-typescript": "^7.18.6",
+ "@babel/types": "^7.20.2",
"@moddota/panorama-types": "^1.21.0",
"@rollup/plugin-alias": "^4.0.2",
"@rollup/plugin-babel": "^6.0.2",
@@ -23,13 +24,16 @@
"@rollup/plugin-typescript": "^9.0.2",
"@rollup/plugin-url": "^8.0.1",
"@types/babel__core": "^7.1.19",
+ "@types/cli-color": "^2.0.2",
"@types/fs-extra": "^9.0.13",
"@types/glob": "^8.0.0",
"@types/node": "^18.11.7",
"babel-plugin-jsx-panorama-expressions": "^0.1.2",
+ "babel-plugin-macros": "^3.1.0",
+ "babel-plugin-panorama-all-in-jsx": "^0.1.3",
"babel-preset-solid-panorama": "^0.1.3",
- "chalk": "4.1.2",
"chokidar": "^3.5.3",
+ "cli-color": "^2.0.3",
"dota2-panorama-xml-static-element": "^0.0.4",
"fs-extra": "^10.1.0",
"glob": "^8.0.3",
@@ -37,7 +41,7 @@
"rollup": "^3.2.3",
"sass": "^1.55.0",
"solid-js": "^1.6.1",
- "solid-panorama-runtime": "^0.1.6",
+ "solid-panorama-runtime": "^0.1.8",
"ts-node": "^10.9.1",
"typescript": "~4.8.4"
}
diff --git a/build-rollup-config.ts b/scripts/build-rollup-config.ts
similarity index 61%
rename from build-rollup-config.ts
rename to scripts/build-rollup-config.ts
index 826c642..2d50178 100644
--- a/build-rollup-config.ts
+++ b/scripts/build-rollup-config.ts
@@ -10,26 +10,24 @@ import chalk from 'chalk';
import { existsSync, readdirSync, statSync } from 'node:fs';
import alias from '@rollup/plugin-alias';
import replace from '@rollup/plugin-replace';
-import compatiblePanorama from './plugins/compatible-panorama';
-
-const cli_prefix = `[${chalk.magenta('Panorama')}]`;
-
-function isDir(p: string) {
- return statSync(p).isDirectory();
-}
+import compatiblePanorama from '../plugins/compatible-panorama';
+import { isDir, Panorama } from './utils';
+import { rollupPluginXML } from './rollup-plugin-xml';
export default function GetRollupWatchOptions(rootPath: string) {
// 入口文件夹
- const Dirs = readdirSync(rootPath).filter(
+ const entryFiles = readdirSync(rootPath).filter(
v =>
+ v !== 'common' &&
isDir(path.join(rootPath, v)) &&
- v !== 'global' &&
- existsSync(path.join(rootPath, `${v}/${v}.ts`))
+ existsSync(path.join(rootPath, `${v}/${v}.tsx`))
);
- console.log(Dirs.map(v => cli_prefix + ' 👁️ ' + v).join('\n'));
+ console.log(entryFiles.map(v => Panorama + ' 👁️ ' + v).join('\n'));
const options: RollupWatchOptions = {
- input: path.join(rootPath, `./app.tsx`),
+ input: entryFiles.map(v => {
+ return path.join(rootPath, `./${v}/${v}.tsx`);
+ }),
output: {
sourcemap: false,
dir: 'addon/content/solid-example/panorama/scripts/custom_game',
@@ -52,7 +50,22 @@ export default function GetRollupWatchOptions(rootPath: string) {
comments: false,
exclude: 'node_modules/**',
extensions: ['.js', '.ts', '.tsx'],
- babelHelpers: 'bundled'
+ babelHelpers: 'bundled',
+ presets: [
+ ['@babel/preset-env', { targets: { node: '8.2' } }],
+ '@babel/preset-typescript',
+ [
+ 'babel-preset-solid-panorama',
+ {
+ moduleName: 'solid-panorama-runtime',
+ generate: 'universal'
+ }
+ ]
+ ],
+ plugins: [
+ '@babel/plugin-transform-typescript',
+ 'babel-plugin-macros'
+ ]
}),
alias({
entries: [
@@ -72,7 +85,13 @@ export default function GetRollupWatchOptions(rootPath: string) {
// }),
commonjs(),
nodeResolve(),
- compatiblePanorama()
+ compatiblePanorama(),
+ rollupPluginXML({
+ dir: join(
+ __dirname,
+ '../addon/content/solid-example/panorama/layout/custom_game'
+ )
+ })
]
};
diff --git a/build-write-file.ts b/scripts/build-write-file.ts
similarity index 100%
rename from build-write-file.ts
rename to scripts/build-write-file.ts
diff --git a/scripts/build.ts b/scripts/build.ts
new file mode 100644
index 0000000..f49c49c
--- /dev/null
+++ b/scripts/build.ts
@@ -0,0 +1,64 @@
+import chokidar from 'chokidar';
+import {
+ readdirSync,
+ readFileSync,
+ statSync,
+ existsSync,
+ Stats,
+ writeFileSync
+} from 'fs';
+import * as rollup from 'rollup';
+import path from 'path';
+import {
+ PreloadTemplates,
+ RenderPanoramaXML,
+ RenderPanoramaXMLOptions
+} from 'dota2-panorama-xml-static-element';
+import glob from 'glob';
+import { readFile } from 'fs/promises';
+import GetRollupWatchOptions from './build-rollup-config';
+import { fileColor, normalizedPath, Panorama } from './utils';
+import color from 'cli-color';
+
+const rootPath = normalizedPath(path.join(__dirname, '../src'));
+
+/**
+ * 启动Rollup编译
+ */
+function StartRollup(): void {
+ let options: rollup.RollupWatchOptions = GetRollupWatchOptions(rootPath);
+ let watcher = rollup.watch(options);
+
+ // 监听错误
+ watcher.on('event', async evt => {
+ if (evt.code === 'ERROR') {
+ const f = normalizedPath(evt.error.loc?.file || '').replace(
+ rootPath + '/',
+ ''
+ );
+ console.log(
+ Panorama +
+ ' Build Error: ' +
+ color.red(f) +
+ ': ' +
+ color.yellow(evt.error.loc?.line)
+ );
+ console.log(
+ Panorama + ' Build Error: ' + color.red(evt.error.message)
+ );
+ }
+ });
+
+ watcher.on('change', p => {
+ console.log(Panorama + ' ✒️ ' + fileColor(path.basename(p)));
+ });
+}
+
+/**
+ * 任务入口
+ */
+export default async function TaskPUI() {
+ StartRollup();
+}
+
+TaskPUI();
diff --git a/scripts/rollup-plugin-xml.ts b/scripts/rollup-plugin-xml.ts
new file mode 100644
index 0000000..fd9e368
--- /dev/null
+++ b/scripts/rollup-plugin-xml.ts
@@ -0,0 +1,32 @@
+import { Plugin } from 'rollup';
+import {
+ formatXML,
+ getAllCacheXML
+} from 'babel-plugin-panorama-all-in-jsx/xml.macro';
+import { basename, join } from 'node:path';
+import { ensureDir, writeFile } from 'fs-extra';
+
+export function rollupPluginXML(options: {
+ dir: string;
+ resolvePath?: (filename: string) => string | undefined;
+}): Plugin {
+ return {
+ name: 'rollup-plugin-xml',
+ async generateBundle() {
+ const cache = getAllCacheXML();
+ for (const [filename, root] of Object.entries(cache)) {
+ let outPath = '';
+ if (options.resolvePath) {
+ outPath = options.resolvePath(filename) || '';
+ }
+ if (!outPath) {
+ outPath = join(
+ options.dir,
+ basename(filename).replace(/\.tsx?$/, '.xml')
+ );
+ }
+ await writeFile(outPath, formatXML(root));
+ }
+ }
+ };
+}
diff --git a/scripts/utils.ts b/scripts/utils.ts
new file mode 100644
index 0000000..b30cc09
--- /dev/null
+++ b/scripts/utils.ts
@@ -0,0 +1,16 @@
+import { statSync } from 'fs';
+import color from 'cli-color';
+
+export function normalizedPath(p: string): string {
+ return p.replace(/\\/g, '/');
+}
+
+export const Panorama = `[${color.magenta('Panorama')}]`;
+
+export function fileColor(s: string) {
+ return color.green(s);
+}
+
+export function isDir(p: string) {
+ return statSync(p).isDirectory();
+}
diff --git a/src/app.tsx b/src/app.tsx
deleted file mode 100644
index 70b7a13..0000000
--- a/src/app.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { createEffect, createSignal, onMount, ParentComponent } from 'solid-js';
-import { render } from 'solid-panorama-runtime';
-
-function Item(props: { show: boolean }) {
- let [root, setRoot] = createSignal(null);
- let [text, setText] = createSignal('');
- let el: Panel | undefined;
-
- onMount(() => {
- $.Msg('onMount ', el);
- });
-
- createEffect(() => {
- $.Msg('effect root ', root());
- }, root);
-
- return (
-
-
-
- );
-}
-
-function HelloWorld() {
- return (
-
- Hello World!
-