npm - rankrunners-cms - Versions diffs - 0.0.1 - Mend

rankrunners-cms 0.0.1

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.

Files changed (49) hide show

package/CLAUDE.md +106 -0
package/README.md +15 -0
package/package.json +39 -0
package/src/CaptchaBadge.tsx +72 -0
package/src/editor/blocks/Blank/index.tsx +15 -0
package/src/editor/blocks/Blank/styles.module.css +4 -0
package/src/editor/blocks/Button/index.tsx +46 -0
package/src/editor/blocks/Card/index.tsx +67 -0
package/src/editor/blocks/Card/styles.module.css +54 -0
package/src/editor/blocks/Container/index.tsx +36 -0
package/src/editor/blocks/Flex/index.tsx +82 -0
package/src/editor/blocks/Flex/styles.module.css +9 -0
package/src/editor/blocks/Grid/index.tsx +53 -0
package/src/editor/blocks/Grid/styles.module.css +11 -0
package/src/editor/blocks/Heading/index.tsx +69 -0
package/src/editor/blocks/Hero/Hero.tsx +107 -0
package/src/editor/blocks/Hero/client.tsx +204 -0
package/src/editor/blocks/Hero/index.tsx +2 -0
package/src/editor/blocks/Hero/quotes.ts +46 -0
package/src/editor/blocks/Hero/server.tsx +7 -0
package/src/editor/blocks/Hero/styles.module.css +116 -0
package/src/editor/blocks/Logos/index.tsx +77 -0
package/src/editor/blocks/Logos/styles.module.css +13 -0
package/src/editor/blocks/Paragraph/index.tsx +95 -0
package/src/editor/blocks/Paragraph/styles.module.css +4 -0
package/src/editor/blocks/Space/index.tsx +45 -0
package/src/editor/blocks/Space/styles.module.css +14 -0
package/src/editor/blocks/Stats/index.tsx +58 -0
package/src/editor/blocks/Stats/styles.module.css +64 -0
package/src/editor/blocks/Text/index.tsx +75 -0
package/src/editor/blocks/Text/styles.module.css +4 -0
package/src/editor/components/Layout/index.tsx +160 -0
package/src/editor/components/Layout/styles.module.css +3 -0
package/src/editor/components/Section/index.tsx +31 -0
package/src/editor/components/Section/styles.module.css +23 -0
package/src/editor/index.tsx +63 -0
package/src/editor/options.ts +37 -0
package/src/editor/types.ts +60 -0
package/src/editor/utils/generateId.ts +2 -0
package/src/editor/utils/getClassNameFactory.ts +63 -0
package/src/index.css +1 -0
package/src/index.ts +6 -0
package/src/libs/redirect.ts +10 -0
package/src/sitemap/handleRobotsTxt.ts +19 -0
package/src/sitemap/handleSitemap.ts +25 -0
package/src/sitemap/index.ts +2 -0
package/src/styles.d.ts +4 -0
package/tsconfig.json +42 -0
package/tsdown.config.ts +15 -0

package/CLAUDE.md ADDED Viewed

