npm - @barkajs/barka - Versions diffs - 0.1.0 - Mend

@barkajs/barka 0.1.0

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 (621) hide show

package/starters/kadoservices/themes/starter/layouts/base.tsx ADDED Viewed

@@ -0,0 +1,92 @@
+/** @jsxImportSource hono/jsx */
+import type { FC } from 'hono/jsx';
+import type { LayoutProps } from '../_types.js';
+const Base: FC<LayoutProps> = ({ content, site, theme, themeSettings, children }) => {
+  const seo = content.seo ?? {};
+  const separator = site.seo?.title_separator ?? ' | ';
+  const pageTitle = seo.title ?? content.title;
+  const fullTitle = `${pageTitle}${separator}${site.site_name}`;
+  const description = seo.description ?? site.seo?.default_description ?? '';
+  const ogImage = seo.image ?? site.seo?.default_image ?? '';
+  const canonical = seo.canonical ?? `${site.base_url}/${content.slug}`;
+  const primaryColor = themeSettings.primary_color ?? '#2563eb';
+  const langcode = content.langcode ?? 'en';
+  const jsonLd = {
+    '@context': 'https://schema.org',
+    '@type': content.type === 'article' ? 'Article' : 'WebPage',
+    name: pageTitle,
+    description,
+    url: canonical,
+    ...(content.publishedAt && { datePublished: content.publishedAt.toISOString() }),
+    ...(content.updatedAt && { dateModified: content.updatedAt.toISOString() }),
+  };
+  return (
+    <html lang={langcode}>
+      <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title>{fullTitle}</title>
+        <meta name="description" content={description} />
+        {seo.noindex && <meta name="robots" content="noindex, nofollow" />}
+        <link rel="canonical" href={canonical} />
+        <meta property="og:type" content={content.type === 'article' ? 'article' : 'website'} />
+        <meta property="og:title" content={pageTitle} />
+        <meta property="og:description" content={description} />
+        <meta property="og:url" content={canonical} />
+        {ogImage && <meta property="og:image" content={ogImage} />}
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta name="twitter:title" content={pageTitle} />
+        <meta name="twitter:description" content={description} />
+        {ogImage && <meta name="twitter:image" content={ogImage} />}
+        <script src="https://cdn.tailwindcss.com"></script>
+        <link rel="stylesheet" href="/static/style.css" />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+        />
+        <style>{`
+          :root {
+            --color-primary: ${primaryColor};
+          }
+        `}</style>
+      </head>
+      <body class="min-h-screen flex flex-col bg-white text-gray-900 antialiased">
+        <header class="sticky top-0 z-50 border-b border-gray-100 bg-white/80 backdrop-blur-lg">
+          <nav class="mx-auto flex max-w-6xl items-center justify-between px-6 py-4">
+            <a href="/" class="text-xl font-bold tracking-tight" style={{ color: primaryColor }}>
+              {themeSettings.logo
+                ? <img src={themeSettings.logo} alt={site.site_name} class="h-8" />
+                : site.site_name}
+            </a>
+            <ul class="flex items-center gap-8 text-sm font-medium text-gray-600">
+              <li><a href="/" class="hover:text-gray-900 transition-colors">Home</a></li>
+              <li><a href="/articles" class="hover:text-gray-900 transition-colors">Articles</a></li>
+              <li><a href="/pages" class="hover:text-gray-900 transition-colors">Pages</a></li>
+            </ul>
+          </nav>
+        </header>
+        <main class="flex-1">
+          {children}
+        </main>
+        <footer class="border-t border-gray-100 bg-gray-50">
+          <div class="mx-auto max-w-6xl px-6 py-10 text-center text-sm text-gray-500">
+            <p>{themeSettings.footer_text ?? 'Powered by Barka CMS'}</p>
+            <p class="mt-1">&copy; {new Date().getFullYear()} {site.site_name}</p>
+          </div>
+        </footer>
+      </body>
+    </html>
+  );
+};
+export default Base;

package/starters/kadoservices/themes/starter/layouts/landing-page.tsx ADDED Viewed

@@ -0,0 +1,14 @@
+/** @jsxImportSource hono/jsx */
+import type { FC } from 'hono/jsx';
+import type { LayoutProps } from '../_types.js';
+import Base from './base.js';
+const LandingPage: FC<LayoutProps> = (props) => {
+  return (
+    <Base {...props}>
+      {props.children}
+    </Base>
+  );
+};
+export default LandingPage;

package/starters/kadoservices/themes/starter/layouts/page.tsx ADDED Viewed

@@ -0,0 +1,29 @@
+/** @jsxImportSource hono/jsx */
+import type { FC } from 'hono/jsx';
+import type { LayoutProps } from '../_types.js';
+import Base from './base.js';
+const Page: FC<LayoutProps> = (props) => {
+  const { content } = props;
+  return (
+    <Base {...props}>
+      <div class="mx-auto max-w-4xl px-6 py-16">
+        <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-5xl">
+          {content.title}
+        </h1>
+        {content.bodyHtml && (
+          <div
+            class="prose prose-lg prose-gray mt-8 max-w-none"
+            dangerouslySetInnerHTML={{ __html: content.bodyHtml }}
+          />
+        )}
+        {props.children}
+      </div>
+    </Base>
+  );
+};
+export default Page;

