create-secra 1.0.1 → 1.0.2

package/template/apps/core/src/main.tsx

@@ -1,35 +0,0 @@
-import '@vlian/sdk/reset.css';
-import { kernelStartApp, type KernelRenderContext } from '@vlian/framework/kernel';
-import { LogLevel } from "@vlian/logger";
-import {StrictMode} from "react";
-import { createRoot } from 'react-dom/client';
-import App from "./pages/index.tsx"
-const container = document.getElementById('root');
-
-if (!container) {
-  throw new Error('Root container #root was not found.');
-}
-
-const rootContainer = container;
-
-const startApp = async () => {
-  await kernelStartApp({
-    config: {
-      logger: {
-        level: import.meta.env.PROD ? LogLevel.INFO : LogLevel.DEBUG,
-      },
-    },
-    render: (_context: KernelRenderContext) => {
-
-      const root = createRoot(rootContainer);
-
-      root.render(
-          <StrictMode>
-            <App />
-          </StrictMode>,
-      );
-    }
-  })
-}
-
-void startApp();

package/template/apps/core/src/pages/index.tsx

@@ -1,84 +0,0 @@
-import type { CSSProperties } from "react";
-import reactLogo from "../assets/react.svg";
-
-const cardStyle: CSSProperties = {
-    border: "1px solid #e5e7eb",
-    borderRadius: 12,
-    padding: 16,
-    background: "#ffffff",
-    boxShadow: "0 6px 24px rgba(15, 23, 42, 0.06)",
-};
-
-const Home = () => {
-    return (
-        <main
-            style={{
-                minHeight: "100vh",
-                padding: "48px 20px",
-                background: "linear-gradient(180deg, #f8fafc 0%, #ffffff 100%)",
-                color: "#0f172a",
-            }}
-        >
-            <section style={{ maxWidth: 920, margin: "0 auto" }}>
-                <header style={{ display: "flex", alignItems: "center", gap: 16, marginBottom: 24 }}>
-                    <img src={reactLogo} alt="React Logo" width={48} height={48} />
-                    <div>
-                        <h1 style={{ fontSize: 34, lineHeight: 1.2, margin: 0 }}>
-                            React + Vite + Secra
-                        </h1>
-                        <p style={{ margin: "8px 0 0", color: "#475569" }}>
-                            A fast starter template for modern frontend projects.
-                        </p>
-                    </div>
-                </header>
-
-                <div
-                    style={{
-                        display: "grid",
-                        gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))",
-                        gap: 14,
-                    }}
-                >
-                    <article style={cardStyle}>
-                        <h3 style={{ marginTop: 0 }}>React</h3>
-                        <p style={{ margin: 0, color: "#475569" }}>
-                            Build component-based UI with a clean and maintainable structure.
-                        </p>
-                    </article>
-                    <article style={cardStyle}>
-                        <h3 style={{ marginTop: 0 }}>Vite</h3>
-                        <p style={{ margin: 0, color: "#475569" }}>
-                            Enjoy instant startup and fast HMR for daily development.
-                        </p>
-                    </article>
-                    <article style={cardStyle}>
-                        <h3 style={{ marginTop: 0 }}>Secra</h3>
-                        <p style={{ margin: 0, color: "#475569" }}>
-                            Structured app bootstrap, routing and engineering defaults out of the box.
-                        </p>
-                    </article>
-                </div>
-
-                <section style={{ ...cardStyle, marginTop: 18 }}>
-                    <h2 style={{ marginTop: 0, fontSize: 20 }}>Quick Start</h2>
-                    <pre
-                        style={{
-                            margin: 0,
-                            padding: 14,
-                            borderRadius: 8,
-                            background: "#0f172a",
-                            color: "#e2e8f0",
-                            overflowX: "auto",
-                        }}
-                    >
-{`pnpm install
-pnpm -r --filter "./packages/*" build
-pnpm dev`}
-                    </pre>
-                </section>
-            </section>
-        </main>
-    );
-};
-
-export default Home;

package/template/apps/core/src/router.ts

