npm - aview-app - Versions diffs - 1.0.2 - Mend

aview-app 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.

This version of aview-app might be problematic. Click here for more details.

Files changed (1127) hide show

package/aardio/extensions/wizard/project2/template/web/chrome-app/main.aardio ADDED Viewed

@@ -0,0 +1,22 @@
+import chrome.app;
+var theApp  = chrome.app();
+//导出为 JavaScript 中的 aardio 对象
+theApp.external = {
+    onCounterUpdate = function(name,value){
+        if(name!==null && value!==null){
+        	return "aardio 返回的值：网页中 React 状态值改变了：value:"+value;
+        }
+    };
+}
+/*
+如果同时文件名为 index.html ，则上级目录自动设为根目录，
+前端应用发布根目录使用默认的 "/" 即可，不需要改动。
+去掉下面的前端项目调试端口号 37252 或发布 EXE 后运行才会打开 "\web\index.html"。
+否则打开 http://localhost:37252
+*/
+theApp.start("\web\index.html",37252);
+win.loopMessage();

package/aardio/extensions/wizard/project2/template/web/chrome-app/web/index.html ADDED Viewed

@@ -0,0 +1,15 @@
+<!doctype html>
+<html>
+<head>
+    <meta charset="utf-8">
+</head>
+<body style="margin:50px;white-space: pre;">
+请在工程中右键点击「网页源码」目录，
+然后在弹出菜单中点击「用外部编辑器」打开。
+在 VSCode 中打开以后，运行 npm install 安装依赖，
+然后再运行 npm run build 编辑网页源码。
+最后在在 aardio 中点击发布生成 EXE 文件。
+</body>
+</html>

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/.yarnrc ADDED Viewed

	@@ -0,0 +1 @@
1	+ registry "https://registry.npmmirror.com"

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/package.json ADDED Viewed

@@ -0,0 +1,45 @@
+{
+  "name": "aardio-ui",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.18.3",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "aardio": "^2.7.9",
+    "antd": "^4.23.6",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "5.0.1",
+    "state-controller": "^1.3.5",
+    "typescript": "^4.8.4",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "set PORT=37252&& set BROWSER=none&&  react-scripts start",
+    "build": "set GENERATE_SOURCEMAP=false&& react-scripts build",
+    "postbuild": "rimraf ..\\web\\* && xcopy /s /y .\\build\\*.*  ..\\web\\ ",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      "chrome >= 70"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/public/favicon.ico ADDED Viewed

Binary file

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/public/index.html ADDED Viewed

@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/App.css ADDED Viewed

@@ -0,0 +1,20 @@
+.App {
+  text-align: left;
+  margin: 20px 10px 10px 50px;
+  overflow: hidden;
+}
+.App-content {
+  display: flex;
+  flex-direction: column;
+  align-items: left;
+  justify-content: left;
+  font-size: calc(8px + 2vmin);
+  overflow: hidden;
+}
+.App-link {
+  color: #61dafb;
+}

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/App.test.tsx ADDED Viewed

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import App from './App';
+test('renders learn react link', () => {
+  render(<App title="Typescript + React Hooks + Ant Design 演示"/>);
+  const linkElement = screen.getByText(/当前时间/i);
+  expect(linkElement).toBeInTheDocument();
+});

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/App.tsx ADDED Viewed

@@ -0,0 +1,37 @@
+import React, { FC, useEffect, useState } from 'react';
+import './App.css';
+import Counter from "./Counter"
+const App: FC<{title:string}> = (props) =>{
+   // https://preactjs.com/guide/v10/hooks/#useeffect
+   const [time, setTime] = useState(Date.now());
+   useEffect(() => {
+     let timer = setInterval(() => {
+       setTime(Date.now());
+     }, 1000);
+     return function cleanup() {
+       clearInterval(timer);
+     };
+   }, []);
+   return (
+     <div className="App">
+       <h1> {props.title}!</h1>
+       <h2>
+         当前时间:<span>{new Date(time).toLocaleTimeString()}</span>
+       </h2>
+       <div className="App-content">
+         <Counter />
+         <Counter />
+       </div>
+     </div>
+  );
+}
+export default App;

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/Counter.tsx ADDED Viewed

@@ -0,0 +1,40 @@
+import React, { useEffect, useState } from "react"
+import { Button } from 'antd'
+import useCounterController from "./store/useCounterController"
+import useUserController from "./store/useUserController"
+import aardio from 'aardio'
+const Counter:React.FC<{}> = () =>  {
+  const [nativeValue, setNativeValue] = useState("");
+  const [counter,counterController] = useCounterController()
+  const [user,userController] = useUserController()
+  useEffect(
+     ()=>{
+        userController.setName("stateController")
+     },[userController]
+  )
+   useEffect(
+     ()=>{
+        aardio.onCounterUpdate(user.name,counter.value).then(
+          (res:string) =>{
+            setNativeValue(res)
+          }
+        )
+     },[counter.value,user.name]
+  )
+  return (
+    <div>
+      name: { user.name } value: {counter.value} <Button onClick={ () => {
+        counterController.increment(1);
+      } }>点这里增加计数，跨组件同步状态。</Button>  <br />
+      { user.lastActiveTime.toLocaleString() }
+      <br /> <br />
+      {nativeValue}
+    </div>
+  )
+}
+export default Counter;

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/index.css ADDED Viewed

@@ -0,0 +1,11 @@
+@import '~antd/dist/antd.css';
+body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
+    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  overflow: hidden;
+}

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/index.tsx ADDED Viewed