package/starters/kadoservices/themes/starter/partials/footer.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+/** @jsxImportSource hono/jsx */
+import type { FC } from 'hono/jsx';
+import type { SiteConfig, ThemeConfig } from '../_types.js';
+interface FooterProps {
+  site: SiteConfig;
+  theme: ThemeConfig;
+  themeSettings: Record<string, any>;
+}
+const Footer: FC<FooterProps> = ({ site, themeSettings }) => {
+  return (
+    <footer class="border-t border-gray-100 bg-gray-50">
+      <div class="mx-auto max-w-6xl px-6 py-10 text-center text-sm text-gray-500">
+        <p>{themeSettings.footer_text ?? 'Powered by Barka CMS'}</p>
+        <p class="mt-1">&copy; {new Date().getFullYear()} {site.site_name}</p>
+      </div>
+    </footer>
+  );
+};
+export default Footer;

package/starters/kadoservices/themes/starter/partials/header.tsx ADDED Viewed

@@ -0,0 +1,32 @@
+/** @jsxImportSource hono/jsx */
+import type { FC } from 'hono/jsx';
+import type { SiteConfig, ThemeConfig } from '../_types.js';
+interface HeaderProps {
+  site: SiteConfig;
+  theme: ThemeConfig;
+  themeSettings: Record<string, any>;
+}
+const Header: FC<HeaderProps> = ({ site, themeSettings }) => {
+  const primaryColor = themeSettings.primary_color ?? '#2563eb';
+  return (
+    <header class="sticky top-0 z-50 border-b border-gray-100 bg-white/80 backdrop-blur-lg">
+      <nav class="mx-auto flex max-w-6xl items-center justify-between px-6 py-4">
+        <a href="/" class="text-xl font-bold tracking-tight" style={{ color: primaryColor }}>
+          {themeSettings.logo
+            ? <img src={themeSettings.logo} alt={site.site_name} class="h-8" />
+            : site.site_name}
+        </a>
+        <ul class="flex items-center gap-8 text-sm font-medium text-gray-600">
+          <li><a href="/" class="hover:text-gray-900 transition-colors">Home</a></li>
+          <li><a href="/articles" class="hover:text-gray-900 transition-colors">Articles</a></li>
+          <li><a href="/pages" class="hover:text-gray-900 transition-colors">Pages</a></li>
+        </ul>
+      </nav>
+    </header>
+  );
+};
+export default Header;

package/starters/kadoservices/themes/starter/static/style.css ADDED Viewed

