pagers-org · InSeong-So · Aug 25, 2023 · Aug 25, 2023 · Aug 25, 2023 · Aug 25, 2023
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,56 @@
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  plugins: ['solid'],
+  extends: ['eslint:recommended', 'plugin:solid/typescript'],
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  env: {
+    es6: true,
+    browser: true,
+    node: true,
+  },
+  rules: {
+    indent: 'off',
+    'brace-style': 'off',
+    'arrow-parens': 'off',
+    'no-console': 'off',
+    'no-undef': 'off',
+    'max-len': 'off',
+    'sort-imports': 'off',
+    'no-restricted-exports': 'off',
+    'no-unused-vars': 'off',
+    'object-curly-newline': 'off',
+    'max-params': ['error', 3],
+    'jsx-quotes': 'off',
+    'no-confusing-arrow': 'off',
+    'no-nested-ternary': 'off',
+    'comma-spacing': 'off',
+    'function-paren-newline': 'off',
+    'implicit-arrow-linebreak': 'off',
+    'operator-linebreak': 'off',
+    'no-underscore-dangle': 'off',
+    'no-useless-constructor': 'off',
+    'no-use-before-define': 'off',
+    'no-param-reassign': 'off',
+    'no-return-await': 'off',
+    'prefer-regex-literals': 'off',
+    'lines-between-class-members': 'off',
+    'import/no-unresolved': 'off',
+    // typescript
+    '@typescript-eslint/restrict-template-expressions': 'off',
+    '@typescript-eslint/no-unsafe-call': 'off',
+    '@typescript-eslint/no-unsafe-member-access': 'off',
+    '@typescript-eslint/no-unsafe-assignment': 'off',
+    '@typescript-eslint/no-unsafe-argument': 'off',
+    '@typescript-eslint/no-unsafe-return': 'off',
+    '@typescript-eslint/ban-types': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+    // solid
+    'solid/reactivity': 'warn',
+    'solid/no-destructure': 'warn',
+    'solid/jsx-no-undef': 'error',
+  },
+};
diff --git a/.gitignore b/.gitignore
@@ -128,3 +128,8 @@ dist
 .yarn/build-state.yml
 .yarn/install-state.gz
 .pnp.*
+
+# editor
+.vscode
+.idea
+.DS_Store
diff --git a/.prettierrc.js b/.prettierrc.js
@@ -0,0 +1,16 @@
+module.exports = {
+  plugins: [require('@trivago/prettier-plugin-sort-imports')],
+  singleQuote: true,
+  semi: true,
+  useTabs: false,
+  tabWidth: 2,
+  trailingComma: 'all',
+  printWidth: 100,
+  bracketSpacing: true,
+  arrowParens: 'always',
+  endOfLine: 'auto',
+  importOrder: ['^solidjs', '<THIRD_PARTY_MODULES>', '^@/(.*)$', '^./(.*)$', '^[@global/(./)$]'],
+  importOrderSortSpecifiers: true,
+  importOrderGroupNamespaceSpecifiers: true,
+  importOrderCaseInsensitive: true,
+};
diff --git a/@types/global.d.ts b/@types/global.d.ts
@@ -0,0 +1,21 @@
+declare module '@global/solid-util-types' {
+  import type { Accessor } from 'solid-js';
+  /**
+   * T or a reactive/non-reactive function returning T
+   */
+  type MaybeAccessor<T> = T | Accessor<T>;
+
+  /**
+   * Accessed value of a MaybeAccessor
+   * @example
+   * ```ts
+   * MaybeAccessorValue<MaybeAccessor<string>>
+   * // => string
+   * MaybeAccessorValue<MaybeAccessor<() => string>>
+   * // => string | (() => string)
+   * MaybeAccessorValue<MaybeAccessor<string> | Function>
+   * // => string | void
+   * ```
+   */
+  type MaybeAccessorValue<T extends MaybeAccessor<any>> = T extends () => any ? ReturnType<T> : T;
+}
diff --git a/@types/index.d.ts b/@types/index.d.ts
@@ -0,0 +1,10 @@
+
+declare module "*.module.css" {
+  const classes: { [key: string]: string };
+  export default classes;
+}
+
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}
diff --git a/README2.md b/README2.md
@@ -0,0 +1,3 @@
+## 추가한 CSS 클래스
+- `article-preview-list`
+  - 아티클 미리보기가 각 아이템별로 쌓이고만 있고, 박스로 관리되고 있지 않아 이를 감싸는 컨테이너를 fallback을 표시하기 위해 추가합니다.
diff --git a/index.html b/index.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="favicon" href="/assets/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link href="/styles/ionicons.min.css" rel="stylesheet" type="text/css" />
+    <link
+      href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"
+      rel="stylesheet"
+      type="text/css"
+    />
+    <link rel="stylesheet" href="/styles/main.css" />
+    <title>Conduit</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+
+    <script src="/src/index.tsx" type="module"></script>
+  </body>
+</html>
diff --git a/package.json b/package.json
@@ -25,5 +25,34 @@
   "bugs": {
     "url": "https://github.com/pagers-org/react-world/issues"
   },
-  "homepage": "https://github.com/pagers-org/react-world#readme"
+  "homepage": "https://github.com/pagers-org/react-world#readme",
+  "scripts": {
+    "start": "vite --open",
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview"
+  },
+  "dependencies": {
+    "@motionone/solid": "^10.16.2",
+    "@solidjs/router": "^0.8.3",
+    "@vanilla-extract/css": "^1.13.0",
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "solid-js": "^1.7.11"
+  },
+  "devDependencies": {
+    "@trivago/prettier-plugin-sort-imports": "^4.2.0",
+    "@types/node": "^20.5.6",
+    "@typescript-eslint/eslint-plugin": "^6.4.1",
+    "@typescript-eslint/parser": "^6.4.1",
+    "@vanilla-extract/vite-plugin": "^3.9.0",
+    "eslint": "^8.47.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-solid": "~0.13.0",
+    "prettier": "^3.0.2",
+    "solid-devtools": "^0.27.7",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9",
+    "vite-plugin-solid": "^2.7.0"
+  }
 }