@@ -0,0 +1,26 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+import { ConfigProvider } from 'antd'
+import zhCN from 'antd/lib/locale-provider/zh_CN'
+import store from "./store";
+const root = ReactDOM.createRoot(
+  document.getElementById('root') as HTMLElement
+);
+root.render(
+  <React.StrictMode>
+    <ConfigProvider locale={zhCN}>
+          <store.Provider>
+                <App title="Typescript + React Hooks + Ant Design 演示"/>
+          </store.Provider>
+    </ConfigProvider>,
+  </React.StrictMode>,
+);
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/react-app-env.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ /// <reference types="react-scripts" />

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/reportWebVitals.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { ReportHandler } from 'web-vitals';
+const reportWebVitals = (onPerfEntry?: ReportHandler) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+export default reportWebVitals;

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/setupTests.ts ADDED Viewed

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/store/index.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import stateController from 'state-controller'
+import useCounterController from './useCounterController'
+import useUserController from './useUserController'
+// 注意前后顺序，后面的hook内部可以调用前面的hook
+const store = stateController.combine(
+    useUserController,
+    useCounterController
+)
+export default store

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/store/useCounterController.ts ADDED Viewed

@@ -0,0 +1,39 @@
+import { useState } from "react"
+import stateController,{useIfMounted} from "state-controller"
+import useUserController from "./useUserController"
+let useValue = ({n=0}) => {
+    const [counter, setCounter] = useState({value: n })
+    const [,userController] = useUserController()
+    const [ifMounted,loading] = useIfMounted();
+    const controller = {
+        increment(n: number){
+            setCounter({ ...counter, value: counter.value + n })
+            userController.setLastActiveTime( new Date() )
+        },
+        update(){
+            ifMounted(
+              async ()=>{
+                  return {value:2}
+              }
+            ).then( setCounter ).catch( e => e && console.error(e) )
+            ifMounted({value:2}).then( setCounter )
+            if( ifMounted() ){
+              setCounter({value:2})
+            }
+        }
+    }
+    return [counter,controller,loading] as const;
+}
+let useCounterController = stateController.create(useValue)
+export default useCounterController

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/src/store/useUserController.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { useState, useMemo } from "react"
+import stateController from "state-controller"
+const useValue = () => {
+    const [user, setUser] = useState({
+        name: "",
+        lastActiveTime: new Date()
+    })
+    const controller = useMemo( ()=>({
+        setName(n: string){
+            setUser( user=>({ ...user, name: n }) )
+        },
+        setLastActiveTime(d:Date){
+            setUser( user=>( { ...user,  lastActiveTime: d} ) )
+        },
+    }),[])
+    return [user,controller] as const;
+}
+let useUserController = stateController.create(useValue)
+export default useUserController

package/aardio/extensions/wizard/project2/template/web/chrome-app/web.src/tsconfig.json ADDED Viewed

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": [
+    "src"
+  ]
+}