@@ -0,0 +1,106 @@
+Default to using Bun instead of Node.js.
+- Use `bun <file>` instead of `node <file>` or `ts-node <file>`
+- Use `bun test` instead of `jest` or `vitest`
+- Use `bun build <file.html|file.ts|file.css>` instead of `webpack` or `esbuild`
+- Use `bun install` instead of `npm install` or `yarn install` or `pnpm install`
+- Use `bun run <script>` instead of `npm run <script>` or `yarn run <script>` or `pnpm run <script>`
+- Bun automatically loads .env, so don't use dotenv.
+## APIs
+- `Bun.serve()` supports WebSockets, HTTPS, and routes. Don't use `express`.
+- `bun:sqlite` for SQLite. Don't use `better-sqlite3`.
+- `Bun.redis` for Redis. Don't use `ioredis`.
+- `Bun.sql` for Postgres. Don't use `pg` or `postgres.js`.
+- `WebSocket` is built-in. Don't use `ws`.
+- Prefer `Bun.file` over `node:fs`'s readFile/writeFile
+- Bun.$`ls` instead of execa.
+## Testing
+Use `bun test` to run tests.
+```ts#index.test.ts
+import { test, expect } from "bun:test";
+test("hello world", () => {
+  expect(1).toBe(1);
+});
+```
+## Frontend
+Use HTML imports with `Bun.serve()`. Don't use `vite`. HTML imports fully support React, CSS, Tailwind.
+Server:
+```ts#index.ts
+import index from "./index.html"
+Bun.serve({
+  routes: {
+    "/": index,
+    "/api/users/:id": {
+      GET: (req) => {
+        return new Response(JSON.stringify({ id: req.params.id }));
+      },
+    },
+  },
+  // optional websocket support
+  websocket: {
+    open: (ws) => {
+      ws.send("Hello, world!");
+    },
+    message: (ws, message) => {
+      ws.send(message);
+    },
+    close: (ws) => {
+      // handle close
+    }
+  },
+  development: {
+    hmr: true,
+    console: true,
+  }
+})
+```
+HTML files can import .tsx, .jsx or .js files directly and Bun's bundler will transpile & bundle automatically. `<link>` tags can point to stylesheets and Bun's CSS bundler will bundle.
+```html#index.html
+<html>
+  <body>
+    <h1>Hello, world!</h1>
+    <script type="module" src="./frontend.tsx"></script>
+  </body>
+</html>
+```
+With the following `frontend.tsx`:
+```tsx#frontend.tsx
+import React from "react";
+// import .css files directly and it works
+import './index.css';
+import { createRoot } from "react-dom/client";
+const root = createRoot(document.body);
+export default function Frontend() {
+  return <h1>Hello, world!</h1>;
+}
+root.render(<Frontend />);
+```
+Then, run index.ts
+```sh
+bun --hot ./index.ts
+```
+For more information, read the Bun API docs in `node_modules/bun-types/docs/**.md`.

package/README.md ADDED Viewed

@@ -0,0 +1,15 @@
+# rankrunners-cms
+To install dependencies:
+```bash
+bun install
+```
+To run:
+```bash
+bun run index.ts
+```
+This project was created using `bun init` in bun v1.3.0. [Bun](https://bun.com) is a fast all-in-one JavaScript runtime.

package/package.json ADDED Viewed

@@ -0,0 +1,39 @@
+{
+  "name": "rankrunners-cms",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "build": "bun run --bun tsdown",
+    "watch": "bun run --bun tsdown --watch"
+  },
+  "types": "dist/types/index.d.ts",
+  "module": "dist/index.js",
+  "peerDependencies": {
+    "react": "^19.2.0",
+    "@measured/puck": "^0.20.2",
+    "next": "^16.0.1"
+  },
+  "peerDependenciesMeta": {
+    "next": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@bosh-code/tsdown-plugin-inject-css": "^2.0.0",
+    "@bosh-code/tsdown-plugin-tailwindcss": "^1.0.1",
+    "@swc/core": "^1.15.0",
+    "@types/react": "^19.2.2",
+    "bun-types": "^1.3.0",
+    "tsdown": "^0.15.9",
+    "typescript": "^5.9.3"
+  },
+  "dependencies": {
+    "classnames": "^2.5.1",
+    "lucide-react": "^0.552.0",
+    "react": "^19.2.0",
+    "tailwindcss": "^4.1.15"
+  },
+  "trustedDependencies": [
+    "@swc/core"
+  ]
+}

package/src/CaptchaBadge.tsx ADDED Viewed

@@ -0,0 +1,72 @@
+import React, { useState } from 'react';
+const CAPTCHA_EXPLANATION =
+  'RankRunners Captcha helps protect this site from spam and abuse. It works by analyzing user behavior to distinguish between humans and bots without interrupting the user experience.';
+const RANKRUNNERS_LOGO_URL =
+  'https://aplushandymanservicesaz.com/assets/rankrunners-ico.webp';
+export const CaptchaBadge: React.FC = () => {
+  const [isHovered, setIsHovered] = useState(false);
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const handleMouseEnter = () => setIsHovered(true);
+  const handleMouseLeave = () => setIsHovered(false);
+  const handleLearnMoreClick = () => setIsDialogOpen(true);
+  const handleCloseDialog = () => setIsDialogOpen(false);
+  return (
+    <>
+      <div
+        className={`fixed bottom-4 z-50 flex items-center p-2 bg-white border border-gray-300 border-1.5 shadow-xl transition-all duration-300 ease-in-out ${
+          isHovered
+            ? 'w-64 rounded-lg right-0'
+            : 'w-26 rounded-lg right-[-48px]'
+        } overflow-hidden`}
+        onMouseEnter={handleMouseEnter}
+        onMouseLeave={handleMouseLeave}
+      >
+        <img
+          src={RANKRUNNERS_LOGO_URL}
+          alt="RankRunners Logo"
+          className="w-10 h-10 rounded-full flex-shrink-0"
+        />
+        <div
+          className={`flex w-full justify-center transition-all duration-300 ease-in-out flex flex-col ${
+            isHovered
+              ? 'translate-x-0 opacity-100'
+              : 'translate-x-full opacity-0'
+          }`}
+        >
+          <div className="flex flex-col justify-center items-center">
+            <span className="text-sm font-medium text-gray-700 whitespace-nowrap">
+              Protected by RankRunners
+            </span>
+            <button
+              className="ml-2 text-blue-600 text-sm hover:underline cursor-pointer"
+              onClick={handleLearnMoreClick}
+            >
+              Learn more
+            </button>
+          </div>
+        </div>
+      </div>
+      {isDialogOpen && (
+        <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[100]">
+          <div className="bg-white p-6 rounded-lg shadow-xl max-w-sm mx-auto">
+            <h3 className="text-lg font-bold mb-4">
+              About RankRunners Captcha
+            </h3>
+            <p className="text-gray-700 mb-4">{CAPTCHA_EXPLANATION}</p>
+            <button
+              className="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
+              onClick={handleCloseDialog}
+            >
+              Close
+            </button>
+          </div>
+        </div>
+      )}
+    </>
+  );
+};

