env: refine docs building process

* use `tuidoc` instead of storybook

Author: Dohyung Ahn

apps/calendar/.storybook/main.js

@@ -1,14 +1,11 @@
 const path = require('path');
 
-const isBuildingDocs = process.env.STORYBOOK_ENV === 'docs';
-
 module.exports = {
   core: {
     builder: 'webpack5',
   },
-  stories: isBuildingDocs ? ['../**/*.stories.mdx'] : ['../**/*.stories.@(ts|tsx|mdx)'],
+  stories: ['../**/*.stories.@(ts|tsx)'],
   addons: ['@storybook/addon-docs'],
-  staticDirs: ['../docs/assets/'],
   babel: async (config) => {
     // Replace storybook babel preset & plugins with custom ones
     config.presets.splice(config.presets.length - 1, 1, [

apps/calendar/package.json

@@ -63,6 +63,8 @@
     "develop": "npm run storybook",
     "storybook": "start-storybook -p 6006",
     "storybook:build": "build-storybook",
-    "storybook:build:docs": "STORYBOOK_ENV=docs build-storybook -o ../../_docs"
+    "docs:prebuild": "tsc --outDir tmpdoc --sourceMap false",
+    "docs:dev": "npm run docs:prebuild && tuidoc --serv",
+    "docs:build": "npm run docs:prebuild && tuidoc"
   }
 }

apps/calendar/tsconfig.json

@@ -2,9 +2,8 @@
   "compilerOptions": {
     "noImplicitAny": true,
     "target": "es6",
-    "jsx": "preserve",
-    "jsxFactory": "h",
-    "jsxFragmentFactory": "Fragment",
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact",
     "esModuleInterop": true,
     "isolatedModules": true,
     "allowSyntheticDefaultImports": true,

apps/calendar/tuidoc.config.json

@@ -10,7 +10,7 @@
   },
   "footer": [
     {
-      "title": "NHN",
+      "title": "NHN Cloud",
       "linkUrl": "https://github.com/nhn"
     },
     {
@@ -23,32 +23,9 @@
   },
   "api": {
     "filePath": [
-      "src/js/factory/calendar.js",
-      "src/js/theme/themeConfig.js",
-      "src/js/common/timezone.js"
-    ]
-  },
-  "examples": {
-    "filePath": "examples",
-    "titles": {
-      "example00-basic": "Calendar App",
-      "example01-monthly": "Monthly",
-      "example02-weekly": "Weekly",
-      "example03-daily": "Daily",
-      "example04-2-weeks": "2 Weeks",
-      "example05-3-weeks": "3 Weeks",
-      "example06-narrow-weekends": "Narrower Weekends",
-      "example07-hide-weekends": "Hide Weekends",
-      "example08-task-n-schedule": "Task & Schedule",
-      "example09-task-only": "Task Only",
-      "example10-common-theme": "Common Theme",
-      "example11-monthly-theme": "Monthly Theme",
-      "example12-weekly-theme": "Weekly Theme",
-      "example13-timezone": "Timezone",
-      "example14-template-for-month": "Template for Month",
-      "example15-template-for-timegrid": "Template for Week, Day",
-      "example16-template-for-popup": "Template for Popup"
-    }
+      "tmpdoc/src/factory/calendarControl.jsx"
+    ],
+    "permalink": false
   },
   "pathPrefix": "tui.calendar"
 }