@@ -1,19 +0,0 @@
-import type { RouteConfig } from "@vlian/framework/core"
-
-const HomePage = lazy(() => import("./pages/index"));
-
-export const getRoutes = async (): Promise<RouteConfig[]> => {
-    return [
-        {
-            path: "/",
-            name: "home",
-            page: async () => ({
-                default: HomePage,
-            }),
-            handle: {
-                title: "首页",
-                order: 1,
-            }
-        },
-    ]
-}

package/template/apps/core/src/types/auto-imports.d.ts

@@ -1,130 +0,0 @@
-/* eslint-disable */
-/* prettier-ignore */
-// @ts-nocheck
-// noinspection JSUnusedGlobalSymbols
-// Generated by unplugin-auto-import
-export {}
-declare global {
-  const Link: typeof import('react-router-dom')['Link']
-  const NavLink: typeof import('react-router-dom')['NavLink']
-  const Navigate: typeof import('react-router-dom')['Navigate']
-  const Outlet: typeof import('react-router-dom')['Outlet']
-  const Route: typeof import('react-router-dom')['Route']
-  const Routes: typeof import('react-router-dom')['Routes']
-  const createRef: typeof import('react')['createRef']
-  const forwardRef: typeof import('react')['forwardRef']
-  const lazy: typeof import('react')['lazy']
-  const memo: typeof import('react')['memo']
-  const startTransition: typeof import('react')['startTransition']
-  const useAntdTable: typeof import('ahooks')['useAntdTable']
-  const useAsyncEffect: typeof import('ahooks')['useAsyncEffect']
-  const useBoolean: typeof import('ahooks')['useBoolean']
-  const useCallback: typeof import('react')['useCallback']
-  const useClickAway: typeof import('ahooks')['useClickAway']
-  const useContext: typeof import('react')['useContext']
-  const useControllableValue: typeof import('ahooks')['useControllableValue']
-  const useCookieState: typeof import('ahooks')['useCookieState']
-  const useCountDown: typeof import('ahooks')['useCountDown']
-  const useCounter: typeof import('ahooks')['useCounter']
-  const useCreation: typeof import('ahooks')['useCreation']
-  const useDebounce: typeof import('ahooks')['useDebounce']
-  const useDebounceEffect: typeof import('ahooks')['useDebounceEffect']
-  const useDebounceFn: typeof import('ahooks')['useDebounceFn']
-  const useDebugValue: typeof import('react')['useDebugValue']
-  const useDeepCompareEffect: typeof import('ahooks')['useDeepCompareEffect']
-  const useDeepCompareLayoutEffect: typeof import('ahooks')['useDeepCompareLayoutEffect']
-  const useDeferredValue: typeof import('react')['useDeferredValue']
-  const useDocumentVisibility: typeof import('ahooks')['useDocumentVisibility']
-  const useDrag: typeof import('ahooks')['useDrag']
-  const useDrop: typeof import('ahooks')['useDrop']
-  const useDynamicList: typeof import('ahooks')['useDynamicList']
-  const useEffect: typeof import('react')['useEffect']
-  const useEventEmitter: typeof import('ahooks')['useEventEmitter']
-  const useEventListener: typeof import('ahooks')['useEventListener']
-  const useEventTarget: typeof import('ahooks')['useEventTarget']
-  const useExternal: typeof import('ahooks')['useExternal']
-  const useFavicon: typeof import('ahooks')['useFavicon']
-  const useFocusWithin: typeof import('ahooks')['useFocusWithin']
-  const useFullscreen: typeof import('ahooks')['useFullscreen']
-  const useFusionTable: typeof import('ahooks')['useFusionTable']
-  const useGetState: typeof import('ahooks')['useGetState']
-  const useHistoryTravel: typeof import('ahooks')['useHistoryTravel']
-  const useHover: typeof import('ahooks')['useHover']
-  const useHref: typeof import('react-router-dom')['useHref']
-  const useId: typeof import('react')['useId']
-  const useImperativeHandle: typeof import('react')['useImperativeHandle']
-  const useInRouterContext: typeof import('react-router-dom')['useInRouterContext']
-  const useInViewport: typeof import('ahooks')['useInViewport']
-  const useInfiniteScroll: typeof import('ahooks')['useInfiniteScroll']
-  const useInsertionEffect: typeof import('react')['useInsertionEffect']
-  const useInterval: typeof import('ahooks')['useInterval']
-  const useIsomorphicLayoutEffect: typeof import('ahooks')['useIsomorphicLayoutEffect']
-  const useKeyPress: typeof import('ahooks')['useKeyPress']
-  const useLatest: typeof import('ahooks')['useLatest']
-  const useLayoutEffect: typeof import('react')['useLayoutEffect']
-  const useLinkClickHandler: typeof import('react-router-dom')['useLinkClickHandler']
-  const useLocalStorageState: typeof import('ahooks')['useLocalStorageState']
-  const useLocation: typeof import('react-router-dom')['useLocation']
-  const useLockFn: typeof import('ahooks')['useLockFn']
-  const useLongPress: typeof import('ahooks')['useLongPress']
-  const useMap: typeof import('ahooks')['useMap']
-  const useMemo: typeof import('react')['useMemo']
-  const useMemoizedFn: typeof import('ahooks')['useMemoizedFn']
-  const useMount: typeof import('ahooks')['useMount']
-  const useMouse: typeof import('ahooks')['useMouse']
-  const useMutationObserver: typeof import('ahooks')['useMutationObserver']
-  const useNavigate: typeof import('react-router-dom')['useNavigate']
-  const useNavigationType: typeof import('react-router-dom')['useNavigationType']
-  const useNetwork: typeof import('ahooks')['useNetwork']
-  const useOutlet: typeof import('react-router-dom')['useOutlet']
-  const useOutletContext: typeof import('react-router-dom')['useOutletContext']
-  const usePagination: typeof import('ahooks')['usePagination']
-  const useParams: typeof import('react-router-dom')['useParams']
-  const usePrevious: typeof import('ahooks')['usePrevious']
-  const useRafInterval: typeof import('ahooks')['useRafInterval']
-  const useRafState: typeof import('ahooks')['useRafState']
-  const useRafTimeout: typeof import('ahooks')['useRafTimeout']
-  const useReactive: typeof import('ahooks')['useReactive']
-  const useReducer: typeof import('react')['useReducer']
-  const useRef: typeof import('react')['useRef']
-  const useRequest: typeof import('ahooks')['useRequest']
-  const useResetState: typeof import('ahooks')['useResetState']
-  const useResolvedPath: typeof import('react-router-dom')['useResolvedPath']
-  const useResponsive: typeof import('ahooks')['useResponsive']
-  const useRoutes: typeof import('react-router-dom')['useRoutes']
-  const useSafeState: typeof import('ahooks')['useSafeState']
-  const useScroll: typeof import('ahooks')['useScroll']
-  const useSearchParams: typeof import('react-router-dom')['useSearchParams']
-  const useSelections: typeof import('ahooks')['useSelections']
-  const useSessionStorageState: typeof import('ahooks')['useSessionStorageState']
-  const useSet: typeof import('ahooks')['useSet']
-  const useSetState: typeof import('ahooks')['useSetState']
-  const useSize: typeof import('ahooks')['useSize']
-  const useState: typeof import('react')['useState']
-  const useSyncExternalStore: typeof import('react')['useSyncExternalStore']
-  const useTextSelection: typeof import('ahooks')['useTextSelection']
-  const useTheme: typeof import('ahooks')['useTheme']
-  const useThrottle: typeof import('ahooks')['useThrottle']
-  const useThrottleEffect: typeof import('ahooks')['useThrottleEffect']
-  const useThrottleFn: typeof import('ahooks')['useThrottleFn']
-  const useTimeout: typeof import('ahooks')['useTimeout']
-  const useTitle: typeof import('ahooks')['useTitle']
-  const useToggle: typeof import('ahooks')['useToggle']
-  const useTrackedEffect: typeof import('ahooks')['useTrackedEffect']
-  const useTransition: typeof import('react')['useTransition']
-  const useTranslation: typeof import('react-i18next')['useTranslation']
-  const useUnmount: typeof import('ahooks')['useUnmount']
-  const useUnmountedRef: typeof import('ahooks')['useUnmountedRef']
-  const useUpdate: typeof import('ahooks')['useUpdate']
-  const useUpdateEffect: typeof import('ahooks')['useUpdateEffect']
-  const useUpdateLayoutEffect: typeof import('ahooks')['useUpdateLayoutEffect']
-  const useVirtualList: typeof import('ahooks')['useVirtualList']
-  const useWebSocket: typeof import('ahooks')['useWebSocket']
-  const useWhyDidYouUpdate: typeof import('ahooks')['useWhyDidYouUpdate']
-}
-// for type re-export
-declare global {
-  // @ts-ignore
-  export type { FC, ReactNode, ComponentType } from 'react'
-  import('react')
-}