@@ -0,0 +1,125 @@
+/* Starter Theme — Barka CMS */
+:root {
+  --color-primary: #2563eb;
+  --color-text: #111827;
+  --color-muted: #6b7280;
+  --color-border: #e5e7eb;
+  --color-surface: #f9fafb;
+  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
+}
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+html {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  scroll-behavior: smooth;
+}
+body {
+  font-family: var(--font-sans);
+  color: var(--color-text);
+  line-height: 1.6;
+  margin: 0;
+}
+img,
+video {
+  max-width: 100%;
+  height: auto;
+  display: block;
+}
+a {
+  color: var(--color-primary);
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: underline;
+}
+/* Prose overrides for body content */
+.prose h1,
+.prose h2,
+.prose h3,
+.prose h4 {
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  line-height: 1.25;
+}
+.prose h1 { font-size: 2.25rem; margin-top: 0; }
+.prose h2 { font-size: 1.5rem; margin-top: 2.5rem; }
+.prose h3 { font-size: 1.25rem; margin-top: 2rem; }
+.prose p {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
+.prose img {
+  border-radius: 0.75rem;
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+.prose blockquote {
+  border-left: 3px solid var(--color-primary);
+  padding-left: 1rem;
+  font-style: italic;
+  color: var(--color-muted);
+}
+.prose code {
+  background: var(--color-surface);
+  border: 1px solid var(--color-border);
+  border-radius: 0.25rem;
+  padding: 0.15em 0.35em;
+  font-size: 0.875em;
+}
+.prose pre {
+  background: #1e293b;
+  color: #e2e8f0;
+  border-radius: 0.75rem;
+  padding: 1.25rem;
+  overflow-x: auto;
+  line-height: 1.7;
+}
+.prose pre code {
+  background: none;
+  border: none;
+  padding: 0;
+  font-size: 0.875rem;
+}
+/* Skip to main content (a11y) */
+.skip-link {
+  position: absolute;
+  left: -9999px;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+.skip-link:focus {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: auto;
+  height: auto;
+  padding: 0.75rem 1.5rem;
+  background: var(--color-primary);
+  color: #fff;
+  z-index: 9999;
+  font-weight: 600;
+}

package/starters/kadoservices/themes/starter/theme.yaml ADDED Viewed

@@ -0,0 +1,16 @@
+name: starter
+label: "Starter Theme"
+description: "Clean, minimal theme. The default starting point for Barka sites."
+version: "1.0.0"
+settings:
+  primary_color:
+    type: color
+    label: "Primary Color"
+    default: "#2563eb"
+  logo:
+    type: media
+    label: "Site Logo"
+  footer_text:
+    type: text
+    label: "Footer Text"
+    default: "Powered by Barka CMS"

package/starters/lokatech/config/content-types.yaml ADDED Viewed

@@ -0,0 +1,226 @@
+article:
+  label: Article
+  path_pattern: "/articles/{slug}"
+  fields:
+    summary:
+      type: textarea
+      label: Summary
+      required: false
+    featured_image:
+      type: media
+      label: Featured Image
+    category:
+      type: select
+      label: Category
+      options:
+        - technology
+        - design
+        - business
+        - lifestyle
+    tags:
+      type: text
+      label: Tags
+page:
+  label: Page
+  path_pattern: "/{slug}"
+  fields:
+    subtitle:
+      type: text
+      label: Subtitle
+    featured_image:
+      type: media
+      label: Featured Image
+landing_page:
+  label: Landing Page
+  path_pattern: "/{slug}"
+  fields:
+    subtitle:
+      type: text
+      label: Subtitle
+    cta_text:
+      type: text
+      label: CTA Button Text
+    cta_url:
+      type: text
+      label: CTA Button URL
+service:
+  label: Service
+  path_pattern: "/services/{slug}"
+  fields:
+    short_description:
+      type: textarea
+      label: Short Description
+      required: true
+    icon:
+      type: text
+      label: Icon Name
+    process_steps:
+      type: textarea
+      label: "Process Steps (YAML)"
+    technologies:
+      type: text
+      label: Technologies
+    related_industries:
+      type: text
+      label: Related Industries
+    related_case_studies:
+      type: text
+      label: Related Case Studies
+industry:
+  label: Industry
+  path_pattern: "/industries/{slug}"
+  fields:
+    short_description:
+      type: textarea
+      label: Short Description
+      required: true
+    icon:
+      type: text
+      label: Icon Name
+    challenges:
+      type: textarea
+      label: "Industry Challenges (YAML)"
+    compliance_tags:
+      type: text
+      label: Compliance & Standards
+    related_services:
+      type: text
+      label: Related Services
+case_study:
+  label: Case Study
+  path_pattern: "/case-studies/{slug}"
+  fields:
+    client_name:
+      type: text
+      label: Client Name
+      required: true
+    industry:
+      type: text
+      label: Industry
+    service:
+      type: text
+      label: Service
+    duration:
+      type: text
+      label: Project Duration
+    team_size:
+      type: text
+      label: Team Size
+    metrics:
+      type: textarea
+      label: "Key Metrics (YAML)"
+    technologies:
+      type: text
+      label: Technologies Used
+    client_quote:
+      type: textarea
+      label: Client Quote
+    client_quote_author:
+      type: text
+      label: Quote Author
+    client_quote_role:
+      type: text
+      label: Quote Author Role
+    featured_image:
+      type: media
+      label: Featured Image
+person:
+  label: Person
+  path_pattern: "/team/{slug}"
+  fields:
+    role:
+      type: text
+      label: Role / Title
+      required: true
+    photo:
+      type: media
+      label: Photo
+    linkedin:
+      type: text
+      label: LinkedIn URL
+    department:
+      type: text
+      label: Department
+    quote:
+      type: textarea
+      label: Personal Quote
+job_posting:
+  label: Job Posting
+  path_pattern: "/careers/{slug}"
+  fields:
+    department:
+      type: text
+      label: Department
+      required: true
+    location:
+      type: text
+      label: Location
+      required: true
+    seniority:
+      type: select
+      label: Seniority Level
+      options:
+        - junior
+        - mid
+        - senior
+        - lead
+        - manager
+        - director
+    employment_type:
+      type: select
+      label: Employment Type
+      options:
+        - full-time
+        - contract
+        - part-time
+    remote_policy:
+      type: select
+      label: Remote Policy
+      options:
+        - remote
+        - hybrid
+        - onsite
+    requirements:
+      type: textarea
+      label: Requirements
+    benefits:
+      type: textarea
+      label: Benefits
+    apply_url:
+      type: text
+      label: Application URL
+location:
+  label: Location
+  path_pattern: "/locations/{slug}"
+  fields:
+    city:
+      type: text
+      label: City
+      required: true
+    address:
+      type: text
+      label: Address
+    country:
+      type: text
+      label: Country
+      required: true
+    photo:
+      type: media
+      label: Office Photo
+    employee_count:
+      type: number
+      label: Employee Count
+    specializations:
+      type: text
+      label: Specializations
+    coordinates:
+      type: text
+      label: "Coordinates (lat,lng)"

package/starters/lokatech/config/languages.yaml ADDED Viewed

@@ -0,0 +1,12 @@
+default: en
+languages:
+  en:
+    label: "English"
+    direction: ltr
+  pl:
+    label: "Polski"
+    direction: ltr
+  de:
+    label: "Deutsch"
+    direction: ltr