@redneckz/wildless-cms-uni-blocks 0.1.0

package/.editorconfig

@@ -0,0 +1,25 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.js]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false
+
+[*.{json,yml}]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+indent_size = 2

package/.gitattributes

@@ -0,0 +1,15 @@
+* text eol=lf
+*.png binary
+*.jpg binary
+*.gif binary
+*.ico binary
+*.pdf binary
+*.xls binary
+*.xlsx binary
+*.woff binary
+*.woff2 binary
+*.eot binary
+*.ttf binary
+*.bin binary
+*.tgz binary
+*.zip binary

package/.prettierignore

@@ -0,0 +1,3 @@
+package.json
+dist
+out-tsc

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@redneckz/wildless-cms-uni-blocks",
+  "version": "0.1.0",
+  "license": "MIT",
+  "main": "./dist/index.js",
+  "style": "./dist/common.css",
+  "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "scripts": {
+    "build": "rimraf ./lib && tsc --build --verbose && npm run build:commonjs && npm run build:style",
+    "build:commonjs": "rimraf ./dist && tsc --module commonjs --noImplicitUseStrict --outDir dist",
+    "build:style": "tailwindcss -i ./src/common.css -o ./dist/common.css --minify"
+  },
+  "dependencies": {
+    "@redneckz/uni-jsx": "^0.1.2"
+  },
+  "peerDependencies": {
+    "gatsby": "^4.11.2"
+  },
+  "devDependencies": {
+    "rimraf": "^3.0.2",
+    "typescript": "^4.6.3",
+    "tailwindcss": "^3.0.23"
+  }
+}

package/src/Blocks.ts

@@ -0,0 +1,11 @@
+import type { PlaceholderContent } from './Placeholder';
+import { Placeholder } from './Placeholder';
+import type { TextContent } from './Text';
+import { Text } from './Text';
+
+export type BlockContent = PlaceholderContent | TextContent;
+
+export const Blocks = {
+  Text,
+  Placeholder
+};

package/src/ContentPage.tsx

@@ -0,0 +1,31 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Blocks } from './Blocks';
+import type { BlockContent } from './Blocks';
+import type { BlockDef, ContentPageDef } from './types';
+
+export const ContentPage = JSX<ContentPageDef<BlockContent>>(({ style: pageStyle, blocks }) => (
+  <section className={`grid grid-cols-12 ${style2className(pageStyle)}`}>
+    {blocks && blocks.map(renderBlock)}
+  </section>
+));
+
+function renderBlock({ type, style, content, blocks }: BlockDef<BlockContent>, i: number) {
+  if (!(type in Blocks)) {
+    console.warn(`No block with "${type}" is registered`);
+    return null;
+  }
+  const BlockComponent = Blocks[type as keyof typeof Blocks];
+  return (
+    <BlockComponent
+      key={`${type}-${i}`}
+      className={`border-dashed border-2 border-sky-500 p-4 ${style2className(style)}`}
+      {...content}
+    >
+      {blocks && blocks.map(renderBlock)}
+    </BlockComponent>
+  );
+}
+
+function style2className(style: string[] | undefined | null): string {
+  return style ? style.join(' ') : '';
+}

package/src/Placeholder.tsx

@@ -0,0 +1,12 @@
+import { JSX } from '@redneckz/uni-jsx';
+
+export interface PlaceholderContent {
+}
+
+export interface PlaceholderProps extends PlaceholderContent {
+  className?: string;
+}
+
+export const Placeholder = JSX<PlaceholderProps>(({ className, children }) => {
+  return <div className={className || ''}>{children}</div>;
+});

package/src/Text.tsx

@@ -0,0 +1,20 @@
+import { JSX } from '@redneckz/uni-jsx';
+
+export interface TextContent {
+  primary?: string;
+  secondary?: string;
+}
+
+export interface TextProps extends TextContent {
+  className?: string;
+}
+
+export const Text = JSX<TextProps>(({ className, primary, secondary, children }) => {
+  return (
+    <div className={className || ''}>
+      {primary && <p className="font-bold text-slate-700 leading-snug">{primary}</p>}
+      {secondary && <p className="mt-2 text-sm text-slate-600">{secondary}</p>}
+      {children}
+    </div>
+  );
+});

package/src/common.css

@@ -0,0 +1,2 @@
+@tailwind components;
+@tailwind utilities;

package/src/gatsby/GatsbyPage.tsx

@@ -0,0 +1,18 @@
+import { setup } from '@redneckz/uni-jsx';
+import type { PageProps } from 'gatsby';
+import runtime from 'react/jsx-runtime';
+import type { BlockContent } from '../Blocks';
+import { ContentPage } from '../ContentPage';
+import type { ContentPageDef } from '../types';
+
+import '@demo/ui-kit/dist/common.css';
+
+const { jsx, jsxs } = runtime as any;
+setup(jsx, jsxs);
+
+type PageData<D extends string> = Record<D, ContentPageDef<BlockContent>>;
+
+export const GatsbyPage =
+  <D extends string>(discriminator: D) =>
+  ({ data }: PageProps<PageData<D>>) =>
+    <ContentPage {...data[discriminator]} />;

package/src/gatsby/index.ts

@@ -0,0 +1,2 @@
+export { GatsbyPage } from './GatsbyPage';
+

package/src/index.ts

@@ -0,0 +1,6 @@
+export type { BlockDef, ContentPageDef } from './types';
+
+export type { BlockContent } from './Blocks';
+export { Blocks } from './Blocks';
+
+export { ContentPage } from './ContentPage';

package/src/types.ts

@@ -0,0 +1,36 @@
+export interface BlockDef<BlockContent> {
+  type: string;
+  style?: string[];
+  content?: BlockContent;
+  blocks?: BlockDef<BlockContent>[];
+}
+
+export interface ContentPageDef<BlockContent> {
+  title: string;
+  slug: string;
+  style?: string[];
+  blocks?: BlockDef<BlockContent>[];
+}
+
+export const GraphQL = {
+  Block: `
+    type BlockContent {
+      primary: String
+      secondary: String
+    }
+
+    type Block {
+      type: String!
+      style: [String!]
+      content: BlockContent
+      blocks: [Block!]
+    }
+  `,
+  Page: `
+    title: String!
+    slug: String
+    date: Date
+    style: [String!]
+    blocks: [Block!]
+  `
+};

package/tailwind.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  content: ['./src/**/*.{js,jsx,ts,tsx}'],
+  theme: {
+    extend: {}
+  },
+  plugins: []
+};

package/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ESNEXT",
+    "module": "ESNext",
+    "jsx": "react-jsx",
+    "jsxImportSource": "@redneckz/uni-jsx",
+    "allowJs": true,
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "declaration": true,
+    "sourceMap": true,
+    "outDir": "./lib",
+
+    /* Strict Type-Checking Options */
+    "strict": true,
+    "noImplicitAny": false,
+    "alwaysStrict": false,
+
+    /* Module Resolution Options */
+    "rootDir": "src",
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    /* Advanced Options */
+    "skipLibCheck": true
+  },
+  "include": ["./src/**/*.ts", "./src/**/*.tsx"]
+}