Add Perfect Typescript Intellisense

hmmhmmhm · Dec 22, 2019 · 55c4b18 · 55c4b18
1 parent 6afd11d
commit 55c4b18
Show file tree

Hide file tree

Showing 9 changed files with 122 additions and 48 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -30,6  30,7 @@
     "postcss-load-config": "^2.1.0",
     "public-ip": "^4.0.0",
     "regenerator-runtime": "^0.13.3",
     "src": "^1.1.2",
     "svelma": "^0.3.0",
     "svelte": "^3.16.5",
     "svelte-css-in-js": "^1.0.1",
@@ -48,6  49,7 @@
     "@pyoner/svelte-ts-preprocess": "^1.2.1",
     "@types/express": "^4.17.2",
     "@types/node": "^12.12.21",
     "parcel-plugin-typescript-paths": "^0.1.14",
     "prettier": "^1.19.1",
     "prettier-plugin-svelte": "^0.7.0"
   },

diff --git a/src/components/sample.svelte b/src/components/sample.svelte
@@ -1,4  1,4 @@
-<script>
 <script lang="typescript">
     import * as svelte from 'svelte'
     import { makeCSS } from 'svelte-css-in-js'
 

diff --git a/src/pages/sample/index.svelte b/src/pages/sample/index.svelte
@@ -1,9  1,10 @@
-<script>
 <script lang="typescript">
 
     // Page Query String
-    export let params = {}
     export let params: any = {}
 
     // Component Declaration
     // @ts-ignore
     import Page from './index.ts'
     const { Components, Resources, Router, Store } = Page
 
@@ -14,9  15,16 @@
         params
     )
 
     // Test Intellisense.
     // @ts-ignore
     import { canYouSeeMe2 } from './'
     canYouSeeMe2(123)
 
     // Page Direct Declaration
     import { fly } from 'svelte/transition'
-    import Sample from '../../components/sample'
 
     // @ts-ignore
     import Sample from '../../components/sample.svelte'
 </script>
 
 <!-- Page Transition Animation -->
@@ -30,12  38,7 @@
     <!-- Page Define -->
 
     <!-- Component -->
-    <Sample
-        a="Svelte"
-        b="Is"
-        c="Awesome1"
-        theme={{ fontSize: '20px' }}
-    />
     <Sample a="Svelte" b="Is" c="Awesome1" theme={{ fontSize: '20px' }} />
 
 </div>
 

diff --git a/src/pages/sample/index.ts b/src/pages/sample/index.ts
@@ -5,8  5,11 @@ import {
     Resources,
 } from '../../utils'
 
 export const canYouSeeMe2 = (test: number) => 'hi??'
 
 export default {
     // Logics
     canYouSeeMe2,
 
     // Global Variable
     Resources,

diff --git a/src/types/svelte.d.ts b/src/types/svelte.d.ts
diff --git a/src/utils/index.ts b/src/utils/index.ts
@@ -1,3  1,4 @@
 export * from 'svelte-reusable/logics'
 export * from '../logics/api'
 export * from '../resources'
 export const canYouSeeMe = () => 'hi??'
diff --git a/svelte.config.js b/svelte.config.js
@@ -1,15  1,28 @@
-const { preprocess } = require("@pyoner/svelte-ts-preprocess")
 const pyoner = require("@pyoner/svelte-ts-preprocess")
 const { scss, postcss } = require('svelte-preprocess')
 const autoprefixer = require('autoprefixer')
 
-module.exports = {
-  preprocess: [
-    scss(),
-    postcss({
-      plugins: [
-        autoprefixer()
-      ]
-    }),
-    preprocess()
-  ]
-}
 // For svelte-vscode
 let configJs = { preprocess: pyoner.preprocess() }
 
 if (process.argv[1].indexOf('--') != -1) {
   configJs = {
     preprocess: [
       scss(),
       postcss({
         plugins: [
           autoprefixer()
         ]
       }),
       pyoner.preprocess({compilerOptions: {
         "ba123seUrl": ".",
         "paths": {
           "src/*": [
             "src/*"
           ]
         }
       }})
     ]
   }
 }
 module.exports = configJs
diff --git a/tsconfig.json b/tsconfig.json
@@ -19,7  19,13 @@
         "allowSyntheticDefaultImports": true,
         "esModuleInterop": true,
         "emitDecoratorMetadata": true,
-        "experimentalDecorators": true
         "experimentalDecorators": true,
         "baseUrl": ".",
         "paths": {
           "src/*": [
             "src/*"
           ]
         }
     },
     "include": [
         "./src/**/*",