package/aardio/extensions/wizard/project2/template/web/chrome-htmx/default.aproj ADDED Viewed

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<project ver="10" name="HTMX2" libEmbed="true" icon="..." ui="win" output="HTMX2.exe" CompanyName="aardio" FileDescription="HTMX2" LegalCopyright="Copyright (C) 作者 2022" ProductName="HTMX2" InternalName="HTMX2" FileVersion="0.0.0.1" ProductVersion="0.0.0.1" publishDir="/dist/" dstrip="false" local="false" ignored="false">
+	<file name="main" path="main.aardio"/>
+	<folder name="窗体" path="forms" comment="" embed="true" local="false" ignored="false"/>
+	<folder name="网页" path="web" embed="true" comment="目录" local="true" ignored="false">
+		<file name="htmx.js" path="web\htmx.js" comment="web\htmx.js"/>
+		<file name="index.css" path="web\index.css" comment="web\index.css"/>
+		<file name="index.html" path="web\index.html" comment="web\index.html"/>
+		<folder name="api" path="web\api" comment="web\api">
+			<file name="index.aardio" path="web\api\index.aardio" comment="web\api\index.aardio"/>
+		</folder>
+		<folder name="images" path="web\images" comment="web\images">
+			<file name="loading.gif" path="web\images\loading.gif" comment="web\images\loading.gif"/>
+		</folder>
+	</folder>
+</project>

package/aardio/extensions/wizard/project2/template/web/chrome-htmx/lib/config.aardio ADDED Viewed

@@ -0,0 +1,17 @@
+//config 配置文件
+import fsys.config;
+config  = fsys.config("/config/");
+//config  = fsys.config( io.appData("/软件作者/应用程序名/") );
+//不需要序列化的配置名字前请添加下划线
+namespace config {
+	__appName = "应用程序名";
+	__website = "http://www.aardio.com/";
+}
+/**intellisense(config)
+__appName = 应用程序名
+__website = 官方网站
+saveAll() = 写入所有配置到文件
+? = 获取值时指定不以下划线开始的配置表名称，\n返回一个可自动序列化到同名配置文件的表对象。\n如果此对象名以下划线开始，则可以正常读写值不会序列化为配置文件。\n否则不能对此对象直接赋值，只能对配置表对象的成员赋值。\n\n配置表可自动自文件加载,退出线程前自动序列化并存入文件。\n仅序列化以字符串、数值为键的元素，\n仅序列化值为字符串、数值、buffer 以及定义了 _serialize 元方法的成员。\n循环引用的值转换为 null，序列化时忽略成员函数\n!fsys_table.
+end intellisense**/

package/aardio/extensions/wizard/project2/template/web/chrome-htmx/main.aardio ADDED Viewed

@@ -0,0 +1,12 @@
+import chrome.app;
+var theApp  = chrome.app();
+import fsys.dlg;
+theApp.external = {
+	getFile = function(){
+		return fsys.dlg.open();
+	}
+}
+theApp.start("\web\index.html");
+win.loopMessage();

package/aardio/extensions/wizard/project2/template/web/chrome-htmx/web/api/index.aardio ADDED Viewed

@@ -0,0 +1,20 @@
+<?
+if(!response) error("大哥这是网页后端，要通过网页请求才能运行")
+response.headers["Cache-Control"] = "no-cache,must-revalidate,no-store";
+response.headers["Pragma"] = "no-cache";
+?><span>
+<?
+if(request.method=="GET"){
+	//这是多线程后端，这里等 2 秒，网页会显示加载动画
+	sleep(2000);
+	response.write( time() )
+}
+elseif(request.method=="POST"){
+	response.write( "aardio 接收到的关键词是："+ request.post["q"] )
+}
+?>
+</span>

package/aardio/extensions/wizard/project2/template/web/chrome-htmx/web/htmx.js ADDED Viewed

@@ -0,0 +1 @@

package/aardio/extensions/wizard/project2/template/web/chrome-htmx/web/images/loading.gif ADDED Viewed

Binary file

package/aardio/extensions/wizard/project2/template/web/chrome-htmx/web/index.css ADDED Viewed

@@ -0,0 +1,34 @@
+body{
+    margin: 20px 10px 10px 50px;
+}
+button {
+    display: inline-block;
+    outline: none;
+    cursor: pointer;
+    text-align: center;
+    text-decoration: none;
+    font: 11pt/100% Arial, Helvetica, sans-serif;
+    padding: 5pt 8pt;
+    text-shadow: 0 1pt 1pt rgba(0, 0, 0, .3);
+    -webkit-border-radius: 5px;
+    -moz-border-radius:4pt;
+    border-radius: 4pt;
+    box-shadow: 0 1ptt 2ptpt rgba(0, 0, 0, .2);
+    color: #d9eef7;
+    border: solid 1px #0076a3;
+    background: #0095cd;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#00678e');
+}
+button:hover {
+    background: #007ead;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00678e', endColorstr='#0095cc');
+}
+.htmx-indicator{
+    display:none;
+}
+.htmx-request.htmx-indicator{
+    display:inline;
+}