package/src/editor/blocks/Blank/index.tsx ADDED Viewed

@@ -0,0 +1,15 @@
+import styles from './styles.module.css'
+import type { ComponentConfig } from '@measured/puck'
+import getClassNameFactory from '../../utils/getClassNameFactory'
+const getClassName = getClassNameFactory('Blank', styles)
+export type BlankProps = {}
+export const Blank: ComponentConfig<BlankProps> = {
+  fields: {},
+  defaultProps: {},
+  render: () => {
+    return <div className={getClassName()}></div>
+  },
+}

package/src/editor/blocks/Blank/styles.module.css ADDED Viewed

@@ -0,0 +1,4 @@
+.Blank {
+  background: hotpink;
+  padding: 16px;
+}

package/src/editor/blocks/Button/index.tsx ADDED Viewed

@@ -0,0 +1,46 @@
+import { Button as _Button } from '@measured/puck'
+import type { ComponentConfig } from '@measured/puck'
+export type ButtonProps = {
+  label: string
+  href: string
+  variant: 'primary' | 'secondary'
+}
+export const Button: ComponentConfig<ButtonProps> = {
+  label: 'Button',
+  fields: {
+    label: {
+      type: 'text',
+      placeholder: 'Lorem ipsum...',
+      contentEditable: true,
+    },
+    href: { type: 'text' },
+    variant: {
+      type: 'radio',
+      options: [
+        { label: 'primary', value: 'primary' },
+        { label: 'secondary', value: 'secondary' },
+      ],
+    },
+  },
+  defaultProps: {
+    label: 'Button',
+    href: '#',
+    variant: 'primary',
+  },
+  render: ({ href, variant, label, puck }) => {
+    return (
+      <div>
+        <_Button
+          href={puck.isEditing ? '#' : href}
+          variant={variant}
+          size="large"
+          tabIndex={puck.isEditing ? -1 : undefined}
+        >
+          {label}
+        </_Button>
+      </div>
+    )
+  },
+}

package/src/editor/blocks/Card/index.tsx ADDED Viewed

@@ -0,0 +1,67 @@
+// import { DynamicIcon, dynamicIconImports } from 'lucide-react/dynamic'
+import { withLayout } from '../../components/Layout'
+import styles from './styles.module.css'
+import type { ComponentConfig } from '@measured/puck'
+import type { WithLayout } from '../../components/Layout'
+import getClassNameFactory from '../../utils/getClassNameFactory'
+const getClassName = getClassNameFactory('Card', styles)
+const iconOptions: Array<{ label: string; value: string }> = []
+// Object.keys(dynamicIconImports).map((iconName) => ({
+//   label: iconName,
+//   value: iconName,
+// }))
+export type CardProps = WithLayout<{
+  title: string
+  description: string
+  icon?: string
+  mode: 'flat' | 'card'
+}>
+const CardInner: ComponentConfig<CardProps> = {
+  fields: {
+    title: {
+      type: 'text',
+      contentEditable: true,
+    },
+    description: {
+      type: 'textarea',
+      contentEditable: true,
+    },
+    icon: {
+      type: 'select',
+      options: iconOptions,
+    },
+    mode: {
+      type: 'radio',
+      options: [
+        { label: 'card', value: 'card' },
+        { label: 'flat', value: 'flat' },
+      ],
+    },
+  },
+  defaultProps: {
+    title: 'Title',
+    description: 'Description',
+    icon: 'Feather',
+    mode: 'flat',
+  },
+  render: ({ title, icon, description, mode }) => {
+    return (
+      <div className={getClassName({ [mode]: mode })}>
+        <div className={getClassName('inner')}>
+          {/* <div className={getClassName('icon')}>
+            <DynamicIcon name={icon as 'replace'} />
+          </div>*/}
+          <div className={getClassName('title')}>{title}</div>
+          <div className={getClassName('description')}>{description}</div>
+        </div>
+      </div>
+    )
+  },
+}
+export const Card = withLayout(CardInner)

