Renew for v1.0.0 (#35)

* update readme

* Reset all implementation (#36)

* reset all

* Add example readme

* Add sample component and init config (#37)

* add package config

* add lint config

* ignore eslint file

* update tsconfig

* Add script

* update lint rule for react

* Build library

* add sample component

* add vite example page

* build and export type

* fix file name

* fix format and lint

* Update CI/CD workflow files (#38)

* fix dev and stg yaml

* fix prd yaml

* fix triger for dev

* fix app type

* fix to use src

* Add Blink Component (#39)

* blink

* Add speed type

* add style hatch

* Show image component (#40)

* show comunity image

* Add declaration file

* Add storybook config (#41)

* Add storybook lib

* add csf to blink

* fix format

* fix format

* format sc file

* Add some components (#42)

* add background component

* add child component to bg

* update grad text to deprecated

* Add progress bar

* inline animation

* add clasic marquee

* add zoom component

* insert custom jsx

* export color

* Add heading

* fix lint error

* font family

* add text

* add some image stories

* fix font familly

* fix lint

* update version

.eslintignore

@@ -1,3 +1,3 @@
-dist
-.storybook
-.github
+.eslintrc.js
+vite.config.js
+rollup.config.js

.eslintrc.js

@@ -7,6 +7,8 @@ module.exports = {
     "eslint:recommended",
     "plugin:react/recommended",
     "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+    "prettier",
   ],
   parser: "@typescript-eslint/parser",
   parserOptions: {
@@ -16,8 +18,10 @@ module.exports = {
     ecmaVersion: 12,
     sourceType: "module",
   },
-  plugins: ["react", "@typescript-eslint"],
+  plugins: ["react", "@typescript-eslint", "simple-import-sort"],
   rules: {
+    "simple-import-sort/imports": "error",
+    "react/react-in-jsx-scope": "off",
     "react/prop-types": "off",
   },
 };

.github/workflows/dev.yml

@@ -1,8 +1,12 @@
 name: DEV
 
 on:
-  pull_request:
-    branches: ["*", "!master"]
+  push:
+    branches:
+      - "*"
+      - "*/*"
+      - "**"
+      - "!master"
 
 jobs:
   release:
@@ -14,15 +18,15 @@ jobs:
       - name: setup Node
         uses: actions/setup-node@v1
         with:
-          node-version: 12.x
+          node-version: 16.x
           registry-url: "https://registry.npmjs.org"
       - name: install
-        run: npm install
+        run: yarn install
       - name: typecheck
-        run: npm run typecheck
+        run: yarn run typecheck
       - name: lint
-        run: npm run lint
+        run: yarn run lint:ci
       - name: format
-        run: npm run format
+        run: yarn run format:ci
       - name: build
-        run: npm run build
+        run: yarn run lib build

.github/workflows/prd.yml

@@ -13,21 +13,23 @@ jobs:
       - name: setup Node
         uses: actions/setup-node@v1
         with:
-          node-version: 12.x
+          node-version: 16.x
           registry-url: "https://registry.npmjs.org"
       - name: install
-        run: npm install
-      - name: Can Publish
-        run: npx can-npm-publish --verbose
+        run: yarn install
+      - name: can npm publish
+        run: yarn run can-npm-publish
+        working-directory: ./packages/lib
       - name: typecheck
-        run: npm run typecheck
+        run: yarn run typecheck
       - name: lint
-        run: npm run lint
+        run: yarn run lint:ci
       - name: format
-        run: npm run format
+        run: yarn run format:ci
       - name: build
-        run: npm run build
+        run: yarn run lib build
       - name: release
         run: npm publish
+        working-directory: ./packages/lib
         env:
           NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/stg.yml

@@ -14,17 +14,18 @@ jobs:
       - name: setup Node
         uses: actions/setup-node@v1
         with:
-          node-version: 12.x
+          node-version: 16.x
           registry-url: "https://registry.npmjs.org"
       - name: install
-        run: npm install
-      - name: Can Publish
-        run: npx can-npm-publish --verbose
+        run: yarn install
+      - name: can npm publish
+        run: yarn run can-npm-publish
+        working-directory: ./packages/lib
       - name: typecheck
-        run: npm run typecheck
+        run: yarn run typecheck
       - name: lint
-        run: npm run lint
+        run: yarn run lint:ci
       - name: format
-        run: npm run format
+        run: yarn run format:ci
       - name: build
-        run: npm run build
+        run: yarn run lib build

.gitignore

@@ -1,27 +1,3 @@
-# See https://help.github.com/ignore-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-
-# testing
-/coverage
-
-# production
-/build
-/dist
-build.js
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-# storybook
-/storybook-static
-
-!.gitkeep
+node_modules
+dist
+storybook-static

README.md

@@ -1,46 +1,3 @@
 # re-geo
 
-**sorry, Now breaking changing for v1.0.0**
-
-![image](https://github.com/sadnessOjisan/re-geo/blob/master/sampleImage.png?raw=true)
-
-react based geocities component.
-Here is components. https://re-geo-storybook.netlify.com/
-
-## how to use
-
-```sh
-npm i re-geo
-
-# or
-
-yarn add re-geo
-```
-
-```jsx
-import * as React from "react";
-import { Button } from "re-geo";
-import "./styles.css";
-
-export default function App() {
-  return (
-    <div className="App">
-      <h1>Hello CodeSandbox</h1>
-      <h2>Start editing to see some magic happen!</h2>
-      <Button>Click Me!</Button>
-    </div>
-  );
-}
-```
-
-You can check all components in [this storybook](https://re-geo-storybook.netlify.app).
-
-## Thanks
-
-This is inspired by [geo-bootstrap](https://github.com/divshot/geo-bootstrap). Thanks.
-
-## TODO
-
-- [ ] marquee
-- [ ] font tag
-- [ ] tab
+Developing for v1.0.0.