create-rue 0.0.8 → 0.0.14

package/template/base/app/pages/Ecosystem.tsx

@@ -1,47 +0,0 @@
-import { type FC } from '@rue-js/rue'
-
-const ecosystemItems = [
-  {
-    title: '官网入口',
-    desc: '用最小 Rue 应用结构承载内容页面，便于继续往文档站或产品站扩展。',
-  },
-  {
-    title: '路由层',
-    desc: '通过 hash history 直接适配静态站点部署，不要求服务端额外做重写配置。',
-  },
-  {
-    title: '构建层',
-    desc: '依赖 Vite 与官方插件完成编译，生产构建方式和外部用户保持一致。',
-  },
-]
-
-const Ecosystem: FC = () => (
-  <div className="page-stack">
-    <section className="content-card">
-      <p className="section-tag">生态能力</p>
-      <h1>从应用迁移到官网的结构拆分</h1>
-      <p>迁移后的站点把入口、路由、布局和内容页解耦，后续扩展成完整官网时会更容易维护。</p>
-    </section>
-
-    <section className="grid-cards">
-      {ecosystemItems.map(item => (
-        <article key={item.title} className="info-card">
-          <h2>{item.title}</h2>
-          <p>{item.desc}</p>
-        </article>
-      ))}
-    </section>
-
-    <section className="content-card">
-      <h2>适合继续扩展的方向</h2>
-      <ul className="bullet-list">
-        <li>补充文档页与 API 页</li>
-        <li>接入组件示例与代码演示</li>
-        <li>增加下载、版本、生态导航</li>
-        <li>对接真实官网视觉资源</li>
-      </ul>
-    </section>
-  </div>
-)
-
-export default Ecosystem

package/template/base/app/pages/Guide.tsx

@@ -1,49 +0,0 @@
-import { type FC } from '@rue-js/rue'
-
-const steps = [
-  '安装 @rue-js/rue、@rue-js/router 与 @rue-js/vite-plugin-rue。',
-  '在 vite.config.ts 中注册 rue() 插件。',
-  '在 tsconfig.json 中设置 jsx 为 preserve，jsxImportSource 为 @rue-js/rue。',
-  '在 app/app.tsx 中创建根组件并通过 useApp 挂载到 #app。',
-]
-
-const Guide: FC = () => (
-  <div className="page-stack">
-    <section className="content-card">
-      <p className="section-tag">快速上手</p>
-      <h1>独立官网项目的最小接入方式</h1>
-      <p>
-        这个迁移版本采用真实发布包依赖，避免继续引用 monorepo 中的本地开发路径，能更准确反映外部用户的接入体验。
-      </p>
-    </section>
-
-    <section className="content-card">
-      <h2>接入步骤</h2>
-      <div className="step-list">
-        {steps.map((step, index) => (
-          <div key={step} className="step-item">
-            <span className="step-index">0{index + 1}</span>
-            <p>{step}</p>
-          </div>
-        ))}
-      </div>
-    </section>
-
-    <section className="content-card">
-      <h2>配置示例</h2>
-      <pre className="code-block">{`import { defineConfig } from 'vite'
-import VitePluginRue from '@rue-js/vite-plugin-rue'
-
-export default defineConfig({
-  plugins: [
-    VitePluginRue({
-      include: ['/app/'],
-      debug: true,
-    }),
-  ],
-})`}</pre>
-    </section>
-  </div>
-)
-
-export default Guide

package/template/base/app/pages/Packages.tsx

@@ -1,52 +0,0 @@
-import { type FC } from '@rue-js/rue'
-
-const packageRows = [
-  {
-    name: '@rue-js/rue',
-    role: '核心运行时与 TSX API',
-    detail: '提供 FC、useApp 以及响应式能力，是官网应用的主入口依赖。',
-  },
-  {
-    name: '@rue-js/router',
-    role: '前端路由',
-    detail: '提供 RouterView、RouterLink 与 createRouter，用于承载官网页面切换。',
-  },
-  {
-    name: '@rue-js/vite-plugin-rue',
-    role: 'Vite 集成插件',
-    detail: '处理 Rue 的编译接入，让 TSX 在独立 Vite 项目中正常工作。',
-  },
-]
-
-const Packages: FC = () => (
-  <div className="page-stack">
-    <section className="content-card">
-      <p className="section-tag">Packages</p>
-      <h1>当前官网使用的 npm 包</h1>
-      <p>现在的站点只保留正式发布包依赖，便于版本管理、构建复现与生产部署。</p>
-    </section>
-
-    <section className="table-card">
-      <div className="table-head">
-        <span>包名</span>
-        <span>职责</span>
-        <span>说明</span>
-      </div>
-      {packageRows.map(row => (
-        <div key={row.name} className="table-row">
-          <span className="cell-name">{row.name}</span>
-          <span>{row.role}</span>
-          <span>{row.detail}</span>
-        </div>
-      ))}
-    </section>
-
-    <section className="content-card">
-      <h2>安装命令</h2>
-      <pre className="code-block">{`npm install @rue-js/rue @rue-js/router
-npm install -D vite typescript @rue-js/vite-plugin-rue`}</pre>
-    </section>
-  </div>
-)
-
-export default Packages