package/src/editor/blocks/Card/styles.module.css ADDED Viewed

@@ -0,0 +1,54 @@
+.Card {
+  height: 100%;
+}
+.Card--card {
+  background: white;
+  box-shadow: rgba(140, 152, 164, 0.25) 0px 3px 6px 0px;
+  border-radius: 8px;
+  max-width: 100%;
+}
+.Card-inner {
+  align-items: center;
+  display: flex;
+  gap: 16px;
+  flex-direction: column;
+}
+.Card--card .Card-inner {
+  align-items: flex-start;
+  padding: 24px;
+}
+.Card-icon {
+  border-radius: 256px;
+  background: var(--puck-color-azure-09);
+  color: var(--puck-color-azure-06);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 64px;
+  height: 64px;
+}
+.Card-title {
+  font-size: 22px;
+  text-align: center;
+}
+.Card--card .Card-title {
+  text-align: left;
+}
+.Card-description {
+  font-size: 16px;
+  line-height: 1.5;
+  color: var(--puck-color-grey-05);
+  text-align: center;
+  font-weight: 300;
+}
+.Card--card .Card-description {
+  text-align: left;
+}

package/src/editor/blocks/Container/index.tsx ADDED Viewed

@@ -0,0 +1,36 @@
+import { spacingRemOptions } from '../../options'
+import type { ComponentConfig, Slot } from '@measured/puck'
+export type ContainerProps = {
+  content?: Slot
+  margins: string
+}
+export const Container: ComponentConfig<ContainerProps> = {
+  label: 'Container',
+  fields: {
+    content: {
+      label: 'Content',
+      type: 'slot',
+    },
+    margins: {
+      label: 'Container Margins',
+      type: 'select',
+      options: spacingRemOptions,
+    },
+  },
+  defaultProps: {
+    margins: '78rem',
+  },
+  render: ({ margins, puck, content: Content }) => {
+    return (
+      <div
+        ref={puck.dragRef}
+        className={'mx-auto py-8 px-[2.5rem]'}
+        style={{ maxWidth: margins }}
+      >
+        {Content && <Content />}
+      </div>
+    )
+  },
+}

package/src/editor/blocks/Flex/index.tsx ADDED Viewed

@@ -0,0 +1,82 @@
+import { Section } from '../../components/Section'
+import { withLayout } from '../../components/Layout'
+import styles from './styles.module.css'
+import type { ComponentConfig, Slot } from '@measured/puck'
+import type { WithLayout } from '../../components/Layout'
+import getClassNameFactory from '../../utils/getClassNameFactory'
+const getClassName = getClassNameFactory('Flex', styles)
+export type FlexProps = WithLayout<{
+  justifyContent: 'start' | 'center' | 'end'
+  direction: 'row' | 'column'
+  gap: number
+  wrap: 'wrap' | 'nowrap'
+  items: Slot
+}>
+const FlexInternal: ComponentConfig<FlexProps> = {
+  fields: {
+    direction: {
+      label: 'Direction',
+      type: 'radio',
+      options: [
+        { label: 'Row', value: 'row' },
+        { label: 'Column', value: 'column' },
+      ],
+    },
+    justifyContent: {
+      label: 'Justify Content',
+      type: 'radio',
+      options: [
+        { label: 'Start', value: 'start' },
+        { label: 'Center', value: 'center' },
+        { label: 'End', value: 'end' },
+      ],
+    },
+    gap: {
+      label: 'Gap',
+      type: 'number',
+      min: 0,
+    },
+    wrap: {
+      label: 'Wrap',
+      type: 'radio',
+      options: [
+        { label: 'true', value: 'wrap' },
+        { label: 'false', value: 'nowrap' },
+      ],
+    },
+    items: {
+      type: 'slot',
+    },
+  },
+  defaultProps: {
+    justifyContent: 'start',
+    direction: 'row',
+    gap: 24,
+    wrap: 'wrap',
+    layout: {
+      grow: true,
+    },
+    items: [],
+  },
+  render: ({ justifyContent, direction, gap, wrap, items: Items }) => {
+    return (
+      <Section style={{ height: '100%' }}>
+        <Items
+          className={getClassName()}
+          style={{
+            justifyContent,
+            flexDirection: direction,
+            gap,
+            flexWrap: wrap,
+          }}
+          disallow={['Hero', 'Stats']}
+        />
+      </Section>
+    )
+  },
+}
+export const Flex = withLayout(FlexInternal)