package/template/apps/core/tsconfig.app.json

@@ -1,7 +0,0 @@
-{
-  "extends": "../../tsconfig.app.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo"
-  },
-  "include": ["src"]
-}

package/template/apps/core/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

package/template/apps/core/tsconfig.node.json

@@ -1,7 +0,0 @@
-{
-  "extends": "../../tsconfig.node.json",
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo"
-  },
-  "include": ["vite.config.ts"]
-}

package/template/apps/core/vite.config.ts

@@ -1,86 +0,0 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import path from 'node:path';
-import {
-  setupAutoImport,
-  setupUnocss,
-  setupUnPluginIcon,
-  setupRemoveConsole,
-  Inspect,
-  include,
-} from '@vlian/sdk';
-
-const api_url = 'http://127.0.0.1:9010/api';
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [
-      react(),
-    // 开发环境：打包检查工具（可选，需要 vite@^6.0.0）
-    // 注意：vite-plugin-inspect 在某些情况下可能不兼容，如遇错误请注释掉
-    Inspect(),
-
-    // 生产环境：移除 console
-    setupRemoveConsole(),
-
-    // 自动导入
-    setupAutoImport(),
-
-    // UnoCSS（需要指定本地图标路径）
-    setupUnocss(
-        path.join(process.cwd(), 'src/assets/svg-icon'),
-        {
-          // 覆盖 content 配置，扫描主应用代码
-          content: {
-            filesystem: ['./src/**/*.{tsx,ts,jsx,js}'],
-          },
-        }
-    ),
-
-    // 图标插件（SVG 支持）
-    ...setupUnPluginIcon(
-        path.join(process.cwd(), 'src/assets/svg-icon')
-    ),
-
-    // 打包分析（可选，建议仅在需要时启用）
-    // setupBundleAnalyzer({
-    //   filename: '../../dist/main/stats.html',
-    //   open: true,
-    // }),
-  ],
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, './src'),
-      '@vlian/sdk/reset.css': path.resolve(__dirname, '../../packages/sdk/src/styles/reset.css'),
-      '@vlian/sdk/request': path.resolve(__dirname, '../../packages/sdk/src/request/index.ts'),
-      '@vlian/sdk': path.resolve(__dirname, '../../packages/sdk/src/index.ts'),
-    },
-    preserveSymlinks: false,
-  },
-  // 依赖优化
-  optimizeDeps: {
-    include: [...include],
-    exclude: ["@vlian/sdk", "@vlian/sdk/request"],
-  },
-  server: {
-    host: '127.0.0.1',
-    port: 5173,
-    open: true,
-    // cors: true,
-    proxy: {
-      '/api': {
-        target: api_url,
-        changeOrigin: true,
-        rewrite: (path: string) => {
-          return path.replace(/^\/api/, '');
-        },
-      },
-    },
-  },
-  build: {
-    outDir: '../../dist/core',
-    sourcemap: true,
-    // 确保 CSS 被提取到单独文件
-    cssCodeSplit: false,
-  },
-})

package/template/eslint.config.js

@@ -1,23 +0,0 @@
-import js from '@eslint/js'
-import globals from 'globals'
-import reactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import tseslint from 'typescript-eslint'
-import { defineConfig, globalIgnores } from 'eslint/config'
-
-export default defineConfig([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      js.configs.recommended,
-      tseslint.configs.recommended,
-      reactHooks.configs.flat.recommended,
-      reactRefresh.configs.vite,
-    ],
-    languageOptions: {
-      ecmaVersion: 2020,
-      globals: globals.browser,
-    },
-  },
-])

package/template/packages/sdk/.swcrc

@@ -1,18 +0,0 @@
-{
-  "jsc": {
-    "target": "es2022",
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true
-    },
-    "transform": {
-      "react": {
-        "runtime": "automatic"
-      }
-    }
-  },
-  "module": {
-    "type": "es6"
-  },
-  "sourceMaps": true
-}