package/src/editor/blocks/Flex/styles.module.css ADDED Viewed

@@ -0,0 +1,9 @@
+.Flex {
+  display: flex;
+  flex-wrap: wrap;
+  height: 100%;
+}
+.Flex-item {
+  flex: 1;
+}

package/src/editor/blocks/Grid/index.tsx ADDED Viewed

@@ -0,0 +1,53 @@
+import { Section } from '../../components/Section'
+import { withLayout } from '../../components/Layout'
+import styles from './styles.module.css'
+import type { ComponentConfig, Slot } from '@measured/puck'
+import getClassNameFactory from '../../utils/getClassNameFactory'
+const getClassName = getClassNameFactory('Grid', styles)
+export type GridProps = {
+  numColumns: number
+  gap: number
+  items: Slot
+}
+export const GridInternal: ComponentConfig<GridProps> = {
+  fields: {
+    numColumns: {
+      type: 'number',
+      label: 'Number of columns',
+      min: 1,
+      max: 12,
+    },
+    gap: {
+      label: 'Gap',
+      type: 'number',
+      min: 0,
+    },
+    items: {
+      type: 'slot',
+    },
+  },
+  defaultProps: {
+    numColumns: 4,
+    gap: 24,
+    items: [],
+  },
+  render: ({ gap, numColumns, items: Items }) => {
+    return (
+      <Section>
+        <Items
+          disallow={['Hero', 'Stats']}
+          className={getClassName()}
+          style={{
+            gap,
+            gridTemplateColumns: `repeat(${numColumns}, 1fr)`,
+          }}
+        />
+      </Section>
+    )
+  },
+}
+export const Grid = withLayout(GridInternal)

package/src/editor/blocks/Grid/styles.module.css ADDED Viewed

@@ -0,0 +1,11 @@
+.Grid {
+  display: flex;
+  flex-direction: column;
+  width: auto;
+}
+@media (min-width: 768px) {
+  .Grid {
+    display: grid;
+  }
+}

package/src/editor/blocks/Heading/index.tsx ADDED Viewed

@@ -0,0 +1,69 @@
+import { Section } from '../../components/Section'
+import { withLayout } from '../../components/Layout'
+import type { ComponentConfig } from '@measured/puck'
+import type { WithLayout } from '../../components/Layout'
+export type HeadingProps = WithLayout<{
+  align: 'left' | 'center' | 'right'
+  text?: string
+  level: '1' | '2' | '3'
+}>
+const levelOptions = [
+  { label: '1', value: '1' },
+  { label: '2', value: '2' },
+  { label: '3', value: '3' },
+]
+const HeadingInternal: ComponentConfig<HeadingProps> = {
+  fields: {
+    text: {
+      label: 'Text',
+      type: 'textarea',
+      contentEditable: true,
+    },
+    level: {
+      label: 'Level',
+      type: 'select',
+      options: levelOptions,
+    },
+    align: {
+      label: 'Text Alignment',
+      type: 'radio',
+      options: [
+        { label: 'Left', value: 'left' },
+        { label: 'Center', value: 'center' },
+        { label: 'Right', value: 'right' },
+      ],
+    },
+  },
+  defaultProps: {
+    align: 'left',
+    level: '1',
+    text: 'Heading',
+    layout: {
+      padding: '8px',
+    },
+  },
+  render: ({ align, text, level }) => {
+    const Tag: any = `h${level}`
+    const className =
+      level === '1'
+        ? 'text-[40px] uppercase text-[#232549]'
+        : level === '2'
+          ? 'text-[28px] font-[700] leading-[32px] text-[#232549]'
+          : 'text-[26px] font-semibold text-[#232549]'
+    return (
+      <Section>
+        <Tag className={className}>
+          <span style={{ display: 'block', textAlign: align, width: '100%' }}>
+            {text}
+          </span>
+        </Tag>
+      </Section>
+    )
+  },
+}
+export const Heading = withLayout(HeadingInternal)